:root{--r-bg:#0c0906;--r-bg-2:#1a120b;--r-gold:#d9b56c;--r-gold-2:#f3dca4;--r-bronze:#7a5a32;--r-text:#e9dfcc;--r-muted:#a89a82;--serif:"Cormorant Garamond", "Yu Mincho", "Hiragino Mincho ProN", serif;--display:"Cinzel", "Cormorant Garamond", serif;--n-sky-1:#13145a;--n-sky-2:#2b3fb8;--n-grass:#3f8a2c;--n-red:#e0262d;--n-blue:#1f4fd6;--n-green:#1b9e3a;--n-yellow:#fc0;--n-text:#fff;--n-box:#080820c7;--pixel:"Press Start 2P", monospace;--vt:"VT323", monospace;--gutter:clamp(16px, 3.2vw, 56px);--topbar:64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--topbar)}body{background:var(--r-bg);color:var(--r-text);font-family:var(--serif);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.split{z-index:2;grid-template-columns:1fr 1fr;display:grid;position:relative}.half{min-width:0;padding:0 var(--gutter)}.half-l{color:var(--r-text)}.half-r{color:var(--n-text);font-family:var(--vt)}.bg{z-index:0;width:50%;position:fixed;top:0;bottom:0;overflow:hidden}.bg-remake{background:radial-gradient(ellipse 80% 50% at 30% 20%, #d9b56c1a, transparent 70%), radial-gradient(ellipse 70% 60% at 70% 90%, #5a8c461a, transparent 70%), linear-gradient(180deg, var(--r-bg-2), var(--r-bg) 60%);left:0}.bg-remake:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #000c}.bg-n64{background:var(--n-sky-1);right:0}.lowpoly{width:100%;height:100%;position:absolute;inset:0}.scanlines,.bg-n64:after{pointer-events:none;position:absolute;inset:0}.scanlines{mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px)}.bg-n64:after{content:"";background:radial-gradient(#0000 55%,#0000008c)}.fairies span{opacity:0;width:6px;height:6px;animation:fairy var(--d,12s) ease-in-out var(--delay,0s) infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 10px 4px #bee1ffcc,0 0 30px 12px #a0c8ff40}@keyframes fairy{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:.9}50%{transform:translate(var(--dx,40px), var(--dy,-80px)) scale(1)}85%{opacity:.7}to{opacity:0;transform:translate(calc(var(--dx,40px) * -.5), calc(var(--dy,-80px) * 2)) scale(.5)}}.seam{z-index:3;background:linear-gradient(180deg, transparent, var(--r-gold) 20%, var(--n-yellow) 80%, transparent);pointer-events:none;width:2px;margin-left:-1px;position:fixed;top:0;bottom:0;left:50%;box-shadow:0 0 14px #f3dca48c}.seam-tri{background:linear-gradient(90deg, var(--r-gold-2) 50%, var(--n-yellow) 50%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px #ffdc8ce6);width:30px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar{z-index:20;height:var(--topbar);backdrop-filter:blur(8px);position:sticky;top:0}.tb{padding:0 var(--gutter);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.tb-l{background:linear-gradient(#0c0906eb,#0c0906b8);border-bottom:1px solid #d9b56c59;align-items:flex-start}.tb-l .tb-kicker{font-family:var(--serif);color:var(--r-muted);letter-spacing:.08em;font-size:13px;font-style:italic}.tb-l .tb-title{font-family:var(--display);letter-spacing:.14em;color:var(--r-gold);font-size:19px}.tb-r{background:var(--n-blue);border-bottom:4px solid #000;align-items:flex-end;box-shadow:inset 0 -4px #1433a0,inset 0 4px #5b86ff}.tb-r .tb-title{font-family:var(--pixel);color:var(--n-yellow);text-shadow:2px 2px #000;font-size:12px}.tb-r .tb-kicker{font-family:var(--vt);color:#fff;margin-top:4px;font-size:18px}.vs-badge{width:46px;height:46px;font-family:var(--pixel);color:#000;z-index:2;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vs-badge:before{content:"";background:linear-gradient(135deg, var(--r-gold-2) 50%, var(--n-yellow) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);position:absolute;inset:0}.vs-badge:before,.vs-text{transition:transform .35s .3s,opacity .35s .3s}.vs-text{position:relative}.vs-tri{opacity:0;pointer-events:none;width:46px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.topbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .45s cubic-bezier(.65,0,.35,1);overflow-x:clip}.tb-r{transition:transform .4s,opacity .4s}.tb-l .tb-title,.tb-l .tb-kicker{transition:font-size .4s,letter-spacing .4s,color .4s}.topbar.finale{grid-template-columns:minmax(0,1fr) minmax(0,0fr);transition:grid-template-columns .7s cubic-bezier(.65,0,.35,1) .9s}.topbar.finale .vs-badge:before,.topbar.finale .vs-text{opacity:0;transition:transform .3s,opacity .3s;transform:scale(0)}.topbar.finale .vs-tri{animation:1.4s cubic-bezier(.45,0,.55,1) .1s both tri-spin}.topbar.finale .tb-r{opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.55,0,.75,.3) .6s,opacity .4s .8s;transform:translate(100%)}.topbar.finale .tb-l{align-items:center}.topbar.finale .tb-l .tb-title{letter-spacing:.3em;color:var(--r-gold-2);font-size:23px;transition-duration:.8s;transition-delay:1.2s}.topbar.finale .tb-l .tb-kicker{letter-spacing:.28em;transition-duration:.8s;transition-delay:1.2s}@keyframes tri-spin{0%{opacity:0;transform:translate(-50%,-50%)perspective(260px)rotateY(0)scale(0)}20%{opacity:1;filter:drop-shadow(0 0 10px #ffecb4e6);transform:translate(-50%,-50%)perspective(260px)rotateY(0)scale(1.5)}80%{opacity:1;transform:translate(-50%,-50%)perspective(260px)rotateY(720deg)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)perspective(260px)rotateY(900deg)scale(0)}}.hero{min-height:calc(100svh - var(--topbar))}.hero-l{align-items:flex-end;padding-bottom:8vh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:50% 30%;width:100%;height:100%;animation:24s ease-in-out infinite alternate slowzoom;position:absolute;inset:0}@keyframes slowzoom{to{transform:scale(1.08)}}.hero-shade{background:linear-gradient(#0c090633 30%,#0c0906f2),radial-gradient(at 50% 40%,#0000 40%,#0009);position:absolute;inset:0}.hero-content{text-align:center;max-width:520px;margin:0 auto;position:relative}.hero-logo{filter:drop-shadow(0 8px 30px #0009);width:min(440px,90%);margin:0 auto -12px}.hero-tag{font-family:var(--display);letter-spacing:.12em;background:linear-gradient(180deg, var(--r-gold-2), var(--r-gold) 60%, var(--r-bronze));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(22px,2.6vw,34px)}.hero-sub{color:var(--r-muted);max-width:42ch;margin:12px auto 0;font-size:20px;font-style:italic;line-height:1.5}.hero-r{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding-top:40px;padding-bottom:40px;display:flex}.poly-frame{background:linear-gradient(135deg, var(--n-yellow), #ff8a00 50%, var(--n-red));clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);padding:8px;position:relative}.poly-frame img{width:100%;image-rendering:pixelated;clip-path:inherit}.hero-screen{width:min(520px,100%)}.press-start{text-align:center;font-family:var(--pixel);color:#fff;text-shadow:2px 2px #b00;font-size:clamp(10px,1.1vw,14px);animation:1s step-end infinite blink;position:absolute;bottom:18%;left:0;right:0}@keyframes blink{50%{opacity:0}}.retro-title{font-family:var(--pixel);flex-direction:column;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2.4vw,34px);font-weight:400;line-height:1.1;display:flex}.retro-title span{color:var(--n-yellow);text-shadow:2px 2px #c46200,4px 4px #8a2b00,6px 6px #000}.retro-title span+span{color:#fff;text-shadow:2px 2px 0 var(--n-blue), 4px 4px 0 #0c2a8a, 6px 6px 0 #000}.spec-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.spec-list li{background:var(--n-box);border:3px solid #fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;display:flex}.spec-list b{font-family:var(--pixel);color:var(--n-yellow);font-size:9px;font-weight:400}.spec-list span{font-size:26px}.n64-buttons{align-items:center;gap:8px;display:flex}.n64-buttons i{border-radius:50%;width:22px;height:22px;box-shadow:inset -3px -3px #00000059,2px 2px #000}.b-a{background:var(--n-blue);width:30px!important;height:30px!important}.b-b{background:var(--n-green)}.b-c{background:var(--n-yellow);width:16px!important;height:16px!important}.chapter-nav ol{flex-wrap:wrap;gap:10px;margin:0;padding-top:28px;padding-bottom:28px;list-style:none;display:flex}.cn-l{background:#0c090699;border-top:1px solid #d9b56c40;border-bottom:1px solid #d9b56c40;justify-content:flex-end}.cn-l a{font-family:var(--display);letter-spacing:.1em;color:var(--r-gold);border:1px solid #d9b56c59;padding:8px 14px;font-size:14px;text-decoration:none;transition:background .3s,color .3s;display:block}.cn-l a:hover{background:var(--r-gold);color:var(--r-bg)}.cn-r{background:#00000059;border-top:4px solid #000;border-bottom:4px solid #000}.cn-r a{font-family:var(--pixel);color:#000;background:var(--n-yellow);padding:10px 12px;font-size:9px;text-decoration:none;display:block;box-shadow:3px 3px #000}.cn-r a:hover{background:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.cn-r a:active{box-shadow:none;transform:translate(3px,3px)}.chapter{padding-bottom:40px}.ch-head{padding:90px 0 40px}.ch-head .half-l{text-align:right}.ch-num{font-family:var(--display);letter-spacing:.4em;color:var(--r-bronze);font-size:15px}.ch-title{font-family:var(--display);letter-spacing:.06em;background:linear-gradient(180deg, var(--r-gold-2), var(--r-gold) 55%, var(--r-bronze));color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 14px;font-size:clamp(28px,3.6vw,52px);font-weight:500}.ornament{color:var(--r-gold);justify-content:flex-end;align-items:center;gap:12px;display:flex}.ornament:before{content:"";background:linear-gradient(90deg, transparent, var(--r-gold));width:120px;height:1px}.ornament i{border:1px solid var(--r-gold);width:8px;height:8px;transform:rotate(45deg)}.ch-intro{color:var(--r-muted);max-width:40ch;margin:18px 0 0 auto;font-size:21px;font-style:italic;line-height:1.55}.ch-level{font-family:var(--pixel);color:#000;background:var(--n-yellow);padding:6px 8px;font-size:10px;display:inline-block;box-shadow:3px 3px #000}.ch-retro{font-family:var(--pixel);color:#fff;text-shadow:3px 3px 0 var(--n-red), 6px 6px 0 #000;margin:18px 0;font-size:clamp(18px,2.2vw,30px);font-weight:400;line-height:1.3}.textbox{background:var(--n-box);font-family:var(--vt);color:#fff;border-radius:14px;max-width:34ch;padding:14px 20px 18px;font-size:22px;line-height:1.2;position:relative;box-shadow:0 0 0 2px #ffffff26}.textbox:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#3fe060;width:12px;height:9px;animation:.6s steps(2,end) infinite bob;position:absolute;bottom:8px;right:14px}@keyframes bob{50%{transform:translateY(3px)}}.textbox em{color:#ff4b4b;font-style:normal}.row{cursor:zoom-in;padding:26px 0}.row:focus-visible{outline:2px dashed var(--n-yellow);outline-offset:-6px}.row .half{flex-direction:column;display:flex}.row .half-l{align-items:flex-end}.row .half-r{align-items:flex-start}.shot{width:100%;max-width:720px;margin:0}.shot-l .img-wrap{aspect-ratio:16/9;border:1px solid #d9b56c73;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000000e6,inset 0 0 0 1px #00000080}.shot-l .img-wrap:before,.shot-l .img-wrap:after{content:"";z-index:2;border:2px solid var(--r-gold);width:22px;height:22px;position:absolute}.shot-l .img-wrap:before{border-bottom:0;border-right:0;top:8px;left:8px}.shot-l .img-wrap:after{border-top:0;border-left:0;bottom:8px;right:8px}.shot-l img{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s}.row:hover .shot-l img{filter:saturate(1.15)brightness(1.05);transform:scale(1.05)}.shot-l figcaption{text-align:right;margin-top:16px}.shot-name{font-family:var(--display);letter-spacing:.06em;color:var(--r-gold-2);margin:0;font-size:22px}.shot-l p{color:var(--r-muted);max-width:46ch;margin:6px 0 0 auto;font-size:18px;line-height:1.5}.shot-r .img-wrap{aspect-ratio:16/9;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#000;padding:6px;position:relative}.shot-r .img-wrap:before{content:"";z-index:-1;position:absolute;inset:0}.shot-r img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.shot-r .crt{pointer-events:none;clip-path:inherit;background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px);position:absolute;inset:6px}.shot-r .shadowbox{filter:drop-shadow(8px 8px #000);transition:transform .15s steps(2,end);position:relative}.row:hover .shot-r .shadowbox{transform:translate(-3px,-3px)}.shot-r figcaption{margin-top:18px}.shot-r .shot-name-r{font-family:var(--pixel);color:var(--n-yellow);text-shadow:2px 2px #000;margin:0 0 10px;font-size:11px}.reveal-l{opacity:0;filter:blur(6px);transition:opacity 1.1s,transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1.1s;transform:translateY(40px)}.reveal-r{opacity:0;transition:none;transform:scale(.6)}.in .reveal-l{opacity:1;filter:none;transform:none}.in .reveal-r{animation:.5s steps(5,end) forwards pop}@keyframes pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:none}}.timeline{z-index:5;padding:90px var(--gutter) 40px;background:radial-gradient(ellipse 60% 40% at 50% 0%, #d9b56c1f, transparent 70%), linear-gradient(180deg, #120d08, var(--r-bg) 30%);border-top:1px solid #d9b56c73;margin-top:60px;position:relative;box-shadow:0 -30px 60px #0009}.tl-head{text-align:center}.tl-head .ornament{justify-content:center}.tl-head .ornament:after{content:"";background:linear-gradient(90deg, var(--r-gold), transparent);width:120px;height:1px}.tl-intro{color:var(--r-muted);max-width:46ch;margin:18px auto 0;font-size:21px;font-style:italic;line-height:1.55}.tree{--stem:30px;--line:#d9b56c8c;max-width:1100px;margin:50px auto 0}.tl-era{text-align:center;flex-direction:column;align-items:center;display:flex}.tl-kicker{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--r-bronze);font-size:12px}.tl-title{font-family:var(--display);letter-spacing:.07em;background:linear-gradient(180deg, var(--r-gold-2), var(--r-gold) 60%, var(--r-bronze));color:#0000;-webkit-background-clip:text;background-clip:text;margin:2px 0 0;font-size:22px;font-weight:500}.tl-note{max-width:34ch;color:var(--r-muted);margin:6px auto 14px;font-size:17px;font-style:italic;line-height:1.4}.tl-games{flex-direction:column;flex:1;align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.tl-games:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.tl-game{background:#0c0906f7;border:1px solid #d9b56c59;flex-direction:column;align-items:center;width:min(100%,260px);margin:8px 0;padding:10px 14px;transition:border-color .3s,transform .3s;display:flex;position:relative}.tl-game:hover{border-color:var(--r-gold);transform:translateY(-2px)}.tl-name{font-family:var(--display);letter-spacing:.04em;color:var(--r-gold-2);font-size:15px}.tl-meta{color:var(--r-muted);font-size:15px;font-style:italic}.tl-game.current{border-color:var(--r-gold);width:min(100%,320px);padding:16px;box-shadow:0 0 36px #f3dca459}.tl-game.current .tl-name{font-size:19px}.tl-here{font-family:var(--serif);color:var(--r-bg);background:var(--r-gold);padding:1px 12px;font-size:13px;font-style:italic;position:absolute;top:-12px}.tl-origin .tl-games{padding-bottom:var(--stem)}.tl-branches{padding:var(--stem) 0;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.tl-branches:before,.tl-branches:after{content:"";background:var(--line);height:1px;position:absolute;left:16.66%;right:16.66%}.tl-branches:before{top:0}.tl-branches:after{bottom:0}.tl-branch{position:relative}.tl-branch:before,.tl-branch:after{content:"";width:1px;height:var(--stem);background:var(--line);position:absolute;left:50%}.tl-branch:before{top:calc(var(--stem) * -1)}.tl-branch:after{bottom:calc(var(--stem) * -1)}.tl-end{padding-top:var(--stem);position:relative}.tl-end:before{content:"";width:1px;height:var(--stem);background:var(--line);position:absolute;top:0;left:50%}.tl-sources{text-align:center;max-width:900px;color:var(--r-muted);margin:50px auto 0;font-size:15px}.tl-sources a{color:var(--r-gold-2)}.footer{z-index:5;text-align:center;padding:40px var(--gutter) 110px;background:var(--r-bg);border-top:1px solid #d9b56c40;position:relative}.foot-ornament{justify-content:center;margin-bottom:18px}.foot-ornament:after{content:"";background:linear-gradient(90deg, var(--r-gold), transparent);width:120px;height:1px}.foot-title{font-family:var(--display);letter-spacing:.18em;color:var(--r-gold);margin:0 0 8px;font-size:20px}.foot-text{max-width:60ch;color:var(--r-muted);margin:0 auto;font-size:17px;font-style:italic}.foot-credits{max-width:900px;color:var(--r-muted);flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:18px auto 0;font-size:15px;display:flex}.foot-sep{color:var(--r-bronze)}.footer a{color:var(--r-gold-2)}.modal{z-index:50;background:#000000e6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-inner{width:min(1280px,100%,177.778svh - 266.667px)}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.modal-head h2{font-family:var(--display);color:var(--r-gold-2);letter-spacing:.06em;margin:0;font-size:clamp(18px,2.4vw,28px);font-weight:500}.modal-close{background:var(--n-yellow);cursor:pointer;border:0;flex:none;width:40px;height:40px;font-size:26px;line-height:1;box-shadow:3px 3px #555}.cmp{aspect-ratio:16/9;user-select:none;touch-action:none;--pos:50%;background:#000;position:relative;overflow:hidden}.cmp-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cmp-n64{image-rendering:pixelated}.cmp-remake{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.cmp-label{pointer-events:none;padding:6px 10px;font-size:11px;position:absolute;top:12px}.cmp-label-l{font-family:var(--display);letter-spacing:.15em;color:var(--r-gold-2);border:1px solid var(--r-gold);background:#0c0906bf;left:12px}.cmp-label-r{font-family:var(--pixel);color:#000;background:var(--n-yellow);right:12px;box-shadow:3px 3px #000}.cmp-handle{top:0;bottom:0;left:var(--pos);background:linear-gradient(180deg, var(--r-gold-2), var(--n-yellow));pointer-events:none;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 12px #ffdc8ccc}.cmp-handle span{background:linear-gradient(135deg, var(--r-gold-2) 50%, var(--n-yellow) 50%);border:2px solid #000;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cmp-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.modal-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.modal-nav{font-family:var(--pixel);color:#000;cursor:pointer;box-shadow:3px 3px 0 var(--n-blue);background:#fff;border:0;padding:10px 12px;font-size:10px}.modal-nav:hover{background:var(--n-yellow)}.modal-count{font-family:var(--vt);color:#fff;font-size:22px}.music{z-index:40;--mix:.5;flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.music-btn{cursor:pointer;filter:drop-shadow(0 6px 18px #0009);background:0 0;border:0;align-items:stretch;padding:0;display:flex}.music-btn:focus-visible{outline:2px dashed var(--n-yellow);outline-offset:4px}.m-l,.m-r{align-items:center;gap:8px;height:40px;display:flex}.m-l{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--r-gold-2);border:1px solid var(--r-gold);background:#0c0906eb;border-right:0;border-radius:20px 0 0 20px;padding:0 14px 0 16px;font-size:13px}.m-r{font-family:var(--pixel);color:#000;background:var(--n-yellow);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:0 12px;font-size:10px}.m-on,.playing .m-off{display:none}.playing .m-on{display:inline}.playing .m-r{background:#3fe060}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:var(--r-gold);border-radius:1px;width:3px;height:4px}.playing .eq i{animation:.9s ease-in-out infinite alternate eq}.playing .eq i:nth-child(2){animation-delay:-.3s}.playing .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:3px}to{height:14px}}.music-now{font-family:var(--vt);color:#fff;opacity:0;min-height:1em;text-shadow:calc((var(--mix) - .5) * 6px) 0 0 #ffcc00b3;background:#080820b3;border-radius:8px;padding:0 10px;font-size:18px;transition:opacity .6s}.playing .music-now:not(:empty){opacity:1}.ost{z-index:40;border:1px solid var(--r-gold);background:#0c0906f0;width:240px;position:fixed;bottom:16px;right:16px;box-shadow:0 20px 40px -10px #000c,4px 4px #0009}.ost[hidden]{display:none}.ost-head{align-items:center;gap:6px;padding:6px 6px 6px 10px;display:flex}.ost-song{min-width:0;font-family:var(--display);letter-spacing:.05em;color:var(--r-gold-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.ost-btn{cursor:pointer;width:28px;height:28px;font-family:var(--pixel);color:#000;background:var(--n-yellow);border:0;flex:none;place-items:center;font-size:9px;display:grid;box-shadow:2px 2px #000}.ost-btn:hover{background:#fff}.ost-btn:active{box-shadow:none;transform:translate(2px,2px)}.ost-btn:focus-visible{outline:2px dashed var(--n-yellow);outline-offset:2px}.ost-min{background:var(--r-gold)}.ost-frame{background:#000;border-top:3px solid #000;height:200px}.ost-frame iframe,.ost-player{border:0;width:100%;height:100%;display:block}.ost.collapsed .ost-frame{display:none}.navi-fab{z-index:41;cursor:pointer;background:0 0;border:0;border-radius:50%;width:72px;height:72px;padding:0;position:fixed;bottom:14px;left:14px}.navi-fab:focus-visible{outline-offset:2px;outline:2px dashed #9fd8ff}.navi-body{animation:3.2s ease-in-out infinite navi-float;position:absolute;inset:0}.navi-orb{background:radial-gradient(circle,#fff 0 32%,#d6f0ff 48%,#8fd0ff 70%,#78c8ff00 72%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:1.8s ease-in-out infinite navi-pulse;position:absolute;top:50%;left:50%;box-shadow:0 0 14px 6px #8cd2ffd9,0 0 36px 16px #50a0ff66}.navi-wing{transform-origin:50% 100%;background:radial-gradient(at 50% 70%,#e6f6ffd9,#96d2ff40);border:1px solid #dcf0ffb3;border-radius:50%;width:15px;height:24px;position:absolute;top:50%;left:50%}.w1{animation:.14s ease-in-out infinite alternate navi-flap-l;transform:translate(-100%,-100%)rotate(-38deg)}.w2{animation:.14s ease-in-out infinite alternate navi-flap-r;transform:translateY(-100%)rotate(38deg)}.w3{width:11px;height:17px;animation:.14s ease-in-out infinite alternate navi-flap-l2;transform:translate(-95%,-20%)rotate(-140deg)}.w4{width:11px;height:17px;animation:.14s ease-in-out infinite alternate navi-flap-r2;transform:translate(-5%,-20%)rotate(140deg)}@keyframes navi-float{0%,to{transform:translate(0)}30%{transform:translate(3px,-6px)}65%{transform:translate(-3px,-2px)}}@keyframes navi-pulse{50%{box-shadow:0 0 18px 8px #a0dcfff2,0 0 46px 20px #50a0ff80}}@keyframes navi-flap-l{to{transform:translate(-100%,-100%)rotate(-38deg)scaleX(.45)}}@keyframes navi-flap-r{to{transform:translateY(-100%)rotate(38deg)scaleX(.45)}}@keyframes navi-flap-l2{to{transform:translate(-95%,-20%)rotate(-140deg)scaleX(.45)}}@keyframes navi-flap-r2{to{transform:translate(-5%,-20%)rotate(140deg)scaleX(.45)}}.navi.open .navi-fab{opacity:0;pointer-events:none}.navi-callout{z-index:41;font-family:var(--vt);color:#fff;background:var(--n-box);pointer-events:none;border:2px solid #ffffff40;border-radius:12px;margin:0;padding:8px 14px;font-size:20px;animation:.4s cubic-bezier(.34,1.56,.64,1) both callout-in;position:fixed;bottom:44px;left:80px;box-shadow:0 6px 20px #00000080}.navi-callout[hidden]{display:none}@keyframes callout-in{0%{opacity:0;transform:translateY(8px)scale(.9)}}.navi-scene{--oot-font:"Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;z-index:46;width:min(780px,100vw - 24px);font-family:var(--oot-font);flex-direction:column;gap:10px;animation:.3s cubic-bezier(.2,.8,.3,1) scene-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.navi-scene[hidden]{display:none}@keyframes scene-in{0%{opacity:0;transform:translate(-50%,18px)}}body.navi-open .music{opacity:0;pointer-events:none}.navi-ask{background:#000000d6;border:2px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;margin:0 40px 0 60px;padding:8px 8px 8px 16px;display:flex;box-shadow:0 8px 24px #00000073}.navi-ask-cursor{color:#6dff7a;font-size:14px;animation:1s step-end infinite blink}.navi-ask input{min-width:0;font:700 18px/1.3 var(--oot-font);color:#fff;text-shadow:2px 2px #0009;background:0 0;border:0;outline:none;flex:1;padding:6px 0}.navi-ask input::placeholder{color:#ffffff80}.navi-send{cursor:pointer;width:38px;height:38px;font-family:var(--pixel);color:#fff;background:var(--n-blue);border:0;border-radius:50%;flex:none;font-size:11px;box-shadow:inset -3px -3px #00000059,2px 2px #000}.navi-send:active{transform:translate(2px,2px);box-shadow:inset -3px -3px #00000059}.navi-box{cursor:pointer;min-height:calc(4.8em + 40px);font:700 21px/1.6 var(--oot-font);color:#fff;text-shadow:2px 2px #001246bf;background:linear-gradient(#3e84ecdb,#164abee6);border:2px solid #d2ecff73;border-radius:26px;padding:20px 64px 24px 40px;position:relative;box-shadow:0 12px 40px #0000008c,inset 0 2px #ffffff40}.navi-box:focus-visible{outline-offset:4px;outline:2px dashed #fff}.navi-text{white-space:pre-line;min-height:4.8em;margin:0}.navi-text .hl{color:#ff8f8f}.navi-sprite{pointer-events:none;width:72px;height:72px;position:absolute;top:-30px;left:-26px}.navi-next{width:16px;height:12px;position:absolute;bottom:14px;right:26px}.navi-next.more{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(1px 1px #064);background:#57ff6a;animation:.5s steps(2,end) infinite bob}.navi-next.end{filter:drop-shadow(1px 1px #064);background:#57ff6a;width:11px;height:11px;animation:1s step-end infinite blink}.navi-choices{grid-template-columns:1fr 1fr;gap:2px 18px;margin:10px 0 0;padding:0;list-style:none;display:grid}.navi-choices[hidden]{display:none}.navi-choices button{cursor:pointer;text-align:left;font:inherit;color:#7dff86;text-shadow:inherit;background:0 0;border:0;padding:1px 0 1px 26px;position:relative}.navi-choices button:before{content:"▶";color:#fff;opacity:0;font-size:13px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navi-choices button:hover:before,.navi-choices button:focus-visible:before{opacity:1;animation:.8s step-end infinite blink}.navi-choices button:hover,.navi-choices button:focus-visible{color:#c6ffcb;outline:none}.navi-box.thinking{cursor:progress}.navi-dots{gap:7px;padding-top:10px;display:inline-flex}.navi-dots i{background:#fff;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite dots}.navi-dots i:nth-child(2){animation-delay:.15s}.navi-dots i:nth-child(3){animation-delay:.3s}@keyframes dots{50%{opacity:.35;transform:translateY(-4px)}}.navi-close{cursor:pointer;width:36px;height:36px;font-family:var(--pixel);color:#fff;background:var(--n-green);border:0;border-radius:50%;font-size:11px;position:absolute;top:-16px;right:18px;box-shadow:inset -3px -3px #00000059,2px 2px #000}.navi-close:active{transform:translate(2px,2px)}.navi-hint{text-align:center;font:600 12px/1.4 var(--oot-font);color:#ffffffbf;text-shadow:1px 1px #000,0 0 8px #000;margin:0}.navi-hint kbd{font:inherit;background:#ffffff26;border-radius:4px;padding:0 5px}.navi-hint a{color:#bfe0ff}.navi-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){:root{--topbar:56px}.bg,.seam{display:none}.split{grid-template-columns:1fr}.half-l{background:linear-gradient(180deg, var(--r-bg-2), var(--r-bg))}.half-r{background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px),conic-gradient(from 30deg at 30% 40%,#1d2b8f,#2b3fb8,#19206e,#2e56c9,#1d2b8f)}.topbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tb-l .tb-title{font-size:14px}.tb-r .tb-title{font-size:8px}.tb-r .tb-kicker{font-size:15px}.vs-badge{width:36px;height:36px;font-size:9px}.hero-l{min-height:78svh}.ch-head{padding:0}.ch-head .half{padding-top:40px;padding-bottom:30px}.ch-head .half-l,.row .half-l,.shot-l figcaption{text-align:left;align-items:stretch}.foot-sep{display:none}.foot-credits{flex-direction:column}.ornament{justify-content:flex-start}.ch-intro,.shot-l p{margin-left:0}.row{padding:0}.row .half{padding-top:22px;padding-bottom:22px}.cn-l,.cn-r{justify-content:flex-start}.ost{bottom:96px;right:16px}.navi-scene{bottom:12px}.navi-ask{margin:0 0 0 40px}.navi-box{border-radius:20px;padding:18px 44px 22px 26px;font-size:17px}.navi-ask input{font-size:16px}.navi-hint{font-size:11px}.navi-choices{grid-template-columns:1fr}.navi-keys{display:none}.timeline{padding-top:60px}.tl-branches{grid-template-columns:1fr;gap:0;padding:0}.tl-branches:before,.tl-branches:after,.tl-branch:before,.tl-branch:after{display:none}.tl-branch{border-top:1px dashed #d9b56c59;padding:28px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal-l,.reveal-r{opacity:1;filter:none;transform:none}}