/* Shared Astra room vocabulary: ink blue, lilac controls and generous hit areas. */
.go-page{--violet:#cca8ec;--cyan:#a5e7ed}
/* Real NIRCam observations outside the board; the sky stays still while playing. */
.go-page{background:#05070b;isolation:isolate}
.go-page #cosmos{overflow:hidden;background:#05070b}
#cosmos img{position:absolute;height:100%;object-fit:cover;pointer-events:none}
#cosmos .sky-depth{inset:0;width:100%;object-position:50% 46%;opacity:.23}
#cosmos .sky-nebula{right:-8%;top:0;width:90%;object-position:55% 60%;opacity:.76;mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)}
#cosmos::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03070bd9 0%,#03070b80 31%,#03070b0d 76%,#03070b33 100%),linear-gradient(0deg,#03070b88,transparent 55%,#03070b33)}
.go-page .masthead{background:#05090db3;border-bottom-color:#b4bed21f}
.go-page .side-panel{background:transparent;box-shadow:none}
.sky-credit{width:min(1180px,calc(100% - 80px));margin:0 auto 30px;color:#9da8b6;font:11px/1.8 var(--sans)}
.sky-credit a{color:#b6c2d0;text-decoration:underline;text-underline-offset:3px}
.sky-credit span{display:block;color:#8794a4}
.sky-credit details{margin-top:6px;max-width:850px}.sky-credit summary{cursor:pointer;min-height:32px;line-height:32px}.sky-credit details p{font-size:10px;margin:6px 0}
@media(max-width:760px){.sky-credit{width:calc(100% - 36px)}#cosmos .sky-nebula{width:160%;right:-55%;opacity:.6;object-position:60% 65%}}
.hole-halo{z-index:0}.hole-disk--back{z-index:1;clip-path:polygon(-30% -150%,130% -150%,130% 50%,-30% 50%)}.hole-core{z-index:3}.hole-disk--front{z-index:4;clip-path:polygon(-30% 50%,130% 50%,130% 250%,-30% 250%)}.hole-coordinate{z-index:5}
.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.side-panel{padding:0;display:block;min-width:0;border:0}
.panel-label{margin-bottom:16px}.panel-label .text-button{font-size:14px;min-height:44px}
.board-column{padding:16px;border:1px solid #9bb9d042;border-radius:8px;background:linear-gradient(150deg,#111d2af5,#070f1bef);box-shadow:0 24px 80px #0008,inset 0 1px #d8e8ff0b}
.player-lineup{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;isolation:isolate}
.player-lineup .player-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 10px 12px 0;min-width:0;border:1px solid #aec5e023;border-radius:6px;background:#0b162580}
.player-lineup .player-card.active-player{border-color:#e7a56780;background:linear-gradient(125deg,#50301f36,#10202c60);box-shadow:inset 0 0 22px #e993450a}
.player-lineup .white-player.active-player{border-color:#9adce580;background:linear-gradient(125deg,#23465950,#10202c60)}
.player-lineup .player-card:after{display:none}
.player-lineup .micro{font:10px var(--mono);letter-spacing:.07em;color:#acbacd}
.player-lineup h3{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:.01em;margin:5px 0;color:#edf0f6}
.player-lineup .player-role{font-size:12px;line-height:1.6;margin:4px 0 0;color:#9cb0c5}
.player-lineup .captures{align-self:center}.player-lineup .captures strong{font:26px var(--mono)}.player-lineup .captures span{font-size:10px}
.stellar-portrait{position:relative;width:104px;height:88px;display:grid;place-items:center}
.stellar-portrait .player-stone{width:32px;height:32px}
.portrait-canvas{position:absolute;inset:0;z-index:2;pointer-events:none;display:block}
.portraits-ready .player-stone{visibility:hidden}
.room-music{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px 12px;padding:15px 0 16px;margin-bottom:18px;border-block:1px solid #b7c8e31a;min-width:0}
.music-title{display:flex;align-items:center;gap:9px;min-width:0}.music-title>span{font-size:22px;color:var(--violet)}
.room-music select{min-width:0;max-width:100%;font:500 15px var(--sans);color:#e2d6f5;background:#192738;border:1px solid #716482;border-radius:5px;min-height:46px;padding:8px}
.music-title select{width:100%}
.room-music #bgm-toggle{min-height:46px;min-width:90px;padding:8px 12px;font-size:15px;font-weight:600;background:#233d52;border-color:#53778e;border-radius:9px;color:#def5ff}
#bgm-toggle:before{content:'▶';font-size:12px;margin-right:5px}#bgm-toggle[aria-pressed=true]:before{content:'Ⅱ'}
.room-music #bgm-toggle[aria-pressed=true]{background:#352646;border-color:#9574b3;color:#ead7fc}
.room-music label{display:flex;align-items:center;gap:7px;color:#aebbd0;font-size:13px;white-space:nowrap;margin:0}
.room-music input[type=range]{width:70px;min-width:0;min-height:32px;accent-color:var(--violet)}
.room-music output{font:11px var(--mono);min-width:4ch}
.room-music .music-speed{grid-column:2/-1;justify-self:end}.music-speed select{width:auto;min-height:38px;border-color:#31425b;background:#101e30;color:#c1d9eb;font-size:13px;padding:4px 8px}
.music-info{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.music-info .music-status{font-size:11px;line-height:1.7;margin:0;min-height:0}.music-info>span{font:10px var(--mono);color:#849aaf;white-space:nowrap}
.record-panel{border-block:1px solid #b7c8e326;padding:16px 0;min-width:0}
.record-panel summary{font-size:17px;font-weight:500;cursor:pointer;min-height:30px;color:#d9e4f0;list-style-position:inside}
.record-panel summary>span{float:right;font:12px/2 var(--mono);color:#a3b4cc}
.record-panel summary:focus-visible,.move-log:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}
.record-panel .move-log{display:block;min-height:60px;max-height:196px;overflow:auto;padding:0 9px 0 0;margin:14px 0;scrollbar-color:#40546d #0b1622;scrollbar-width:thin}
.record-panel .move-log li{min-height:33px;font-size:13px;border-bottom:1px solid #b7c8e30d;gap:10px}.record-panel .log-number{font-size:10px;min-width:29px}
.record-panel .log-capture{font-size:11px}.record-panel .empty-log{display:block;padding:10px 0;font-size:12px;line-height:1.8}
.record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.record-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:68px;padding:10px 8px;font-size:16px;font-weight:500;border-color:#344b66;background:#132337;border-radius:9px;color:#d9e9f7}
.record-actions .download-format{font:12px var(--mono);opacity:.75}
.save-note,.record-feedback{font-size:11px;line-height:1.8;color:#94a8bc;margin:12px 0 0}.record-feedback{color:#acdae6}.record-feedback:empty{display:none}
.transmission{border:0;padding:3px 0 18px;margin:0}.transmission>p:nth-child(2){min-height:0;font-size:15px;line-height:1.9;margin:9px 0}.transmission .signal{display:none}
.sound-panel{padding:22px 0;border-bottom:1px solid #b7c8e326}.sound-panel h3{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;color:#d7e2ee}.sound-panel h3 span{font:9px var(--mono);color:#9a8eab;letter-spacing:.07em}
.sound-panel .settings{margin-top:13px;padding:0;border:0;gap:8px;flex-wrap:wrap}.settings button{min-height:44px;font-size:13px;padding:7px 10px;border-radius:7px;background:#101e2e;color:#acbdd1}
.settings button[aria-pressed=true]{color:#d2ecf2;border-color:#5886958c;background:#162e3c}.settings #resign{color:#c1adc4;border-color:#65516a55}
.ambient-controls{font-size:13px;gap:8px;margin-top:14px}.ambient-controls input{min-height:32px;accent-color:var(--violet)}.ambient-controls output{font-size:11px}
.audio-check{margin:10px 0}.audio-check button{min-height:44px;font-size:12px;border-radius:7px;padding:7px 10px}.audio-feedback{font-size:11px}.ambient-hint{font-size:11px;color:#91a5ba;line-height:1.8}
.go-page .tip-bar{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;margin:24px 0 0;padding:0 0 22px;border:0;border-bottom:1px solid #b7c8e326;border-radius:0;background:transparent;box-shadow:none;--font-body:var(--sans)}
.go-page .tip-avatar{grid-column:1;grid-row:1/4;width:48px;height:62px;border-radius:4px;object-fit:contain;background:#253247}
.go-page .tip-content{display:contents}.go-page .tip-title,.go-page .tip-caption,.go-page .support-english{grid-column:2}
.go-page .tip-title{font-size:16px}.go-page .tip-caption{font-size:12px}.go-page .support-english{font-size:10px;margin:4px 0 0}
.go-page .tip-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:14px 0 0}
.go-page .tip-actions>a{display:flex;justify-content:space-between;gap:10px;min-height:46px;border-radius:4px;padding:10px 13px;font-size:14px}
.go-page .agent-shortcut{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:11px}.go-page .agent-shortcut button{min-height:36px;font-size:11px;padding:4px 8px}.go-page [data-x402-status]{font-size:10px;color:#8da4bb}.go-page .copy-feedback{grid-column:1/-1;font-size:11px}
.board-toolbar p{font-size:14px}.board-toolbar>span{font-size:11px}.view-switch button{font-size:12px;min-height:40px}.camera-controls button{font-size:11px;min-height:36px}.game-actions button{min-height:52px;font-size:14px}
@media(max-width:1160px){.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.side-panel{padding-left:18px}.player-lineup .player-card{grid-template-columns:82px minmax(0,1fr);gap:2px 4px;padding:10px 8px 10px 0}.stellar-portrait{width:82px;height:80px}.player-lineup .captures{position:absolute;right:10px;top:8px;display:flex;gap:5px;align-items:baseline}.player-lineup .captures strong{font-size:16px}.player-lineup .captures span{font-size:9px}.player-lineup .player-identity{padding-top:18px}.player-lineup h3{font-size:14px}.player-lineup .micro{font-size:9px}.player-lineup .player-role{font-size:10px}.room-music{grid-template-columns:minmax(0,1fr) auto}.room-music .music-volume{grid-column:1;grid-row:2}.room-music .music-speed{grid-column:2;grid-row:2}.room-music input[type=range]{width:90px}.view-toolbar{flex-wrap:wrap}}
@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,1fr)}.side-panel{border-left:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}.panel-label,.score-panel,.transmission{grid-column:1/-1}.record-panel{grid-column:1}.sound-panel{grid-column:2;padding-top:16px}.go-page .tip-bar{grid-column:2}.player-lineup .player-card{grid-template-columns:104px minmax(0,1fr) auto;padding:12px 10px 12px 0;gap:8px}.stellar-portrait{width:104px;height:88px}.player-lineup .player-identity{padding-top:0}.player-lineup .captures{position:static;display:block}.player-lineup .captures strong{font-size:24px}.player-lineup h3{font-size:17px}.player-lineup .player-role{font-size:12px}}
@media(max-width:600px){.board-column{padding:10px}.player-lineup{gap:8px}.player-lineup .player-card{grid-template-columns:minmax(0,1fr);padding:6px 9px 12px;gap:0}.stellar-portrait{width:100%;height:80px}.player-lineup h3{font-size:15px;margin:4px 0}.player-lineup .micro{font-size:9px}.player-lineup .player-role{font-size:11px}.player-lineup .captures{position:absolute;right:9px;top:7px;display:flex;gap:4px;align-items:baseline}.player-lineup .captures strong{font-size:16px}.room-music{gap:10px 8px;padding-top:13px}.room-music select{font-size:14px}.room-music #bgm-toggle{min-width:86px;font-size:14px}.room-music label{font-size:12px}.room-music input[type=range]{width:64px}.music-speed select{font-size:12px}.music-info{flex-wrap:wrap;gap:4px}.music-info>span{margin-left:auto}.side-panel{display:block}.record-panel .move-log{max-height:210px}.sound-panel{padding-block:22px}.go-page .tip-bar{max-width:none}.board-toolbar{align-items:flex-start;gap:8px}.board-toolbar p{font-size:12px}.board-toolbar>span{font-size:9px;padding-top:3px}.view-switch button{font-size:11px}.camera-controls button{font-size:10px}.game-actions button{font-size:12px}.board-caption p{font-size:11px}.board-caption button{font-size:11px;min-height:40px}.board-frame.in-3d,.board-frame.scene-loading{aspect-ratio:.94}}

/* Quiet instrument panels against the brighter, asymmetric observational sky. */
.go-page .side-panel{padding:0;border:0}
.side-panel .panel-label{min-height:38px;margin:0 2px 12px;color:#c2cbd9}
.side-panel .record-panel,.side-panel .sound-panel,.side-panel .transmission,.side-panel .score-panel,.go-page .side-panel .tip-bar{padding:18px;margin:0 0 14px;border:1px solid #b1c8e22d;border-radius:6px;background:linear-gradient(145deg,#101b2bed,#080f1cf5);box-shadow:0 8px 26px #0003,inset 0 1px #c5ddff09}
.side-panel .transmission{border-left:2px solid #c6b1d483;padding:16px 18px}
.side-panel .transmission .micro{font-size:9px;letter-spacing:.12em;color:#bcb2cc}
.side-panel .transmission>p:nth-child(2){font-size:14px;color:#d2d8e2}
.side-panel .record-panel summary{font-size:15px;min-height:32px;line-height:32px}
.side-panel .record-panel summary>span{font-size:10px;line-height:32px}
.side-panel .record-actions button{font-size:14px;min-height:60px;background:#17283c;border-color:#7891b447;border-radius:5px}
.side-panel .sound-panel h3{font-size:15px}
.side-panel .sound-panel h3 span{font-size:8px}
.side-panel .ambient-controls{font-size:12px;gap:6px}
.side-panel .ambient-controls input{min-width:0}
.go-page .side-panel .tip-bar{grid-template-columns:40px minmax(0,1fr);gap:4px 10px}
.go-page .side-panel .tip-avatar{width:40px;height:55px}
.go-page .side-panel .tip-title{font-size:14px}
.go-page .side-panel .tip-caption{font-size:11px}
.board-column:has(#stage-host[data-phenomenon="cosmic-expansion"]){border-color:#b7dcf180;box-shadow:0 24px 80px #0008,0 0 42px #8cb3dd1c;transition:border-color .7s,box-shadow .7s}
@media(max-width:900px){.side-panel{gap:0 16px}.side-panel .panel-label{margin-top:8px}.side-panel .sound-panel{grid-row:3 / span 2}.side-panel .tip-bar{grid-row:5}}
@media(max-width:600px){.side-panel .record-panel,.side-panel .sound-panel,.side-panel .transmission,.go-page .side-panel .tip-bar{padding:16px}.side-panel .record-panel summary{font-size:16px}}

/* Room typography stays readable at every width; board coordinates keep their scale. */
.go-page{--room-label:13px;--room-copy:15px;--room-action:16px}
.go-page .lead{font-size:15px}
.go-page .eyebrow,.go-page .panel-label,.go-page .micro{font-size:11px}
.go-page .masthead nav{font-size:13px}
.go-page .masthead nav a{display:flex;align-items:center;min-height:44px}
.go-page .edition,.go-page .active span{font-size:11px}
.go-page .text-button{font-size:14px;min-height:44px}
.go-page .room-heading{flex-wrap:wrap;gap:10px}
.go-page .room-heading h2{font-size:16px}
.go-page .room-heading>span{font-size:11px}
.go-page .player-lineup h3{font-size:19px}
.go-page .player-lineup .micro{font-size:11px}
.go-page .player-lineup .player-role{font-size:13px}
.go-page .player-lineup .captures span{font-size:11px}
.go-page .room-music select,.go-page .room-music #bgm-toggle{font-size:var(--room-action);min-height:48px}
.go-page .room-music label{font-size:14px}
.go-page .room-music output,.go-page .music-info>span{font-size:12px}
.go-page .music-info .music-status{font-size:var(--room-label)}
.go-page .room-music input[type=range],.go-page .ambient-controls input{min-height:44px}
.go-page .music-info{flex-wrap:wrap}
.go-page .board-toolbar p{font-size:var(--room-copy);line-height:1.7}
.go-page .board-toolbar>span{font-size:12px}
.go-page .view-toolbar{flex-wrap:wrap}
.go-page .view-switch button,.go-page .camera-controls button{font-size:14px;min-height:44px}
.go-page .camera-controls{flex-wrap:wrap}
.go-page .board-caption{flex-wrap:wrap;gap:6px 12px}
.go-page .board-caption p{font-size:var(--room-label);line-height:1.8;max-width:none;flex:1 1 230px}
.go-page .notice{font-size:14px;line-height:1.8}
.go-page .game-actions button{font-size:var(--room-action);min-height:56px;display:block}
.go-page .game-actions button span{display:block;font-size:10px;margin-top:4px}


.go-page .record-panel summary{font-size:18px;min-height:44px;line-height:44px}
.go-page .record-panel summary>span{font-size:12px;line-height:44px}
.go-page .record-panel .move-log li{font-size:14px;min-height:36px}
.go-page .record-panel .log-number,.go-page .record-panel .log-capture{font-size:12px}
.go-page .record-panel .empty-log{font-size:14px}
.go-page .record-actions button{font-size:var(--room-action);min-height:66px}
.go-page .record-actions .download-format{font-size:13px}
.go-page .save-note,.go-page .record-feedback{font-size:var(--room-label)}
.go-page .side-panel .transmission>p:nth-child(2){font-size:var(--room-action)}
.go-page .sound-panel h3{font-size:18px;flex-wrap:wrap;gap:6px}
.go-page .sound-panel h3 span{font-size:10px}
.go-page .settings button{font-size:15px;min-height:48px}
.go-page .ambient-controls{font-size:14px}
.go-page .ambient-controls output,.go-page .audio-feedback{font-size:12px}
.go-page .audio-check button{font-size:14px;min-height:46px}
.go-page .ambient-hint{font-size:var(--room-label)}
.go-page .side-panel .tip-title{font-size:20px;letter-spacing:.12em}
.go-page .side-panel .tip-caption{font-size:var(--room-label)}
.go-page .support-english,.go-page [data-x402-status],.go-page .copy-feedback{font-size:12px}
.go-page .tip-actions>a{font-size:var(--room-action);min-height:48px}
.go-page .agent-shortcut{font-size:13px}
.go-page .agent-shortcut button{font-size:13px;min-height:44px}
.go-page .score-panel h3{font-size:18px}
.go-page .score-panel p,.go-page .score-values span{font-size:14px;line-height:1.8}
.go-page .score-values small{font-size:12px}
.go-page .score-actions{flex-wrap:wrap}
.go-page .score-actions button{font-size:14px;min-height:44px}
.go-page .field-guide h3{font-size:18px}
.go-page .field-guide article p{font-size:14px}
.go-page .guide-number,.go-page footer,.go-page footer p,.go-page footer>span{font-size:11px}
.go-page footer a,.go-page .sky-credit{font-size:13px}
.go-page .sky-credit details p{font-size:12px}
.go-page .sky-credit summary{min-height:44px;line-height:44px}
.go-page dialog p,.go-page dialog li{font-size:15px}
.go-page dialog label{font-size:14px}
.go-page dialog select{font-size:16px;min-height:48px}
.go-page dialog .dialog-note{font-size:13px}
.go-page .dialog-actions button{font-size:16px;min-height:46px}
.go-page .go-footer{align-items:center;font:13px/1.8 var(--sans);letter-spacing:.03em;color:#90a7bc}
.go-footer .footer-identity{min-width:0}
.go-footer .footer-title{display:block}
.go-footer .footer-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 12px;margin-top:4px}
.go-footer .footer-meta time{font:inherit;color:inherit;white-space:nowrap}
.go-page .go-footer a{font:inherit;color:#b1c5dc}
.go-footer .footer-home:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.go-page .go-footer>a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:901px) and (max-width:1160px){
  .go-page .player-lineup h3{font-size:16px}
  .go-page .player-lineup .player-role{font-size:12px}
}
@media(max-width:600px){
  .go-page .player-lineup h3{font-size:17px}
  .go-page .room-music .music-volume{grid-column:1/-1;grid-row:2}
  .go-page .room-music input[type=range]{flex:1;width:100%}
  .go-page .room-music .music-speed{grid-column:1/-1;grid-row:3}
  .go-page .board-toolbar{flex-wrap:wrap}
  .go-page .board-toolbar>span{margin-left:auto}
  .go-page .game-actions button{font-size:15px;padding-inline:8px}
  .go-page .view-toolbar{display:flex}
  .go-page .camera-controls{justify-content:flex-start}
}
@media(max-width:380px){
  .go-page .masthead nav{font-size:11px;gap:10px}
  .go-page .player-lineup .player-card{padding-inline:5px}
  .go-page .player-lineup h3{font-size:16px;letter-spacing:0}
  .go-page .player-lineup .micro{font-size:10px}
  .go-page .game-actions{grid-template-columns:1fr 1fr}
  .go-page #new-game{grid-column:1/-1}
}