/* Selected Alpha: original dark game, real listening, independently composed touch. */
@font-face{font-family:Neohellenic;src:url('./neohellenic-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#f1e2bf;--muted:#b2c3c4;--bg:#0e2230;--line:#42626b;--orange:#f47a1f;--teal:#0c3f4a;--pink:#ffa452;--cyan:#96edce}
body{background:var(--bg);font:14px/1.45 Arial,Helvetica,sans-serif}::selection{background:var(--orange);color:var(--bg)}*{scrollbar-color:#789697 var(--bg);scrollbar-width:thin}input,textarea{caret-color:var(--orange)}button,a,input,select,audio{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,audio:focus-visible,canvas:focus-visible{outline:3px solid #ffa452;outline-offset:3px}button:disabled{opacity:.55}
.cabinet{width:100%;max-width:1280px;padding:14px 36px 24px;margin:auto;border:0;background:none;border-radius:0;box-shadow:none}.topline{padding-bottom:12px;min-height:58px;letter-spacing:0}.brand img{width:46px;height:46px}.brand-copy{font-size:16px}.brand-copy small{font-size:11px;letter-spacing:1px}.edition{font-size:12px;text-transform:none}.live-dot{display:none}.backlink{font-size:12px}.masthead{display:flex;align-items:center;gap:24px;margin:16px 0}.masthead h1{font-size:48px;white-space:nowrap}.scoreboard{margin-left:auto;gap:24px;flex-shrink:0}.score-label{font:11px/1.3 Arial;letter-spacing:0;margin-bottom:5px}.digits{font-size:30px;font-variant-numeric:tabular-nums}.identity{max-width:240px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:0;font-size:12px}.identity p{margin:0;overflow-wrap:anywhere}.identity button,.text-button{font:12px/1.35 Arial;color:var(--ink);border:0;background:none;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0;white-space:normal}
.station{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:center}.play-deck{min-width:0}.game-frame{min-width:0;box-shadow:none;border:1px solid var(--line);border-radius:3px}.scene{height:clamp(330px,calc(100svh - 205px),520px)}.toolbar{min-height:56px;padding:6px 14px;gap:8px;flex-wrap:nowrap;justify-content:space-between}.control-hint{font-size:11px}.tool{padding:10px;font-size:11px;min-height:44px;box-shadow:none}.tool:hover{transform:none}.key{font-size:11px}.tools{gap:6px}.stars,.scanlines{opacity:.45}.scene.flash{animation:none}
.overlay{padding:28px 16px;background:#03192122;transition:none}.overlay.hidden{display:none}.overlay-card{width:320px;max-width:100%;padding:18px 22px;background:#0c2932f5;border:1px solid #6b8585;border-radius:4px;box-shadow:0 9px 25px #0004;backdrop-filter:none}.overlay h2{font:700 38px/1 Neohellenic,Arial,sans-serif;text-shadow:none;letter-spacing:0;margin:0 0 12px}.overlay p{font:12px/1.5 Arial;margin:0 0 14px}.overlay .mini{display:none}.settings{gap:5px;margin-bottom:12px}.settings button{min-height:44px;font-size:11px;letter-spacing:0;padding:8px 10px;border-radius:3px}.settings button[aria-pressed=true]{box-shadow:none;border-color:var(--orange)}.primary{border:0;border-radius:4px;min-height:44px;padding:13px;letter-spacing:.3px;box-shadow:none}.primary:hover,.primary:active{transform:none;box-shadow:none;background:#ffa452}.overlay .smallprint{font:11px/1.4 Arial;margin:10px 0 0;letter-spacing:0}.screen-top,.screen-bottom{font-size:11px;letter-spacing:0;left:14px;right:14px}.screen-bottom{bottom:10px}
.listening{align-self:center;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--ink)}.listen-logo{width:70px;height:70px;margin-bottom:12px}.listening h2{font:700 38px/1 Neohellenic,Arial,sans-serif;letter-spacing:0;color:var(--ink);margin:0 0 16px}.listening .episode-title{font:14px/1.45 Arial;margin:0 0 14px;overflow-wrap:anywhere;max-width:none}.listening>#podcast-play{width:100%;min-height:48px;font-size:16px;display:flex;gap:10px;align-items:center;justify-content:center;margin:0 0 10px}.listening-options summary{display:none}.listening-options:not([open]) summary{display:list-item}.listening label{display:block;font-size:12px;margin:8px 0 4px}.listening select{width:100%;font:14px Arial;min-height:44px;padding:7px;background:#12333f;color:var(--ink);border:1px solid var(--line);border-radius:3px}.player-controls{display:block;margin:10px 0}.player-controls audio{width:100%;height:40px;min-width:0;color-scheme:dark}.player-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.player-options label{margin:0}.player-options select{width:auto;font-size:12px}.player-options a{font-size:12px}.listening #player-status{font:12px/1.4 Arial;color:var(--muted);margin:10px 0}.listening #episode-suggestion{font:12px/1.4 Arial;margin:12px 0;color:var(--muted)}.station-links{display:flex;flex-wrap:wrap;gap:0 12px}.station-links a,.station-links button{font:12px Arial;background:none;border:0;color:var(--ink);padding:8px 0;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.action{box-shadow:none;border-radius:4px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:0}.action:hover,.action:active{transform:none;box-shadow:none}.action.orange{color:var(--bg)!important}.action.secondary{color:var(--ink)!important}.share-message{color:var(--muted)!important}
.touch-choice,.touch-controls{display:none}.touch-choice label{font-size:13px}.touch-choice select{min-height:44px;font:14px Arial;color:var(--ink);background:var(--teal);border:1px solid #789697;border-radius:3px;padding:6px 10px}.touch-choice p{font-size:12px;line-height:1.45;margin:4px 0 0;color:var(--muted)}.record-strip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}#online-status,#published-status{font:12px/1.45 Arial;color:var(--muted);margin:0;overflow-wrap:anywhere}#published-status:empty{display:none}.below{margin:24px 0}.note{font:13px/1.6 Arial}.note b{font-size:12px}.note em{font-style:normal}.share-strip strong{font:700 28px Neohellenic,Arial}.share-strip p{font:14px/1.5 Arial}.podcast .tag{display:none}.podcast{background:none;box-shadow:none;border:0;border-top:1px solid var(--line);padding:24px 0}.podcast h2,.online-board h2,.community h2{font:700 32px/1.1 Neohellenic,Arial}.footer{font-size:11px}
.record-dialog,.share-dialog{width:min(540px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;border:1px solid #789697;border-radius:6px;background:var(--bg);color:var(--ink);box-shadow:0 12px 40px #0007;font:14px/1.5 Arial;padding:22px;overflow-y:auto}.record-dialog[open]{display:flex;flex-direction:column;overflow:hidden;padding:0}.record-dialog::backdrop,.share-dialog::backdrop{background:#031921db}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-head h2{font:700 30px/1.1 Neohellenic,Arial;margin:0;color:var(--ink);letter-spacing:0;text-shadow:none}.record-dialog .dialog-head{padding:18px 20px 12px;flex-shrink:0;border-bottom:1px solid var(--line)}.record-scroll{min-height:0;overflow-y:auto;padding:4px 20px 20px;overscroll-behavior:contain}.close-dialog{width:44px;height:44px;flex-shrink:0;background:transparent;border:1px solid #789697;color:var(--ink);font:24px Arial;border-radius:4px}.record-dialog p{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.record-dialog label,.share-dialog label{display:block;font-weight:700;margin:14px 0 7px}.record-dialog input,.share-dialog input{width:100%;font:16px Arial;padding:12px;border:1px solid #789697;border-radius:4px;background:#12333f;color:var(--ink)}#score-submit-form{padding:0;max-width:none}#submit-score{width:100%;white-space:normal;font-size:14px}.share-dialog img{width:100%;height:auto}.share-dialog p{font-size:14px;color:var(--muted)}.share-dialog .action-row{flex-wrap:wrap}.record-dialog .text-button{font-size:13px;text-align:left}#discard-confirm{width:100%;margin-top:8px;white-space:normal}
@media(min-width:851px) and (max-height:650px){.cabinet{padding-top:8px}.topline{min-height:46px;padding-bottom:8px}.brand img{width:38px;height:38px}.masthead{margin:10px 0}.masthead h1{font-size:40px}.scene{height:calc(100svh - 195px)}.overlay-card{padding:14px 20px}.overlay h2{font-size:32px}.overlay p{margin-bottom:10px}.listen-logo{display:none}.listening h2{font-size:30px;margin-bottom:10px}.listening .episode-title{margin-bottom:10px}.listening #episode-suggestion{display:none}.listening #player-status{margin:7px 0}.listening select{min-height:38px}.player-options select{min-height:36px}}
@media(max-width:1100px) and (min-width:851px){.cabinet{padding-inline:24px}.masthead{gap:14px}.masthead h1{font-size:38px}.scoreboard{gap:14px}.identity{max-width:210px}.station{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.control-hint{display:none}.toolbar{justify-content:flex-end}}
@media(max-width:850px){.cabinet{padding:10px 14px 24px}.topline{min-height:42px;padding-bottom:8px;gap:8px}.brand img{width:36px;height:36px}.brand-copy{font-size:14px}.brand-copy small{display:none}.edition{display:none}.masthead{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0 8px}.masthead h1{font-size:36px}.masthead h1 span{display:block;font-size:14px;letter-spacing:0;line-height:1.2;margin-top:3px}.scoreboard{margin:0;gap:12px;text-align:right}.scoreboard>div{display:block}.score-label{font-size:11px;margin:0 0 4px;max-width:84px}.digits{font-size:24px}.identity{grid-column:1/-1;max-width:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:8px;font-size:12px}.identity button{font-size:12px;max-width:155px;text-align:right}.identity p{max-width:55%}.station{display:flex;flex-direction:column;gap:10px;align-items:stretch}.station .listening{order:-1;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:4px 10px;align-self:stretch;align-items:center;padding:8px 0;border-block:1px solid var(--line)}.listen-logo{display:none}.listening h2{font:700 21px/1 Neohellenic,Arial;margin:0}.listening h2 br{display:none}.listening .episode-title{font-size:12px;margin:0;grid-column:1;line-height:1.35}.listening>#podcast-play{grid-column:2;grid-row:1/3;margin:0;font-size:14px;min-height:44px;padding:10px}.listening-options{grid-column:1/-1;min-width:0}.listening-options summary{display:list-item;font:12px/1.4 Arial;cursor:pointer;min-height:44px;padding:12px 0}.listening-options[open] summary{margin-bottom:6px}.listening #episode-suggestion{display:none}.station-links{grid-column:1/-1;justify-content:space-between}.station-links a,.station-links button{min-height:44px;font-size:12px}.scene{height:310px}.overlay{padding:24px 10px}.overlay-card{width:280px;padding:14px}.overlay h2{font-size:32px;margin-bottom:10px}.overlay p{font-size:12px;margin-bottom:10px}.overlay .smallprint{font-size:11px}.settings button{padding:7px 8px;font-size:11px;min-height:44px}.screen-top,.screen-bottom{font-size:11px;left:9px;right:9px}.sector{display:none}.screen-top{justify-content:flex-end}.toolbar{min-height:56px;padding:5px 8px;justify-content:center}.control-hint{display:none}.tools{justify-content:center;gap:6px}.tool{min-height:44px;font-size:11px;padding:9px 12px}.touch-choice{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:8px 0 4px}.touch-choice p{flex-basis:100%}.touch-controls{display:grid;justify-content:center;grid-template-columns:56px 56px 56px;grid-template-rows:48px 48px;gap:5px;margin:8px 0 0;padding:0}.touch-controls button{position:static;width:56px;height:48px;min-height:44px;font:700 24px Arial;color:var(--ink);background:#16434d;border:1px solid #789697;border-radius:4px;box-shadow:none;transform:none}.touch-controls [data-dir=up]{grid-column:2;grid-row:1}.touch-controls [data-dir=left]{grid-column:1;grid-row:2}.touch-controls [data-dir=down]{grid-column:2;grid-row:2}.touch-controls [data-dir=right]{grid-column:3;grid-row:2}.record-strip{margin-top:8px}.below{display:block}.note{margin-bottom:16px}.share-strip{display:block}.share-strip .action-row{justify-content:flex-start}.podcast{grid-template-columns:64px 1fr;padding:20px 0}.podcast>.action{grid-column:1/-1}.online-board h2{font-size:28px}.board-controls{flex-wrap:wrap}.board-controls select{max-width:100%;min-height:44px}.record-dialog .dialog-head{padding:14px}.record-scroll{padding:4px 14px 18px}.dialog-head h2{font-size:26px}.community{padding:16px}.community input[type=email]{min-width:0;width:100%}}
@media(max-width:360px){.cabinet{padding:8px 12px 24px}.masthead h1{font-size:30px}.masthead h1 span{font-size:12px}.digits{font-size:22px}.scoreboard{gap:8px}.identity button{max-width:145px}.scene{height:310px}.overlay-card{padding:12px;width:266px}.overlay h2{font-size:29px}.overlay p{margin-bottom:8px}.settings button{padding-inline:7px}.screen-bottom{gap:8px;font-size:10px}.listening h2{font-size:19px}}
@media(max-height:450px) and (min-width:701px){.cabinet{padding:6px 18px}.topline{display:none}.masthead{display:flex;margin:0 0 6px}.masthead h1{font-size:30px}.masthead h1 span{display:inline;font-size:14px}.identity{max-width:190px}.identity p{display:none}.identity button{max-width:none}.scoreboard{margin-left:auto}.station{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.station .listening{display:block;order:0;border:0;padding:0}.listening h2{font-size:25px;margin-bottom:8px}.listening .episode-title{font-size:12px;margin-bottom:8px}.listening>#podcast-play{min-height:44px;margin-bottom:5px}.listening-options summary{min-height:44px;padding:10px 0}.station-links{display:flex;gap:0 12px}.station-links button,.station-links a{font-size:12px}.scene{height:290px}.overlay-card{padding:10px 16px;width:300px}.overlay h2{font-size:28px;margin-bottom:7px}.overlay p{margin-bottom:7px}.settings{margin-bottom:7px}.touch-choice{display:flex}.touch-controls{display:grid}.toolbar{min-height:54px}}
@media(pointer:coarse) and (min-width:851px){.touch-choice{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.touch-controls{display:flex;justify-content:center;gap:8px}.touch-controls button{position:static;width:52px;height:48px}}
/* One measured correction: real optional controls use disclosure, not fold overflow. */
.short-label{display:none}.listening-options summary{cursor:pointer;min-height:44px;padding:10px 0;font:12px/1.4 Arial}.listening-options[open] summary{display:list-item}.listening-options[open]~.station-links{margin-top:6px}
@media(min-width:851px){.scene{height:clamp(330px,calc(100svh - 230px),500px)}.station{align-items:start}.listening{align-self:center}}
@media(min-width:851px) and (max-height:650px){.scene{height:calc(100svh - 205px)}.listen-logo{display:block;width:65px;height:65px;margin-bottom:0}}
@media(max-width:850px) and (min-height:451px){.listening-options{grid-row:3}.listening-options summary{width:52px}.short-label{display:inline}.detail-label{display:none}.station-links{grid-row:3;margin-left:58px;gap:0 8px}.station-links a,.station-links button{font-size:11px}.listening:has(.listening-options[open]) .station-links{grid-row:4;margin-left:0}.listening:has(.listening-options[open]) summary{width:auto}.listening:has(.listening-options[open]) .detail-label{display:inline}.listening:has(.listening-options[open]) .short-label{display:none}.identity p{font-size:11px}.touch-choice p{font-size:12px}}
@media(max-height:450px) and (min-width:701px){.scene{height:278px}.listening-options summary{display:list-item}.play-deck{display:contents}.game-frame{grid-column:1;grid-row:1}.station .listening{grid-column:2;grid-row:1;align-self:start}.station .touch-controls{grid-column:2;grid-row:1;align-self:end;justify-self:center;margin-bottom:8px}.touch-choice{grid-column:1/-1;grid-row:2}.station:has(.listening-options[open]) .touch-controls{grid-row:2}.station:has(.listening-options[open]) .touch-choice{grid-column:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* V4 keeps Alpha: compact first-run choice and persistent native controls. */
#audio-setup{margin:0 0 10px}#audio-setup label{margin-top:0}#audio-setup select{min-height:44px}.listening:has(.listening-options[open]) .listen-logo{display:none}.listening-options[open] summary{padding-block:6px;min-height:32px}.listening-options #audio-mode{margin-bottom:4px}.listening-options #music-play{min-height:44px}.board-controls p{max-width:65ch;font-size:14px}
@media(max-width:850px){#audio-setup{grid-column:1/-1;grid-row:3;margin:4px 0;display:flex;align-items:center;gap:8px}#audio-setup label{font-size:12px;margin:0;flex:1}#audio-setup select{width:130px;flex-shrink:0;font-size:14px}.listening:has(#audio-setup:not([hidden])) .listening-options{grid-row:4}.listening:has(#audio-setup:not([hidden])) .station-links{grid-row:4}.listening:has(#audio-setup:not([hidden])):has(.listening-options[open]) .station-links{grid-row:5}.listening-options[open]{padding-bottom:6px}}
@media(min-width:851px) and (max-height:650px){.listening:has(.listening-options[open]) h2{font-size:25px;margin-bottom:6px}.listening:has(.listening-options[open]) .episode-title{margin-bottom:6px}.listening:has(.listening-options[open]) #episode-suggestion{display:none}.listening-options label{margin-top:4px}.player-controls{margin:6px 0}}
/* V5: first audio choice in the Start overlay, not the sidebar. */
.overlay{padding:12px}.overlay-card{max-height:100%;overflow-y:auto}.overlay p:empty{display:none}
.overlay #audio-setup{display:block;margin:10px 0 12px}.overlay #audio-setup[hidden]{display:none}
#audio-choice{border:0;padding:0;margin:0;min-width:0;text-align:left}#audio-choice legend{font:700 12px/1.3 Arial;color:var(--ink);margin-bottom:7px;padding:0}
.start-audio-options{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:5px}.overlay #audio-setup label{position:relative;display:block;margin:0;font:12px/1.25 Arial;min-width:0}
.start-audio-options input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.start-audio-options span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:5px;border:1px solid var(--line);border-radius:3px;color:var(--ink);cursor:pointer}
.start-audio-options .episode-choice span{border-color:var(--orange);font-weight:700}.start-audio-options input:checked+span{background:var(--orange);border-color:var(--orange);color:var(--bg);font-weight:700}.start-audio-options input:focus-visible+span{outline:3px solid var(--pink);outline-offset:2px}
.overlay #keep-record{width:100%;margin-top:8px}.how-to{padding:12px 0;border-bottom:1px solid var(--line)}.how-to>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.how-to .below{border:0}.record-strip:has(#online-status[hidden]):has(#published-status:empty){display:none}#player-status:empty{display:none}
/* Opt-in photo-registered roof; the normal Alpha scene remains unchanged. */
.scene.rooftop{isolation:isolate;background:var(--bg)}.rooftop .roof-photo{position:absolute;max-width:none;pointer-events:none;user-select:none;z-index:0}.rooftop .roof-photo[hidden]{display:none}.rooftop canvas{z-index:1}.rooftop .sun,.rooftop .stars,.rooftop .scanlines{display:none}.rooftop .screen-top,.rooftop .screen-bottom{z-index:3}.rooftop .screen-top>*,.rooftop .screen-bottom>*{background:#031921cc;padding:3px 5px;border-radius:2px}.rooftop .overlay{z-index:5}.roof-error{font-size:12px;margin:6px 0;color:var(--muted)}
/* Full original photo inside a square scene: no architectural distortion or crop. */
.scene.rooftop{height:auto;min-height:0;aspect-ratio:1/1}
/* Compact refinement: one full-width play deck; the photographed stage stays square. */
.station,.station:has(.scene.rooftop){display:block}
.play-deck{display:block;min-width:0}
.scene{height:clamp(330px,calc(100svh - 285px),500px)}
.scene.rooftop{width:100%;height:auto;aspect-ratio:1}
/* Let the square use the freed column; keep Start near the visible top, not its distant center. */
.rooftop .overlay{align-items:flex-start}
.audio-bar{display:grid;grid-template-columns:130px minmax(180px,1fr) 90px minmax(260px,.9fr);align-items:center;gap:8px 12px;padding:8px 14px;min-width:0;background:#0c2932}
.audio-bar select{min-width:0;width:100%;min-height:44px;padding:8px;font:14px Arial;color:var(--ink);background:#12333f;border:1px solid var(--line);border-radius:3px;text-overflow:ellipsis}
.audio-bar .action{min-height:44px;padding:8px 12px;font-size:14px}
.audio-bar #podcast-play{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.audio-bar .audio-timeline{display:grid;grid-template-columns:auto minmax(60px,1fr) auto 70px;gap:8px;align-items:center;min-width:0}
.audio-bar input[type=range]{width:100%;min-width:0;height:44px;margin:0;accent-color:var(--orange)}
#audio-time{font:11px Arial;font-variant-numeric:tabular-nums;white-space:nowrap}.volume-label{font:11px Arial}
.audio-bar #player-status{grid-column:1/-1;font:12px/1.4 Arial;color:var(--muted);margin:0;min-height:0;overflow-wrap:anywhere}
.audio-bar:has(#audio-timeline[hidden]){grid-template-columns:130px minmax(180px,1fr) 90px}
.audio-bar:has(#episode-select[hidden]){grid-template-columns:130px 90px minmax(260px,1fr)}
.audio-bar:has(#podcast-play[hidden]){grid-template-columns:130px 1fr}
.audio-bar [hidden],.audio-bar #podcast-play[hidden],.board-paging[hidden]{display:none}
.social-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:14px 0}
.social-row .share-strip{display:block;margin:0;padding:0;border:0;flex-shrink:0}
.social-row .action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}
.social-row .podcast{display:flex;align-items:center;flex:1;gap:12px;margin:0;padding:0;border:0;min-width:0;background:none}
.social-row .podcast img{width:44px;height:44px;flex-shrink:0}
.social-row .podcast h2{font-size:22px;line-height:1.1;margin:0 0 2px}
.social-row .platforms{display:flex;flex-wrap:wrap;gap:0 12px;font-size:12px}
.social-row .platforms a{display:inline-flex;align-items:center;min-height:32px}
.social-row .podcast>.action{font-size:12px;margin-left:auto;white-space:nowrap;padding:8px 12px}
.social-row .station-links{margin:0;gap:0 12px;flex-shrink:0}
.online-board{margin:4px 0 0;padding:14px 0;border-top:1px solid var(--line)}
.board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.board-heading h2{font-size:30px;margin:0}.board-heading .action{flex-shrink:0}
.online-board #board-status{margin:8px 0;min-height:0}.online-board table{margin:8px 0}.online-board th,.online-board td{padding-block:8px}
.online-board #board-me:empty{display:none}.board-paging{margin-top:12px}.footer{margin-top:16px;padding-top:12px}
@media(min-width:851px) and (max-height:650px){.scene{height:calc(100svh - 250px)}.overlay h2{font-size:28px}.overlay-card{padding:12px 18px}.overlay #audio-setup{margin:8px 0}.overlay h2{margin-bottom:8px}.settings{margin-bottom:8px}.overlay .smallprint:empty{display:none}}
@media(max-width:1100px){.audio-bar,.audio-bar:has(#audio-timeline[hidden]){grid-template-columns:130px minmax(0,1fr) 90px}.audio-bar .audio-timeline{grid-column:1/-1}.audio-bar:has(#episode-select[hidden]){grid-template-columns:130px 90px 1fr}.social-row .station-links{width:100%}}
@media(max-width:850px){.scene{height:330px}.scene.rooftop{height:auto}.toolbar{padding:6px 10px}.audio-bar{padding:8px 10px;gap:6px 8px}.audio-bar,.audio-bar:has(#audio-timeline[hidden]){grid-template-columns:minmax(0,1fr) 90px}.audio-bar #audio-mode{grid-column:1}.audio-bar #episode-select{grid-column:1/-1;grid-row:2}.audio-bar #podcast-play{grid-column:2;grid-row:1}.audio-bar:has(#episode-select[hidden]),.audio-bar:has(#podcast-play[hidden]){grid-template-columns:minmax(0,1fr) 90px}.audio-bar .audio-timeline{grid-template-columns:auto minmax(40px,1fr) 60px;gap:8px}.volume-label{display:none}.social-row{gap:12px;padding:12px 0}.social-row .share-strip{width:100%}.social-row .podcast{flex-basis:100%;flex-wrap:wrap;gap:8px 12px}.social-row .podcast h2{font-size:23px}.social-row .podcast>.action{margin-left:56px}.social-row .station-links{width:auto}.board-heading h2{font-size:25px}.board-heading .action{font-size:12px;padding:8px}.online-board{padding-top:12px}.online-board table{font-size:13px}}
@media(max-width:360px){.scene{height:330px}.scene.rooftop{height:auto}.social-row .podcast img{width:36px;height:36px}.social-row .podcast h2{font-size:21px}.social-row .platforms{gap:0 10px;font-size:11px}.social-row .podcast>.action{margin-left:48px}.board-heading h2{font-size:22px}}
@media(max-height:450px) and (min-width:701px){.scene{height:290px}.touch-choice{display:flex}.touch-controls{display:flex;justify-content:center}}
/* Owner-approved mobile photo-context crop. Desktop keeps the full originals. */
@media(pointer:coarse) and (max-width:950px){
 .game-frame{margin-inline:-8px}
 .scene.rooftop{aspect-ratio:1}
 .toolbar{position:sticky;bottom:0;z-index:6;background:var(--bg)}
}
@media(pointer:coarse) and (max-width:950px) and (orientation:landscape) and (max-height:500px){
 .scene.rooftop{height:calc(100svh - 126px);aspect-ratio:auto}
}