.chess-theatre-launch, .chess-theatre-bar button { min-height: 44px; padding: 8px 14px; border: 1px solid #647451; border-radius: 4px; background: #172013; color: #c4ff68; cursor: pointer; font: 500 13px 'Space Grotesk', Arial, sans-serif; white-space: nowrap; }
.chess-theatre-launch:focus-visible, .chess-theatre-bar button:focus-visible { outline: 2px solid #b7ff39; outline-offset: 3px; }
.chess-theatre-bar[hidden] { display: none; }
.chess-theatre-bar { position: fixed; z-index: 1002; inset: 0 0 auto; height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 16px; background: #0b0d11; color: #f3f0e7; border-bottom: 1px solid #303b32; font: 500 14px 'Space Grotesk', Arial, sans-serif; }
html[data-chess-theatre] { overflow: hidden !important; }
html[data-chess-theatre] body { overflow: hidden !important; }
html[data-chess-theatre] .chess-theatre-target { --paper: #f3f0e7; --paper-muted: #b3bdae; --ink: #0b0d11; --ink-soft: #141b14; --signal: #b7ff39; position: fixed !important; z-index: 1001; inset: 60px 0 0 !important; width: 100% !important; height: calc(100dvh - 60px); max-width: none !important; margin: 0 !important; padding: 14px 24px !important; background: #0b0d11; color: #f3f0e7; overflow: auto; border: 0; }
html[data-chess-theatre] .chess-theatre-target .chess-theatre-launch { display: none; }
html[data-chess-theatre] .arena-grid.chess-theatre-target { display: grid; grid-template-columns: minmax(0, min(calc(100dvh - 230px), 1000px)) minmax(240px, 320px); gap: 24px; justify-content: center; align-content: start; }
html[data-chess-theatre] .board-stage { --board-size: min(100%, calc(100dvh - 230px)) !important; width: 100%; }
html[data-chess-theatre] .board-stage .stage-heading, html[data-chess-theatre] .board-stage .decision-strip, html[data-chess-theatre] .board-help { display: none; }
html[data-chess-theatre] .arena-rail { position: static; display: block; opacity: 1; transform: none; pointer-events: auto; max-height: calc(100dvh - 90px); overflow: auto; }
html[data-chess-theatre] .arena-rail .setup-section, html[data-chess-theatre] .arena-rail .live-section, html[data-chess-theatre] .arena-rail .mobile-drawer-close { display: none; }
html[data-chess-theatre] .arena-rail .ledger-section { display: block; }
html[data-chess-theatre] .dialog { z-index: 1100; }
html[data-chess-theatre] .arena.chess-theatre-target { display: grid; grid-template-columns: minmax(0, min(calc(100dvh - 285px), 900px)) minmax(240px, 320px); gap: 32px; justify-content: center; }
html[data-chess-theatre] .featured.chess-theatre-target .featured-head { margin-bottom: 8px; }
html[data-chess-theatre] .featured.chess-theatre-target .featured-head h1 { font-size: 20px; }
html[data-chess-theatre] .featured.chess-theatre-target .featured-body { grid-template-columns: minmax(0, min(calc(100dvh - 230px), 1000px)) minmax(230px, 320px); justify-content: center; }
html[data-chess-theatre] .grid-section.chess-theatre-target .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 24px; }
html[data-chess-theatre] .grid-section.chess-theatre-target .tile { width: min(100%, calc(100dvh - 165px)); max-width: none; justify-self: center; }
@media (max-width: 760px) {
    .chess-theatre-bar { padding-inline: 10px; font-size: 12px; }
    .chess-theatre-bar strong { max-width: 45%; }
    html[data-chess-theatre] .chess-theatre-target { padding: 12px !important; }
    html[data-chess-theatre] .arena-grid.chess-theatre-target, html[data-chess-theatre] .arena.chess-theatre-target, html[data-chess-theatre] .featured.chess-theatre-target .featured-body { grid-template-columns: minmax(0, 1fr); }
    html[data-chess-theatre] .board-stage { --board-size: min(100%, calc(100dvh - 235px)) !important; }
    html[data-chess-theatre] .arena-rail { max-height: none; padding: 0; border: 0; }
}