:root{--sky-top: #1B1B44;--sky-bot: #3A2C6E;--space: #22204F;--space-2: #2C2A63;--ink: #FFFDF7;--dim: #B9AEE8;--fuel: #FF9052;--fuel-2: #FFC24B;--gold: #FFD25E;--star: #FFF6D8;--moon: #FFE9A0;--moon-2: #FFCF6B;--teal: #6FE3D2;--pink: #FF7EC7;--pink-2: #FF9FD6;--cyan: #66D8F5;--yellow: #FFD264;--panel: #ECEAFB;--panel-2: #D3CFF0;--panel-line: #2E2670;--screen: #16295F;--screen-2: #0C1740;--frame-top-h: 80px;--console-h: 27vh;--pillar-w: 9px;--line: rgba(255, 255, 255, .16);--glass: rgba(44, 42, 99, .42);--font-en: "Fredoka", sans-serif;--font-jp: "Zen Maru Gothic", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--sky-top);color:var(--ink);font-family:var(--font-jp);overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;will-change:transform}body.shake #scene{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,1px,0)}40%,60%{transform:translate3d(3px,-1px,0)}}#flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 42% 32%,rgba(255,194,75,.5),rgba(255,246,216,.28) 42%,transparent 74%)}body.flash #flash{animation:flash 1.9s ease-out}@keyframes flash{0%{opacity:0}6%{opacity:.85}to{opacity:0}}#engine{position:fixed;left:0;right:0;bottom:var(--console-h);height:20vh;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 100% at 50% 130%,rgba(255,144,82,.32),rgba(255,144,82,.1) 46%,transparent 72%);opacity:.5;transition:opacity .3s ease;animation:idle-glow 5.5s ease-in-out infinite}body.warping #engine{opacity:1}@keyframes idle-glow{50%{opacity:.72}}.step-line{width:100%;max-width:340px;display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--glass);border:1.5px solid var(--line);border-radius:999px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.step-line:before{content:"›";color:var(--fuel);font-weight:700;font-size:18px}.step-line input{flex:1;background:transparent;border:0;outline:0;color:var(--ink);font-family:var(--font-jp);font-size:14px}.step-line input::placeholder{color:var(--dim);opacity:.8}.burn{width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,144,82,.7);background:radial-gradient(circle at 50% 34%,#ffc24b57,#2c2a638c);box-shadow:0 6px 20px #ff905252,inset 0 0 18px #ffc24b38;font-size:33px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,box-shadow .2s ease;animation:burn-breathe 3.4s ease-in-out infinite}.burn:active{transform:scale(.9);box-shadow:0 3px 26px #ff90528c}.burn[disabled]{opacity:.55;cursor:default;animation:none}@keyframes burn-breathe{50%{box-shadow:0 8px 26px #ff905270,inset 0 0 22px #ffc24b4d}}.hud-gauges{display:flex;justify-content:center;gap:18px;font-size:13px;color:var(--dim)}.hud-gauges .g{display:inline-flex;align-items:center;gap:5px}.hud-gauges .g b{color:var(--ink);font-family:var(--font-en);font-weight:700}.hud-gauges .g.muted{opacity:.55}.hud-gauges .g.tappable{cursor:pointer;transition:opacity .2s,transform .12s}.hud-gauges .g.tappable:active{transform:scale(.9)}.hud-gauges .g.log{opacity:.85}.burn-pop{position:fixed;z-index:20;pointer-events:none;font-family:var(--font-en);font-weight:700;font-size:21px;color:var(--fuel-2);text-shadow:0 0 12px rgba(255,194,75,.7);transform:translate(-50%,-50%);animation:pop-up 1s ease-out forwards}@keyframes pop-up{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-180%) scale(1.15)}}@media (prefers-reduced-motion: reduce){#engine,.burn,body.shake #scene{animation:none}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;font-family:var(--font-jp)}#hud .tappable,#hud button,#hud input{pointer-events:auto}.ck-rim{position:absolute;z-index:2;pointer-events:none;top:calc(var(--frame-top-h) - 6px);bottom:calc(var(--console-h) - 6px);left:var(--pillar-w);right:var(--pillar-w);border-radius:30px;border:3px solid rgba(120,180,255,.35);box-shadow:inset 0 0 46px #6eaaff33,0 0 0 6px #18143c8c}.ck-top{position:absolute;top:0;left:0;right:0;min-height:var(--frame-top-h);z-index:12;display:flex;align-items:center;gap:8px;padding:8px 12px 12px;background:linear-gradient(#efedfc,#dcd8f4);border-bottom:4px solid var(--panel-line);border-radius:0 0 22px 22px;box-shadow:0 6px 18px #18103c59,inset 0 2px #ffffffb3}.ck-cat{position:absolute;left:10px;top:6px;font-size:20px;transform:rotate(-8deg)}.ck-panel{background:linear-gradient(var(--screen),var(--screen-2));border:2px solid rgba(120,180,255,.5);border-radius:12px;box-shadow:inset 0 0 14px #5a96ff47,0 2px #140e3680;color:var(--star);padding:6px 10px;line-height:1.35}.ck-panel .k{display:block;font-family:var(--font-en);font-size:8.5px;font-weight:600;letter-spacing:1.5px;color:var(--cyan)}.ck-panel.gauge{min-width:66px;text-align:left}.ck-panel.gauge .bars{color:var(--cyan);font-size:12px;letter-spacing:-1px;cursor:pointer}.ck-panel.gauge.streak{margin-left:auto}.ck-panel.gauge.streak .s{font-size:13px}.ck-panel.gauge.streak b{font-family:var(--font-en);color:var(--fuel-2);font-weight:700;font-size:16px}.ck-panel.dest{flex:1;text-align:center}.ck-panel.dest .v{display:block;font-weight:700;font-size:13px;color:var(--star)}.ck-panel.dest .eta{display:block;font-size:11px;color:var(--dim);margin-top:1px}.ck-panel.dest .eta em{font-style:normal;font-family:var(--font-en);font-weight:700;color:var(--gold);font-size:15px;margin:0 2px}.ck-sticky{position:absolute;z-index:12;pointer-events:none;font-size:10.5px;line-height:1.4;color:#5a4a2e;padding:8px 10px;border-radius:4px;transform:rotate(-4deg);box-shadow:0 4px 10px #140e3666;font-family:var(--font-jp)}.ck-sticky:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(3deg);width:34px;height:12px;background:#ffffff80;border-radius:2px}.ck-sticky .k{display:block;font-family:var(--font-en);font-weight:700;font-size:8px;letter-spacing:1px;opacity:.6}.ck-sticky.memo{left:6px;top:calc(var(--frame-top-h) + 14px);background:#ffe9a0;width:92px}.ck-sticky.tips{right:6px;bottom:calc(var(--console-h) + 14px);background:var(--pink-2);color:#5a2e46;transform:rotate(4deg);width:100px}.ck-charm{position:absolute;z-index:12;right:16px;top:calc(var(--frame-top-h) - 2px);font-size:22px;pointer-events:none;animation:swing 3.4s ease-in-out infinite;transform-origin:top center}.ck-charm:before{content:"";position:absolute;left:50%;top:-14px;width:2px;height:15px;background:#fff6}@keyframes swing{50%{transform:rotate(7deg)}}.ck-console{position:absolute;left:0;right:0;bottom:0;height:var(--console-h);z-index:11;background:linear-gradient(#efedfc,#dad6f3 60%,#cfc9ee);border-top:4px solid var(--panel-line);border-radius:28px 28px 0 0;box-shadow:0 -10px 30px #140a3c66,inset 0 3px #ffffffb3;padding:12px 14px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.ck-console:before,.ck-console:after{content:"";position:absolute;top:12px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--panel-2));box-shadow:0 0 0 1.5px #2e267080}.ck-console:before{left:14px}.ck-console:after{right:14px}.ck-console .burn{position:absolute;left:50%;top:-30px;transform:translate(-50%);z-index:14;margin:0;box-shadow:0 8px 22px #ff7ec773,0 6px 20px #ff905259,inset 0 0 18px #ffc24b47;border-color:#ff7ec7bf;background:radial-gradient(circle at 50% 34%,#ffc24b66,#ff7ec759 70%,#2c2a6380)}.ck-console .burn:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:30px;height:14px;border-radius:0 0 8px 8px;background:linear-gradient(var(--panel-2),#B9B2E2);box-shadow:0 2px #2e267066;z-index:-1}.ck-deck{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;align-items:stretch;margin-top:14px}.ck-scr{background:linear-gradient(var(--screen),var(--screen-2));border:2px solid rgba(120,180,255,.45);border-radius:12px;box-shadow:inset 0 0 14px #5a96ff40,0 2px #140e3680;padding:8px 9px;color:var(--star);overflow:hidden;position:relative}.ck-scr .k{font-family:var(--font-en);font-size:8px;font-weight:600;letter-spacing:1.4px;color:var(--cyan);display:block;margin-bottom:4px}.ck-scr.sensor .radar{width:100%;aspect-ratio:1;border-radius:50%;margin:0 auto;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 8px,rgba(102,216,245,.18) 8px 9px),radial-gradient(circle at 50% 50%,rgba(102,216,245,.14),transparent 70%);position:relative}.ck-scr.sensor .radar:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid var(--cyan);transform:translate(-50%,-70%);filter:drop-shadow(0 0 4px var(--cyan))}.ck-scr.engine .spd{font-family:var(--font-en);font-weight:700;font-size:17px;color:var(--star)}.ck-scr.engine .spd small{font-size:9px;color:var(--dim);font-weight:500}.ck-scr.engine .boost{display:block;margin-top:4px;font-family:var(--font-en);font-size:9px;letter-spacing:1px;color:var(--fuel-2)}.ck-scr.engine .boost i{color:var(--cyan);font-style:normal}.ck-main{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:linear-gradient(var(--screen),var(--screen-2));border:2px solid rgba(255,126,199,.4);border-radius:12px;box-shadow:inset 0 0 16px #ff7ec72e,0 2px #140e3680;padding:8px 9px 10px}.ck-main .k{font-family:var(--font-en);font-size:8px;font-weight:600;letter-spacing:1.2px;color:var(--pink-2)}.ck-main .step-line{width:100%;max-width:none;margin:0;padding:7px 10px;background:#080e288c;border-color:#ff7ec759}.ck-main .step-line:before{color:var(--pink)}.ck-main .step-line input{font-size:12.5px}.ck-tray{display:flex;align-items:center;gap:10px;margin-top:10px}.ck-btns{display:flex;gap:6px}.ck-btns i{width:24px;height:24px;border-radius:7px;display:block;box-shadow:inset 0 -3px #0000002e,0 2px 3px #140e364d}.ck-btns i.pink{background:var(--pink)}.ck-btns i.cyan{background:var(--cyan)}.ck-btns i.yellow{background:var(--yellow)}.ck-log{margin-left:auto;width:44px;height:40px;border-radius:12px;cursor:pointer;background:linear-gradient(var(--screen),var(--screen-2));border:2px solid rgba(120,180,255,.5);color:var(--star);font-size:19px;box-shadow:inset 0 0 12px #5a96ff47,0 3px #140e3680;display:grid;place-items:center;transition:transform .12s}.ck-log:active{transform:translateY(2px) scale(.96)}.ck-mug{font-size:24px;transform:rotate(6deg)}#area-banner{position:fixed;z-index:9;left:0;right:0;top:calc(var(--frame-top-h) + (100% - var(--frame-top-h) - var(--console-h)) * .42);text-align:center;pointer-events:none;opacity:0;transform:translateY(8px)}#area-banner.show{animation:area-in 3s ease-out forwards}#area-banner .ab-k{display:block;font-family:var(--font-en);font-size:9px;font-weight:600;letter-spacing:3px;color:var(--cyan);margin-bottom:4px}#area-banner .ab-name{display:block;font-family:var(--font-jp);font-weight:700;font-size:24px;color:#fff;text-shadow:0 0 18px rgba(120,180,255,.7),0 2px 6px rgba(0,0,0,.4)}#area-banner .ab-sub{display:block;font-family:var(--font-en);font-size:10px;font-weight:600;letter-spacing:3px;color:var(--pink-2);margin-top:3px}@keyframes area-in{0%{opacity:0;transform:translateY(12px) scale(.96)}14%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(1.02)}}@media (max-width: 360px){.ck-sticky{display:none}}@media (prefers-reduced-motion: reduce){.ck-charm{animation:none}}.fm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.fm.open{opacity:1;visibility:visible}.fm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.fm-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 18px 12px}.fm-title{font-family:var(--font-en);font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--dim);text-transform:uppercase}.fm-title b{color:var(--ink);font-weight:700}.fm-streak{margin-left:auto;font-size:13px;color:var(--dim);display:inline-flex;align-items:center;gap:5px}.fm-streak b{color:var(--fuel-2);font-family:var(--font-en);font-weight:700;font-size:16px}.fm-close{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--glass);color:var(--ink);font-size:15px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;transition:transform .12s}.fm-close:active{transform:scale(.9)}.fm-pop{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));background:var(--glass);border:1.5px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:9px 14px;max-width:220px;opacity:0;transition:opacity .18s ease;box-shadow:0 8px 24px #00000047}.fm-pop.show{opacity:1}.fm-pop .d{font-family:var(--font-en);font-size:11px;color:var(--fuel-2);font-weight:600}.fm-pop .s{font-size:13.5px;color:var(--ink);margin-top:2px;line-height:1.5}.fm-pop:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--glass)}