.scene-nav{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:max(12px,env(safe-area-inset-top)) 20px 12px;background:linear-gradient(#0d0a14ed,#0d0a1466);font:13px/1.4 var(--sans)}
.scene-nav .scene-brand{margin-right:auto}.scene-download{margin-right:auto;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}
.scene-nav a{color:var(--paper);text-decoration:none}.scene-brand{font-family:var(--serif);font-size:23px;margin-right:auto;white-space:nowrap}.scene-brand span{font:12px var(--sans);opacity:.7;margin-left:10px}.scene-nav nav{display:flex;gap:17px}.scene-nav nav a{padding:10px 0}.scene-nav a:hover{color:var(--chrome)}.scene-nav button,.scene-primary{padding:11px 13px;min-height:44px;border:1px solid #ffc23355;background:#0d0a14b3;border-radius:5px;font:600 12px var(--sans);cursor:pointer}.scene-nav .scene-primary{background:var(--chrome);color:#17101b;border:0}#scene-menu{display:none}
#clock{top:85px}#help{top:85px}#title{padding-top:95px;padding-bottom:70px}.scene-note{font:12px/1.7 var(--sans);opacity:.8;margin:18px 0 0}#title .hint{bottom:max(22px,env(safe-area-inset-bottom));font-size:11px}#begin{margin-top:23px}#bar{bottom:max(18px,env(safe-area-inset-bottom));border-radius:8px}.btn{min-width:44px;min-height:44px}#timeline{height:44px}#timeline:focus-visible{outline:2px solid var(--chrome);outline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--chrome);outline-offset:4px}
#scene-hint{position:fixed;z-index:9;top:42%;left:50%;transform:translate(-50%,-50%);padding:22px 28px;max-width:calc(100vw - 40px);width:max-content;border:1px solid #ffc23377;border-radius:12px;background:#0d0a14d9;backdrop-filter:blur(12px);text-align:center;pointer-events:none;opacity:0;transition:opacity 1.3s}#scene-hint.show{opacity:1}#scene-hint strong{display:block;font:600 clamp(20px,3vw,30px) var(--sans)}#scene-hint span{display:block;font:13px/1.7 var(--sans);margin-top:10px}
#end{padding-top:90px;padding-bottom:95px;overflow:auto}#end h2{font-size:clamp(40px,7vw,80px)}#end p{font-size:17px;margin-top:18px}#end .credit{bottom:82px}.scene-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(860px,100%);margin:28px auto 0;text-align:left}.scene-paths a{display:flex;flex-direction:column;gap:10px;background:#0d0a14d9;border:1px solid #ffc23355;border-radius:10px;padding:22px;color:var(--paper);text-decoration:none;font:13px/1.5 var(--sans)}.scene-paths a:hover{border-color:var(--chrome);background:#251926}.scene-paths small{font-size:9px;letter-spacing:.12em;color:var(--chrome)}.scene-paths strong{font:600 24px var(--serif)}.scene-paths span{opacity:.8}
#about-dialog{color:var(--paper);background:#17101b;border:1px solid #ffc23366;border-radius:12px;max-width:620px;width:calc(100% - 32px);max-height:80dvh;padding:30px;line-height:1.65}#about-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}#about-dialog h2{font-size:34px;line-height:1.1}#about-dialog p{font:15px/1.7 var(--sans)}#about-dialog a{color:var(--chrome)}#about-close{float:right;background:none;border:1px solid #ffc23355;padding:10px;cursor:pointer}.scene-kicker{color:var(--chrome);letter-spacing:.12em}.scene-noscript{position:fixed;inset:20%;z-index:40;background:var(--ink);padding:30px}#error{z-index:40;gap:20px;align-content:center}#error button,#error a{color:var(--paper);border:1px solid var(--chrome);padding:14px;background:transparent;cursor:pointer;font:15px var(--sans)}
@media(max-width:1200px){.scene-nav nav{display:none;position:absolute;top:100%;right:14px;background:#17101bf5;border:1px solid #ffc23355;border-radius:8px;padding:12px 20px;min-width:200px;box-shadow:0 12px 40px #0007}.scene-nav nav.open{display:flex;flex-direction:column;gap:0}.scene-nav nav a{padding:12px}#scene-menu{display:block}}
@media(max-width:600px){.scene-nav{padding:10px 12px;gap:8px}.scene-brand{font-size:21px}.scene-brand span{display:none}.scene-nav button,.scene-primary{padding:10px;font-size:11px}#clock{top:75px;left:16px}#title h1{font-size:clamp(46px,14vw,84px)}#title .kicker{font-size:9px;letter-spacing:.2em}#title .sub{font-size:20px}#bar{gap:6px;padding:7px;width:calc(100vw - 20px)}#timeline .act{font-size:8px;letter-spacing:0}#caption{bottom:110px}#scene-hint{width:calc(100vw - 40px);padding:22px 14px}#scene-hint span{font-size:12px}.scene-paths{grid-template-columns:1fr;gap:8px;margin-top:18px}.scene-paths a{padding:12px 16px;gap:3px}.scene-paths span{font-size:12px}.scene-paths strong{font-size:20px}#end{justify-content:flex-start;padding-top:85px}#end .credit{position:static;margin-top:20px;font-size:10px}#end p{font-size:15px}#end button{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#scene-hint,#title,#caption,#end{transition:none}}
#mobile-act{display:none}
#scene-recommendations{position:fixed;z-index:7;left:50%;top:48%;transform:translate(-50%,-40%);display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(820px,calc(100vw - 48px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1s,transform 1s,visibility 1s}
#scene-recommendations.show{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
#scene-recommendations a{display:flex;flex-direction:column;gap:12px;padding:26px;background:linear-gradient(135deg,#21152cf0,#100c19f5);backdrop-filter:blur(14px);border:1px solid #ffc23399;border-radius:12px;text-decoration:none;color:var(--paper);box-shadow:0 14px 60px #0006;font:14px/1.55 var(--sans);pointer-events:auto}
#scene-recommendations a:hover{border-color:var(--chrome);background:#302038f5}#scene-recommendations small{font:600 10px var(--sans);letter-spacing:.13em;color:var(--chrome)}#scene-recommendations strong{font:600 clamp(24px,3vw,32px)/1.08 var(--serif)}#scene-recommendations span{opacity:.84}#scene-recommendations b{color:var(--chrome);font-size:14px;margin-top:auto;padding-top:4px}
@media(max-width:600px){#scene-recommendations{top:43%;grid-template-columns:1fr;gap:10px;width:calc(100vw - 32px)}#scene-recommendations a{padding:17px 19px;gap:7px;font-size:12px}#scene-recommendations small{font-size:9px}#scene-recommendations strong{font-size:25px}#scene-recommendations b{font-size:13px}}
@media(max-height:560px) and (min-width:601px){#scene-recommendations a{padding:16px;gap:6px;font-size:12px}#scene-recommendations strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){#scene-recommendations{transition:none}}
@media(max-width:420px){.scene-nav{padding-left:8px;padding-right:8px;gap:6px}.scene-nav .scene-brand{font-size:18px}.scene-nav button,.scene-nav .scene-primary{padding:10px 8px;font-size:10px}}
@media(max-width:600px){#timeline .act{font-size:0}#timeline .act::before{content:attr(data-number);font-size:10px}#mobile-act{display:block;position:absolute;bottom:calc(100% + 9px);left:0;right:0;text-align:center;font:12px var(--sans);color:var(--paper);text-shadow:0 1px 8px #000;background:#0d0a1480;border-radius:5px;padding:5px;width:max-content;max-width:100%;margin:auto}}