/* One-screen play stage. Story and day navigation are optional overlays. */
body{height:100dvh;overflow:hidden}.bar{min-height:44px;padding:4px 10px;flex-wrap:nowrap}.brand{font-size:16px}.tools{flex-wrap:nowrap;gap:5px}.tools button{padding:6px 9px;min-height:36px}.intro-details{display:none}.wrap{flex:1;min-height:0;padding:8px}.layout{height:100%;min-height:0}.game-anchor{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.scene{display:none}.content{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px}.content>.story{display:none}.eyebrow{font-size:11px}.content>#title{font-size:21px;line-height:1.2;margin:5px 0}.progress{height:6px;flex:none;margin:7px 0}#playarea{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}#playarea>h3{font:700 clamp(16px,2vw,24px)/1.3 system-ui;margin:5px 0 10px}#playarea>.hint{font-size:12px;line-height:1.35;margin:4px 0 8px}.answers{flex:1;min-height:0;max-height:260px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(44px,1fr);margin:4px 0;gap:8px}.choice{min-height:44px;font-size:clamp(12px,1.4vw,16px);line-height:1.3;padding:9px 12px;overflow-wrap:anywhere}.notice{flex:none;min-height:20px;line-height:1.3;font-size:12px;margin:5px 0}.actions{position:static;flex:none;display:grid;grid-template-columns:minmax(140px,1fr) auto auto auto;gap:6px;margin:0;padding:8px 0 0;box-shadow:none}.actions .primary,.actions .ghost{font-size:12px;min-height:40px;padding:7px 10px}.actions .status{font-size:12px;white-space:nowrap}.footer{font-size:9px;padding:3px}.festival-tiles{flex:1;min-height:0;max-height:260px;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(44px,1fr);margin:4px 0;gap:7px}.festival-tiles .tile{min-height:44px;font-size:25px;padding:6px}.festival-tiles.day-8{width:100%;max-height:260px;margin:4px auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(44px,1fr))}.scene.scene-overlay-open{display:grid;position:fixed;z-index:60;inset:64px 20px 30px;border:1px solid #d4a160;border-radius:18px;background:#1d1731;grid-template-columns:1.2fr 1fr;box-shadow:0 0 0 100vmax #080814df;overflow:hidden}.scene-overlay-open .festival-art{min-height:0}.scene-overlay-open .festival-art svg{min-height:0;max-height:100%;height:100%;object-fit:contain}.scene-overlay-open .sceneText{align-self:center;padding:24px}.scene-story{font-size:14px;line-height:1.5;color:#ffead6}.scene-close{position:absolute;right:8px;top:8px;z-index:10;min-width:44px;min-height:44px;border:1px solid #d4a160;border-radius:10px;color:#ffe4b8;background:#21142e;cursor:pointer}.side{overscroll-behavior:contain}.tools #storyToggle{color:#ffdfaa}.sceneText .lotus{font-size:40px}
@media(max-width:900px){.bar{justify-content:space-between}.brand{font-size:14px}.brand span{display:none}.tools{gap:4px}.tools button{min-width:34px;min-height:36px;padding:5px;font-size:12px}.tools input,.tools label,.tools #volText{display:none}.audio-status{top:44px}.wrap{padding:5px}.content{padding:10px}.content>#title{font-size:17px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:.05em}#playarea>h3{font-size:16px;margin:5px 0 7px}#playarea>.hint{font-size:11px;margin:4px 0 6px}.answers{grid-template-columns:1fr 1fr;gap:6px;max-height:none}.choice{padding:7px;font-size:12px;min-height:44px}.actions{grid-template-columns:1fr 1fr;padding-top:6px;gap:5px}.actions #next{grid-column:1/-1;min-height:42px}.actions .status{display:none}.actions .ghost{min-height:36px;font-size:11px;padding:5px}.notice{font-size:11px;min-height:16px;margin:4px 0}.festival-tiles .tile{font-size:20px;min-height:44px;padding:4px}.scene.scene-overlay-open{inset:50px 8px 12px;grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) auto}.scene-overlay-open .sceneText{display:block;padding:12px}.scene-overlay-open .sceneText .lotus{display:none}.scene-overlay-open .sceneText h2{font-size:23px}.scene-overlay-open .scene-story{font-size:12px}.scene-overlay-open .sceneText #sceneResponse{min-height:0}.side.day-menu-open{inset:50px 8px 12px}.footer{font-size:8px;padding:2px}}
@media(max-height:450px) and (min-width:600px){.content{padding:8px}.content>#title{display:none}.progress{margin:4px 0}.actions{grid-template-columns:1fr auto auto}.actions #next{grid-column:auto;min-height:36px}.notice{min-height:14px;margin:2px 0}.actions .ghost{min-height:34px}.answers{max-height:120px}.festival-tiles.day-8{grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:1fr;max-width:none;max-height:80px}.scene.scene-overlay-open{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr}.footer{display:none}}