.chess-shell{max-width:1280px;margin:0 auto;padding-bottom:2rem}.chess-shell .game-topbar{max-width:100%}.chess-mute-wrap{margin-bottom:0;max-width:none;width:auto;gap:.45rem}.chess-tagline{color:var(--muted);font-size:.9rem;text-align:center;margin:-.25rem 0 .85rem;max-width:36rem}.chess-layout{display:flex;flex-direction:column;gap:.9rem;width:100%;position:relative}.mode-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.65rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.mode-seg{display:inline-flex;padding:3px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border);gap:2px}.mode-tab{padding:.5rem .95rem;border-radius:8px;font-size:.88rem;font-weight:600;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap}.mode-tab:hover{color:var(--text)}.mode-tab.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.mode-extras{display:flex;align-items:center;gap:.55rem;min-height:2.2rem;flex:1;justify-content:flex-end}.mode-extra{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;justify-content:flex-end}.mode-extra .room-label{margin:0;width:100%;text-align:right;font-size:.75rem}.chess-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px);gap:1rem;width:100%;align-items:start;position:relative}.chess-main{display:flex;flex-direction:column;gap:.75rem;min-width:0;max-width:min(100%,78vh,820px);margin:0 auto;width:100%}.chess-side{display:flex;flex-direction:column;gap:.65rem;min-width:0}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;touch-action:none}.square{position:relative;display:flex;align-items:center;justify-content:center;border:none;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:1 / 1;overflow:hidden;line-height:1;cursor:pointer;container-type:size;transition:background-color .12s ease}.square.light{background:#c5cdd8}.square.dark{background:#4a6490}.square.selected{box-shadow:inset 0 0 0 3px #ffd166f2}.square.last-from,.square.last-to{background-image:linear-gradient(#3dd68c47,#3dd68c47)}.square.check{background-image:linear-gradient(#ff6b6b73,#ff6b6b73)}.square.legal:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#0d0d0f47;pointer-events:none}.square.legal-capture:after{width:82%;height:82%;background:transparent;border:3px solid rgba(13,13,15,.28);border-radius:50%}.square.drop-hover{outline:2px solid var(--warning);outline-offset:-2px}.piece{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:70cqmin;line-height:1;cursor:grab;transition:transform .12s ease;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));z-index:1;pointer-events:auto}.piece[data-color=w]{color:#f7f7f5;-webkit-text-stroke:1px rgba(20,20,30,.55);paint-order:stroke fill}.piece[data-color=b]{color:#1a1a1e}.piece.dragging{opacity:.45;cursor:grabbing}.piece:active{cursor:grabbing;transform:scale(1.08)}.status-bar,.captured-panel,.move-list,.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem}.turn-indicator{display:flex;align-items:center;gap:.55rem;font-size:1rem}.turn-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border)}.turn-dot.white{background:#f0f0f2}.turn-dot.black{background:#2a2a2e}.status-msg{margin-top:.45rem;color:var(--warning);font-size:.85rem;min-height:1.2em;line-height:1.4}.you-play{margin-top:.35rem;color:var(--accent);font-size:.85rem;font-family:var(--mono)}.captured-row+.captured-row{margin-top:.65rem}.captured-label{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.captured-pieces{display:flex;flex-wrap:wrap;gap:.15rem;min-height:1.5rem;font-size:1.25rem}.captured-empty{color:var(--muted);font-size:.9rem}.move-list h3{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.move-log{list-style:none;max-height:160px;overflow-y:auto;font-family:var(--mono);font-size:.8rem;line-height:1.5}.move-log li{display:grid;grid-template-columns:2.2rem 1fr 1fr;gap:.35rem;padding:.15rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.move-num{color:var(--muted)}.controls-row{display:flex;flex-wrap:wrap;gap:.5rem}.controls-row+.controls-row{margin-top:.55rem}.ctrl-btn{padding:.55rem .9rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s}.ctrl-btn:hover{border-color:var(--accent)}.ctrl-btn.accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.ctrl-btn.ghost{background:transparent;color:var(--muted)}.ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.level-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem;font-weight:600}.level-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-weight:600;padding:.45rem .7rem;min-width:3.2rem}.level-select:disabled{opacity:.5}.room-label{margin-top:.35rem;font-size:.75rem;color:var(--muted);font-family:var(--mono)}.controls-row .ctrl-btn{flex:1;text-align:center}.promo-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000000a6;border-radius:var(--radius)}.promo-modal[hidden]{display:none}.promo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;box-shadow:var(--shadow)}.promo-card p{margin-bottom:.75rem;color:var(--muted)}.promo-choices{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.promo-btn{width:3.2rem;height:3.2rem;font-size:2rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;line-height:1;transition:border-color .15s,transform .12s}.promo-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.promo-cancel{color:var(--muted);font-size:.85rem;text-decoration:underline}@media (max-width: 860px){.chess-app{grid-template-columns:1fr}.chess-main{max-width:min(100%,92vw)}.mode-bar{flex-direction:column;align-items:stretch}.mode-seg{width:100%}.mode-tab{flex:1;text-align:center;padding:.55rem .4rem;font-size:.8rem}.mode-extras{justify-content:flex-start}.mode-extra .room-label{text-align:left}.move-log{max-height:120px}.chess-shell .game-topbar{flex-wrap:wrap}.chess-shell .game-topbar h1{order:3;width:100%;text-align:center}}.game-shell:fullscreen .chess-main,.game-shell:-webkit-full-screen .chess-main{max-width:min(85vh,900px)}