:root{--bg: #1a1b26;--bg-alt: #16161e;--panel: rgba(22, 22, 30, .88);--fg: #c0caf5;--fg-dim: #565f89;--blue: #7aa2f7;--purple: #bb9af7;--pink: #f7768e;--teal: #73daca;--cyan: #7dcfff;--yellow: #e0af68;--green: #9ece6a;--orange: #ff9e64}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg-alt);color:var(--fg);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;overflow-x:hidden}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0}#scroll-space{height:1200vh;pointer-events:none}.intro{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5;pointer-events:none;transition:opacity .5s ease;text-shadow:0 0 30px rgba(26,27,38,.9)}.intro.hidden{opacity:0}.intro-kicker{color:var(--pink);letter-spacing:.6em;font-size:clamp(.7rem,1.6vw,1rem);margin-bottom:.8rem;text-shadow:0 0 12px var(--pink)}.intro-name{font-size:clamp(2.4rem,8vw,6rem);font-weight:800;letter-spacing:.12em;color:#e6ebff;text-shadow:0 0 8px rgba(122,162,247,.9),0 0 28px rgba(122,162,247,.65),0 0 70px rgba(187,154,247,.5)}.intro-sub{margin-top:.9rem;font-size:clamp(.9rem,2.2vw,1.3rem);letter-spacing:.28em;color:var(--fg)}.intro-sub .x{color:var(--teal);text-shadow:0 0 14px var(--teal)}.intro-hint{position:absolute;top:12vh;bottom:auto;font-size:.8rem;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 14px rgba(122,162,247,.6);animation:floaty 2.4s ease-in-out infinite}.intro-hint .arrow{display:inline-block;margin-left:.6em;color:var(--cyan)}@keyframes floaty{50%{transform:translateY(6px)}}.bubble{position:fixed;z-index:5;transform:translate(-110%,-130%);background:#e9edff;color:#1a1b26;font-weight:600;font-size:clamp(.85rem,1.8vw,1.05rem);padding:.85rem 1.15rem;border-radius:22px;max-width:260px;box-shadow:0 0 30px #7aa2f773;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;pointer-events:none}.bubble.visible{opacity:1;visibility:visible}.bubble .dot{position:absolute;background:#e9edff;border-radius:50%;box-shadow:0 0 14px #7aa2f759}.bubble .d1{width:14px;height:14px;right:-8px;bottom:-10px}.bubble .d2{width:8px;height:8px;right:-20px;bottom:-22px}.audio-btn{position:fixed;top:1.1rem;right:1.2rem;z-index:7;width:44px;height:44px;border-radius:50%;border:1px solid rgba(122,162,247,.45);background:#16161ebf;color:var(--fg-dim);font-size:1.15rem;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .3s,box-shadow .3s,border-color .3s}.audio-btn:hover{color:var(--cyan)}.audio-btn.on{color:var(--teal);border-color:var(--teal);box-shadow:0 0 16px #73daca80;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 26px #73dacacc}}.back-btn{position:fixed;top:1.1rem;left:1.2rem;z-index:8;display:inline-flex;align-items:center;gap:.4rem;height:44px;padding:0 1.05rem;border-radius:22px;border:1px solid rgba(122,162,247,.45);background:#16161ebf;color:var(--fg-dim);font-family:inherit;font-size:.82rem;letter-spacing:.03em;text-decoration:none;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .2s,border-color .2s,box-shadow .2s}.back-btn:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 16px #7dcfff59}.back-arrow{font-size:1rem;line-height:1}.hud{position:fixed;left:0;right:0;bottom:0;z-index:6;padding:0 clamp(1rem,4vw,3rem) 1.1rem;opacity:0;transition:opacity .6s ease;pointer-events:none}.hud.visible{opacity:1;pointer-events:auto}.hud-track{height:2px;background:#565f8959;border-radius:2px;overflow:hidden}.hud-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));box-shadow:0 0 10px var(--purple)}.hud-stops{display:flex;justify-content:space-between;list-style:none;margin-top:.55rem}.hud-stops button{background:none;border:none;color:var(--fg-dim);font:inherit;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:color .3s,text-shadow .3s}.hud-stops li.active button,.hud-stops button:hover{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.panel{position:fixed;top:50%;right:clamp(1rem,5vw,4.5rem);transform:translateY(-50%) translate(40px);width:min(460px,calc(100vw - 2rem));max-height:76vh;overflow-y:auto;z-index:4;background:var(--panel);border:1px solid rgba(122,162,247,.25);border-left:3px solid var(--accent, var(--blue));border-radius:10px;padding:1.6rem 1.7rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 40px #0000008c,0 0 24px color-mix(in srgb,var(--accent, var(--blue)) 18%,transparent);opacity:0;visibility:hidden;transition:opacity .45s ease,transform .45s ease,visibility .45s;scrollbar-width:thin;scrollbar-color:var(--fg-dim) transparent}.panel.visible{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.panel .panel-jp{color:var(--accent, var(--blue));font-size:.72rem;letter-spacing:.28em;margin-bottom:.3rem;text-shadow:0 0 10px var(--accent, var(--blue))}.panel h2{font-size:1.5rem;letter-spacing:.06em;margin-bottom:.9rem;color:#e6ebff}.panel p{line-height:1.55;font-size:.92rem;margin-bottom:.7rem}.panel .lead{font-size:1.02rem}.panel strong{color:var(--cyan);font-weight:600}.panel em{color:var(--yellow);font-style:normal}.panel a{color:var(--teal);text-decoration:none;border-bottom:1px dotted var(--teal)}.panel a:hover{text-shadow:0 0 8px var(--teal)}.panel .item{margin-bottom:1rem}.panel h3{font-size:.98rem;color:var(--fg);margin-bottom:.25rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em}.panel h3.sub{margin-top:.4rem}.panel .when{color:var(--fg-dim);font-size:.75rem;font-weight:400;letter-spacing:.05em}.tag{font-size:.62rem;letter-spacing:.08em;padding:.15em .55em;border-radius:20px;border:1px solid currentColor;font-weight:500}.tag.pink{color:var(--pink)}.tag.teal{color:var(--teal)}.tag.blue{color:var(--blue)}.tag.purple{color:var(--purple)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:.4rem 0 1rem}.chips li{font-size:.74rem;padding:.28em .8em;border-radius:20px;background:#7aa2f71a;border:1px solid rgba(122,162,247,.3);color:var(--fg)}.contact{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.outro{color:var(--fg-dim)}.credits{color:var(--fg-dim);font-size:.66rem;margin-top:.6rem;line-height:1.5}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;background:radial-gradient(ellipse at center,#16161eb8,#0a0b12eb);font-family:Courier New,ui-monospace,monospace}.gameover.visible{opacity:1;visibility:visible}.gameover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000038,#00000038 4px);mix-blend-mode:multiply}.go-inner{transform:translateY(20px) scale(.96);transition:transform .6s cubic-bezier(.2,1.3,.4,1)}.gameover.visible .go-inner{transform:translateY(0) scale(1)}.go-sub{color:var(--yellow);letter-spacing:.35em;font-size:clamp(.7rem,1.8vw,1rem);margin-bottom:1.2rem;text-shadow:0 0 10px var(--yellow)}.go-title{font-weight:800;font-size:clamp(2.6rem,11vw,7rem);line-height:.95;letter-spacing:.06em;color:#fff;margin-bottom:1.4rem;text-shadow:3px 3px 0 var(--pink),-3px -3px 0 var(--cyan),0 0 30px rgba(187,154,247,.7);animation:go-glitch 3.2s steps(1) infinite}@keyframes go-glitch{0%,92%,to{transform:translate(0)}93%{transform:translate(-3px,1px);text-shadow:3px 0 0 var(--cyan),-3px 0 0 var(--pink),0 0 30px rgba(187,154,247,.7)}95%{transform:translate(3px,-1px)}97%{transform:translate(-2px)}}.go-score{color:var(--teal);letter-spacing:.22em;font-size:clamp(.62rem,1.6vw,.9rem);margin-bottom:2rem;text-shadow:0 0 8px var(--teal)}.go-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.go-btn{font-family:inherit;font-weight:700;letter-spacing:.14em;font-size:clamp(.75rem,2vw,.95rem);color:var(--bg-alt);background:var(--cyan);padding:.75rem 1.5rem;border:3px solid #fff;border-radius:2px;text-decoration:none;box-shadow:4px 4px #0009;transition:transform .12s,box-shadow .12s,background .2s}.go-btn:last-child{background:var(--pink);color:#fff}.go-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0009}.go-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0009}.go-insert{background:none;border:none;color:var(--fg-dim);font-family:inherit;font-size:clamp(.62rem,1.5vw,.82rem);letter-spacing:.22em;cursor:pointer}.go-insert:hover{color:var(--cyan)}.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.nowebgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg);text-align:center;padding:2rem}.nowebgl a{color:var(--teal)}.nowebgl[hidden]{display:none}@media (max-width: 640px){.panel{right:50%;transform:translate(50%,-50%) translateY(30px);bottom:4.5rem;top:50%}.panel.visible{transform:translate(50%,-50%)}.hud-stops button{font-size:.55rem;letter-spacing:.12em}}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(circle at 50% 40%,#1a1b26f0,#101016fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rotate-hint[hidden]{display:none}.rotate-hint-inner{max-width:340px}.phone-rotate{width:96px;height:96px;margin:0 auto 1.6rem;display:flex;align-items:center;justify-content:center}.phone{position:relative;width:48px;height:82px;border:3px solid var(--cyan);border-radius:11px;box-shadow:0 0 20px #7dcfff8c;transform-origin:center;animation:phoneRotate 2.6s ease-in-out infinite}.phone-dot{position:absolute;left:50%;bottom:6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);transform:translate(-50%)}@keyframes phoneRotate{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.rotate-title{font-size:1.3rem;font-weight:700;letter-spacing:.04em;color:#e6ebff;text-shadow:0 0 18px rgba(122,162,247,.6);margin-bottom:.5rem}.rotate-sub{color:var(--fg);opacity:.75;font-size:.92rem;line-height:1.5;margin-bottom:1.6rem}.rotate-dismiss{background:none;border:1px solid rgba(125,207,255,.5);border-radius:999px;padding:.55rem 1.3rem;color:var(--cyan);font-family:inherit;font-size:.85rem;letter-spacing:.05em;cursor:pointer;transition:background .2s,border-color .2s}.rotate-dismiss:hover{background:#7dcfff1f;border-color:var(--cyan)}