:root{--lc-board-light: #f0d9b5;--lc-board-dark: #b58863;--lc-board-sel: rgba(20, 130, 20, .5);--lc-board-move: rgba(155, 199, 0, .41);--lc-board-check: rgba(220, 50, 50, .55);--lc-board-dot: rgba(20, 85, 0, .25);--lc-board-premove: rgba(100, 100, 220, .4);--lc-gold: #c9a227;--lc-gold-bg: rgba(201, 162, 39, .08);--lc-clock-low: #e14d2a;--lc-surface: var(--card, #ffffff);--lc-border: var(--border, #e5e5e5);--lc-text: var(--foreground, #141414);--lc-muted: var(--muted-foreground, #737373);--lc-accent: var(--primary, hsl(350, 63%, 34%));--lc-success: hsl(142, 71%, 40%);--lc-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07))}[data-theme=dark]{--lc-board-light: #ecd2a4;--lc-board-dark: #b98050;--lc-surface: var(--card, hsl(0, 0%, 8%));--lc-border: var(--border, hsl(0, 0%, 20%));--lc-text: var(--foreground, #f0f0f0);--lc-muted: var(--muted-foreground, #a0a0a0);--lc-shadow: 0 4px 16px rgba(0, 0, 0, .4)}.arena-page{padding-top:72px;min-height:100vh;background:var(--background)}.arena-hero{background:var(--gradient-hero, linear-gradient(135deg, hsl(0, 0%, 8%), hsl(0, 0%, 14%)));padding:48px 24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.arena-hero-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.arena-hero-title{flex:1}.arena-hero-title h1{margin:0;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;color:#fff;letter-spacing:-.02em}.arena-hero-title p{margin:4px 0 0;color:#fff9;font-size:.92rem}.arena-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arena-online-pill{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;font-size:.82rem;color:#fffc}.arena-online-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.arena-tc-bar{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--lc-border)}.arena-tc-label{font-size:.78rem;font-weight:600;color:var(--lc-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;white-space:nowrap}.tc-btn{padding:6px 14px;font-size:.84rem;font-weight:600;border-radius:6px;border:1px solid var(--lc-border);background:var(--lc-surface);color:var(--lc-text);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tc-btn:hover,.tc-btn.active{background:var(--lc-accent);border-color:var(--lc-accent);color:#fff}.tc-divider{width:1px;height:22px;background:var(--lc-border);margin:0 4px}.arena-body{max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.arena-create-card{background:var(--lc-surface);border:1px solid var(--lc-border);border-radius:12px;box-shadow:var(--lc-shadow);overflow:hidden;position:sticky;top:88px}@media(max-width:1100px){.arena-body{grid-template-columns:1fr}.arena-create-card{position:relative;top:auto}}.arena-card-header{padding:14px 16px;border-bottom:1px solid var(--lc-border);background:var(--secondary, hsl(0, 0%, 96%));display:flex;align-items:center;gap:10px}[data-theme=dark] .arena-card-header{background:#1f1f1f}.arena-card-header h2{margin:0;font-size:.95rem;font-weight:700;color:var(--lc-text)}.arena-card-dropdown-icon{display:none;width:20px;height:20px;margin-left:auto;transition:transform .2s ease;color:var(--lc-muted, #737373)}.arena-card-body{padding:16px;display:grid;gap:12px}@media(max-width:1100px){.arena-card-dropdown-icon{display:block}.arena-card-header{cursor:pointer}.arena-card-header:active{background:var(--lc-hover, rgba(0, 0, 0, .05))}[data-theme=dark] .arena-card-header:active{background:#ffffff0d}.arena-card-body{display:none}.arena-create-card.expanded .arena-card-body{display:grid}.arena-create-card.expanded .arena-card-dropdown-icon{transform:rotate(180deg)}}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--secondary, #f5f5f5);padding:5px;border-radius:10px}[data-theme=dark] .mode-toggle{background:#242424}.mode-btn{padding:9px 8px;border:none;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;color:var(--lc-muted);background:transparent;transition:all .15s ease;text-align:center}.mode-btn.active{background:var(--lc-surface);color:var(--lc-accent);box-shadow:0 1px 4px #0000001f}[data-theme=dark] .mode-btn.active{background:#333}.arena-field{display:grid;gap:5px}.arena-label{font-size:.78rem;font-weight:600;color:var(--lc-muted);text-transform:uppercase;letter-spacing:.04em}input.arena-input,select.arena-select{width:100%;height:38px;padding:0 10px;border:1px solid var(--lc-border);border-radius:8px!important;background:var(--background, #fff);color:var(--lc-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.arena-input:focus,.arena-select:focus{border-color:var(--lc-accent);box-shadow:0 0 0 2px #8d203226}.arena-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vis-toggle{display:flex;gap:6px}.vis-btn{flex:1;padding:8px;border:1px solid var(--lc-border);border-radius:8px;font-size:.82rem;font-weight:600;background:var(--lc-surface);color:var(--lc-muted);cursor:pointer;text-align:center;transition:all .15s}.vis-btn.active{border-color:var(--lc-accent);color:var(--lc-accent);background:#8d203212}.share-links-panel{background:#8d20320d;border:1px solid hsla(350,63%,34%,.2);border-radius:8px;padding:12px;display:grid;gap:8px;display:none}.share-links-panel.visible{display:grid}.share-link-row{display:flex;gap:6px;align-items:center}.share-link-label{font-size:.74rem;font-weight:700;color:var(--lc-muted);width:46px;flex-shrink:0;text-transform:uppercase}.share-link-input{flex:1;height:30px;padding:0 8px;border:1px solid var(--lc-border);border-radius:5px;background:var(--background);color:var(--lc-text);font-size:.75rem;font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis}.share-copy-btn{padding:0 10px;height:30px;border:1px solid var(--lc-border);border-radius:5px;background:var(--lc-surface);color:var(--lc-text);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.share-copy-btn:hover{background:var(--lc-accent);color:#fff;border-color:var(--lc-accent)}.admin-only-section{display:none;border-top:1px dashed var(--lc-border);padding-top:12px;margin-top:4px}.admin-only-section.visible{display:grid;gap:10px}.admin-section-title{font-size:.74rem;font-weight:700;color:var(--lc-gold);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px}.btn-arena-primary{width:100%;padding:11px;border-radius:8px;border:none;background:var(--lc-accent);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.btn-arena-primary:hover{background:#701928;transform:translateY(-1px)}[data-theme=dark] .btn-arena-primary:hover{background:#d5445c}.btn-arena-secondary{width:100%;padding:9px;border-radius:8px;border:1px solid var(--lc-border);background:var(--lc-surface);color:var(--lc-text);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.btn-arena-secondary:hover{border-color:var(--lc-accent);color:var(--lc-accent)}.arena-toast{padding:0;min-height:18px;font-size:.82rem;color:var(--lc-muted);transition:color .2s}.arena-toast.success{color:var(--lc-success)}.arena-toast.error{color:var(--lc-clock-low)}.lobby-column{display:grid;gap:14px}.lobby-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lobby-filter-tabs{display:flex;gap:4px;background:var(--secondary, hsl(0, 0%, 96%));padding:4px;border-radius:8px}[data-theme=dark] .lobby-filter-tabs{background:#242424}.filter-tab{padding:5px 13px;font-size:.82rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;color:var(--lc-muted);background:transparent;transition:all .15s;font-family:inherit}.filter-tab.active{background:var(--lc-surface);color:var(--lc-text);box-shadow:0 1px 4px #0000001a}.lobby-search{flex:1;min-width:140px;height:34px;padding:0 10px 0 32px;border:1px solid var(--lc-border);border-radius:8px!important;background:var(--background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 9px center;color:var(--lc-text);font-size:.86rem;font-family:inherit;outline:none;transition:border-color .15s}.lobby-search:focus{border-color:var(--lc-accent)}.lobby-refresh-btn{height:34px;padding:0 12px;border:1px solid var(--lc-border);border-radius:8px;background:var(--lc-surface);color:var(--lc-text);font-size:.84rem;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:5px}.lobby-refresh-btn:hover{border-color:var(--lc-accent);color:var(--lc-accent)}.lobby-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--lc-muted);padding:4px 0;display:flex;align-items:center;gap:8px}.lobby-section-title:after{content:"";flex:1;height:1px;background:var(--lc-border)}.lobby-rooms-list{display:grid;gap:8px}.lobby-empty{padding:48px 24px;text-align:center;color:var(--lc-muted);font-size:.9rem;border:1px dashed var(--lc-border);border-radius:10px}.room-card{background:var(--lc-surface);border:1px solid var(--lc-border);border-radius:10px;padding:14px 16px;min-height:84px;display:flex;gap:14px;align-items:center;transition:all .15s ease;cursor:pointer;box-sizing:border-box}.room-card:hover{border-color:var(--lc-accent);box-shadow:0 2px 12px #00000014;transform:translateY(-1px)}[data-theme=dark] .room-card:hover{box-shadow:0 2px 12px #00000059}.room-card-mode{font-size:1.4rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--secondary, hsl(0, 0%, 96%));border-radius:8px}[data-theme=dark] .room-card-mode{background:#292929}.room-card-center{flex:1;min-width:0}.room-card-players{font-size:.92rem;font-weight:600;color:var(--lc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.room-card-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.room-meta-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;font-size:.72rem;font-weight:600;border-radius:999px;border:1px solid var(--lc-border);color:var(--lc-muted);background:var(--secondary, #f5f5f5);white-space:nowrap}[data-theme=dark] .room-meta-badge{background:#292929}.room-meta-badge.status-active{border-color:#4ade80;color:#16a34a;background:#4ade8014}.room-meta-badge.status-waiting{border-color:#fb923c;color:#c2410c;background:#fb923c14}.room-meta-badge.status-finished{border-color:var(--lc-border);color:var(--lc-muted)}[data-theme=dark] .room-meta-badge.status-active{color:#4ade80;background:#4ade801a}[data-theme=dark] .room-meta-badge.status-waiting{color:#fb923c;background:#fb923c1a}.room-card-clocks{display:flex;gap:6px;align-items:center;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--lc-muted);flex-shrink:0}.room-card-actions{display:flex;gap:6px;flex-shrink:0}.room-action-btn{padding:6px 14px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid var(--lc-border);background:var(--lc-surface);color:var(--lc-text);font-family:inherit;transition:all .15s;white-space:nowrap}.room-action-btn:hover{border-color:var(--lc-accent);color:var(--lc-accent)}.room-action-btn.join-btn{background:var(--lc-accent);border-color:var(--lc-accent);color:#fff}.room-action-btn.join-btn:hover{background:#701928}[data-theme=dark] .room-action-btn.join-btn:hover{background:#d5445c}.open-room-row{display:flex;gap:6px}.open-room-row .arena-input{flex:1}.game-page{padding-top:72px;min-height:100vh;background:var(--background);display:flex;flex-direction:column}[data-theme=dark] .game-page{background:#000}.game-topbar{display:none}.game-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;gap:24px;padding:24px;overflow:hidden;max-height:calc(100dvh - 72px)}@media(max-width:1024px){.game-layout{grid-template-columns:1fr;max-height:none;overflow:visible;padding:12px}}.board-column{display:flex;flex-direction:column;overflow:hidden;align-items:center;justify-content:center;border:none;background:transparent!important}.board-wrapper{display:flex;flex-direction:column;width:min(100%,calc(100vh - 212px));max-width:800px}.player-strip{padding:12px 0;display:flex;align-items:center;gap:12px;background:transparent;border:none}.player-strip.bottom{border:none}.player-avatar{width:44px;height:44px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--lc-accent);flex-shrink:0;border:none}.player-info{flex:1;min-width:0}.player-name{font-size:.95rem;font-weight:600;color:var(--lc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.player-sub{font-size:.8rem;color:var(--lc-muted);display:flex;align-items:center;gap:6px;margin-top:2px}.player-elo{font-weight:500;color:var(--lc-muted)}.player-captured{font-size:.82rem;letter-spacing:.5px;color:var(--lc-muted)}.player-material-adv{font-size:.76rem;font-weight:700;color:var(--lc-success)}.player-clock{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;padding:8px 16px;border-radius:6px;background:#23222a;border:none;min-width:90px;text-align:center;transition:all .2s;flex-shrink:0;display:flex;align-items:center;gap:8px}[data-theme=dark] .player-clock{background:#23222a}.player-clock:before{content:"";display:inline-block;width:14px;height:14px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") no-repeat center / contain;opacity:.5}.player-clock.active-turn{background:#fff!important;color:#000!important}.player-clock.active-turn:before{opacity:.8}.player-clock.low-time{background:var(--lc-clock-low)!important;color:#fff!important;animation:clock-pulse 1s ease-in-out infinite}@keyframes clock-pulse{0%,to{opacity:1}50%{opacity:.75}}.board-area{width:100%;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.lc-board{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));position:relative;box-shadow:0 12px 40px #0006}.board-controls{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--lc-border);background:var(--lc-surface);flex-shrink:0;gap:8px;flex-wrap:wrap}.board-ctrl-group{display:flex;gap:5px;align-items:center}.board-ctrl-btn{height:32px;padding:0 12px;border:1px solid var(--lc-border);border-radius:6px;background:var(--lc-surface);color:var(--lc-text);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:5px;white-space:nowrap}.board-ctrl-btn:hover{border-color:var(--lc-accent);color:var(--lc-accent)}.board-ctrl-btn:disabled{opacity:.4;pointer-events:none}.board-ctrl-btn.danger{color:var(--lc-clock-low);border-color:#e14d2a4d}.board-ctrl-btn.danger:hover{background:var(--lc-clock-low);color:#fff;border-color:var(--lc-clock-low)}.lc-square{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:default}.lc-square-light{background:var(--lc-board-light)}.lc-square-dark{background:var(--lc-board-dark)}.lc-square-selected:after{content:"";position:absolute;inset:0;background:var(--lc-board-sel)}.lc-square-last-move:before,.lc-square-last-move-to:before{content:"";position:absolute;inset:0;background:var(--lc-board-move)}.lc-square-check:before{content:"";position:absolute;inset:0;background:var(--lc-board-check)}.lc-square-dot:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:var(--lc-board-dot);z-index:2}.lc-square-dot-capture:after{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid var(--lc-board-dot);z-index:2}.sq-coord{position:absolute;font-size:clamp(.45rem,1.1vw,.62rem);font-weight:700;line-height:1;padding:2px;z-index:1}.sq-coord-rank{bottom:1px;left:2px}.sq-coord-file{top:1px;right:2px}.lc-square-light .sq-coord{color:var(--lc-board-dark)}.lc-square-dark .sq-coord{color:var(--lc-board-light)}.lc-piece{display:inline-flex;align-items:center;justify-content:center;width:88%;height:88%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3;transition:transform .08s ease}.lc-piece-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:none;position:absolute;inset:0}.lc-piece-white .lc-piece-img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.lc-piece-black .lc-piece-img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.lc-piece-fallback{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:clamp(1.3rem,2.8vw,2.4rem);font-weight:700}.lc-piece-white .lc-piece-fallback{color:#f8f8f8;text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.7)}.lc-piece-black .lc-piece-fallback{color:#111;text-shadow:0 1px 0 rgba(255,255,255,.7),0 0 1px rgba(0,0,0,.5)}.lc-piece-draggable{cursor:grab}.lc-piece-draggable:active{cursor:grabbing}.lc-piece-draggable:hover .lc-piece{transform:scale(1.06)}.lc-square-premove:after{content:"";position:absolute;inset:0;background:var(--lc-board-premove)}.game-sidebar{display:flex;flex-direction:column;overflow:hidden;resize:both;width:350px;min-width:250px;max-width:600px;min-height:400px;background:#23222a;border-radius:12px;border:none;box-shadow:0 4px 20px #0003}[data-theme=light] .game-sidebar{background:var(--lc-surface);border:1px solid var(--lc-border)}.sidebar-top-section{padding:16px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--lc-text)}.sidebar-watchers{color:var(--lc-muted);font-size:.8rem;margin-left:auto;display:flex;align-items:center;gap:6px}.green-shield-icon{width:24px;height:24px;background-color:#4ade8033;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#4ade80}.green-shield-icon:before{content:"";width:12px;height:12px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") no-repeat center / contain}.sidebar-actions{display:flex;gap:8px}.sidebar-action-btn{flex:1;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;color:#fff}.sidebar-action-btn.offer-draw{background:#ffffff1a}.sidebar-action-btn.offer-draw:hover{background:#ffffff26}.sidebar-action-btn.resign{background:#dc262633;color:#ef4444}.sidebar-action-btn.resign:hover{background:#dc26264d}.sidebar-action-btn.rematch{background:var(--lc-accent)}.sidebar-board-controls{display:flex;align-items:center;gap:4px;background:#ffffff08;padding:6px;border-radius:8px}.side-ctrl-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--lc-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.side-ctrl-btn:hover:not(:disabled){background:#ffffff1a;color:var(--lc-text)}.side-ctrl-btn:disabled{opacity:.3;cursor:default}.sidebar-spacer{flex:1}.sidebar-moves-section{flex:1;display:flex;flex-direction:column;min-height:100px;border-bottom:1px solid rgba(255,255,255,.05)}.moves-table{width:100%;border-collapse:collapse}.moves-table td{padding:4px 6px;font-size:.86rem}.moves-table .move-num{width:28px;color:var(--lc-muted);font-size:.78rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left}.moves-table td:nth-child(2){text-align:left}.moves-table td:nth-child(3){text-align:right}.move-token{padding:2px 8px;border-radius:4px;cursor:pointer;font-weight:500;transition:background .12s;display:inline-block;color:var(--lc-text)}.move-token:hover{background:#ffffff1a}.move-token.current-move{background:#ffffff1a!important;color:#fff;font-weight:600}.move-quality{font-size:.68rem;font-weight:700;vertical-align:super}.sidebar-chat-section{height:250px;min-height:100px;max-height:500px;display:flex;flex-direction:column;background:#0000001a;resize:vertical;overflow:auto}.chat-header-bar{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;color:var(--lc-text)}.chat-list{flex:1;overflow-y:auto;padding:0 16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chat-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chat-msg{display:flex;flex-direction:column;gap:2px}.chat-msg-head{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--lc-muted)}.chat-msg-sender{font-weight:600;color:var(--lc-text)}.chat-msg-text{font-size:.85rem;color:var(--lc-text);line-height:1.4}.chat-input-row{padding:12px 16px;display:flex;align-items:center;position:relative}.chat-textarea{flex:1;height:38px;padding:10px 40px 10px 16px;border-radius:8px;border:none;background:#ffffff0f;color:var(--lc-text);font-size:.85rem;font-family:inherit;resize:none;outline:none}.chat-textarea:focus{background:#ffffff1a}.chat-textarea::-moz-placeholder{color:#ffffff4d}.chat-textarea::placeholder{color:#ffffff4d}.chat-emoji-icon{position:absolute;right:28px;color:#fff6;cursor:pointer}.chat-emoji-icon:hover{color:#fffc}.chat-send-btn{padding:0 14px;border-radius:8px;border:none;background:var(--lc-accent);color:#fff;font-weight:700;font-size:.84rem;cursor:pointer;font-family:inherit;transition:background .15s;flex-shrink:0}.chat-send-btn:hover{background:#701928}[data-theme=dark] .chat-send-btn:hover{background:#d5445c}.chat-send-btn:disabled{opacity:.4;pointer-events:none}.spectator-notice{padding:12px;border:1px dashed var(--lc-border);border-radius:8px;text-align:center;font-size:.82rem;color:var(--lc-muted)}.ai-thinking{display:none;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;color:var(--lc-muted);font-style:italic}.ai-thinking.visible{display:flex}.ai-spinner{width:14px;height:14px;border:2px solid var(--lc-border);border-top-color:var(--lc-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-over-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s ease}.game-over-overlay.visible{opacity:1;pointer-events:all}.game-over-modal{background:var(--lc-surface);border:1px solid var(--lc-border);border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 24px 60px #0006;transform:scale(.95);transition:transform .25s ease}.game-over-overlay.visible .game-over-modal{transform:scale(1)}.game-over-icon{font-size:2.8rem;margin-bottom:8px}.game-over-result{font-size:1.4rem;font-weight:800;color:var(--lc-text);margin-bottom:4px}.game-over-reason{font-size:.9rem;color:var(--lc-muted);margin-bottom:16px}.elo-delta-row{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.elo-chip{padding:5px 14px;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid var(--lc-border)}.elo-chip.positive{color:#16a34a;background:#4ade801a;border-color:#4ade80}.elo-chip.negative{color:var(--lc-clock-low);background:#e14d2a14;border-color:#e14d2a66}[data-theme=dark] .elo-chip.positive{color:#4ade80}.game-over-actions{display:grid;gap:8px}@media(max-width:768px){.room-page-body .site-header{display:none}.room-page-body .game-page{padding-top:0}.game-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px 16px;background:transparent;color:var(--lc-text)}.game-topbar-left a{display:flex;align-items:center;gap:12px;color:var(--lc-text);text-decoration:none}.game-topbar-right{display:flex;align-items:center;gap:20px}.topbar-icon-btn{background:transparent;border:none;color:var(--lc-text);padding:0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.topbar-icon-btn.with-badge .icon-badge{position:absolute;top:-4px;right:-6px;background:#22c55e;color:#fff;font-size:.65rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a}.topbar-avatar{width:26px;height:26px;border-radius:50%;background-size:cover;background-position:center;position:relative}.avatar-status-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#22c55e;border:2px solid #1a1a1a}.game-layout{grid-template-columns:1fr;padding:0;gap:0;max-height:none;overflow-y:visible}.board-column{padding:0 16px}.lc-board{width:100%;border-radius:6px}.player-strip{padding:12px 0}.player-clock{font-size:1.15rem;padding:6px 12px;border-radius:6px;min-width:70px;background:#23222a;display:flex;align-items:center;justify-content:center}.game-sidebar{margin:16px;border:none;border-radius:12px;min-height:auto!important;max-height:none!important;background:#1a1a1b!important;position:relative;overflow:hidden;box-shadow:none}.game-sidebar:after{content:"";position:absolute;right:-20px;bottom:-20px;width:140px;height:140px;background:radial-gradient(circle,#4ade8026,#4ade8000 70%);pointer-events:none;z-index:0}.sidebar-top-section{padding:16px 20px;border:none;position:relative;z-index:1}.sidebar-meta{flex-direction:column;align-items:flex-start;gap:6px;font-size:.95rem;margin-bottom:24px}.sidebar-meta span{color:#f3f4f6}.sidebar-watchers{font-size:.8rem;color:#9ca3af;display:flex;align-items:center;gap:4px;margin:0}.sidebar-actions{display:flex;gap:12px;width:65%}.sidebar-action-btn{padding:10px 14px;border-radius:8px;font-size:.88rem;font-weight:600}.sidebar-action-btn.offer-draw{background:#2a2a2b;color:#e5e5e5}.sidebar-action-btn.resign{background:#451a1e;color:#fca5a5;border:none}.sidebar-action-btn.resign:hover{background:#5c2328}.sidebar-board-controls,.sidebar-moves-section,.sidebar-chat-section{display:none}.arena-body{padding:12px;gap:12px}.arena-tc-bar{padding:10px 12px}}@media(max-width:480px){.room-card{flex-wrap:wrap}.room-card-actions{width:100%;justify-content:flex-end}.board-controls{flex-direction:column;align-items:stretch}.board-ctrl-group{justify-content:center}}