*{box-sizing:border-box}html,body{color:#eef2ff;-webkit-user-select:none;user-select:none;background:#1a2030;height:100%;margin:0;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;overflow:hidden}#scene{cursor:grab;touch-action:none;width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;inset:0}#hud{gap:8px;display:flex;position:absolute;top:16px;left:16px}.chip{letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a101ea8;border:1px solid #96b4ff47;border-radius:999px;padding:6px 14px;font-size:13px}#title-tag{letter-spacing:.14em;color:#c6d6ffb3;font-size:13px;position:absolute;top:16px;right:18px}#title-tag span{opacity:.6;margin-left:6px;font-size:10px}#gauge-wrap{opacity:.5;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(460px,78vw);transition:opacity .15s;display:grid;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}#gauge-wrap.charging{opacity:1}#gauge-label,#gauge-pct{letter-spacing:.12em;color:#cedcffd9;font-size:12px}#gauge-pct{text-align:right;font-variant-numeric:tabular-nums;width:44px}#gauge{background:#080c18b8;border:1px solid #96b4ff4d;border-radius:4px;height:20px;position:relative;overflow:hidden}#gauge-zone-good{z-index:2;background:#50e69633;border-left:1px solid #78ffbe80;border-right:1px solid #78ffbe80;position:absolute;top:0;bottom:0}#gauge-zone-perfect{z-index:3;background:#ffd85e4d;border-left:1px solid #ffe282e6;border-right:1px solid #ffe282e6;position:absolute;top:0;bottom:0}.gauge-mark{display:none}#gauge-fill{background:linear-gradient(90deg,#4aa3ff,#ffd85e 62%,#ff5a4a);width:0%;position:absolute;top:0;bottom:0;left:0}#hint{color:#becdf09e;flex-wrap:wrap;justify-content:center;gap:0 8px;max-width:92vw;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#hint .sep{opacity:.4}#hint b{color:#dce8ffd9;font-weight:600}#result{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c169e;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#result.show{pointer-events:auto;display:flex}.result-panel{text-align:center;background:#101626eb;border:1px solid #96b4ff3d;border-radius:14px;padding:34px 52px}#result-title{letter-spacing:.1em;color:#ff6a5a;margin:0 0 6px;font-size:46px}#result-title.clear{color:#ffd85e}#result-sub{color:#cddafacc;margin:0 0 22px;font-size:14px}#retry{pointer-events:auto;font:inherit;color:#eef2ff;cursor:pointer;background:#2c3a5e;border:1px solid #96b4ff66;border-radius:999px;padding:11px 34px;font-size:15px}#retry:hover{background:#3a4d78}.type-chip{transition:color .15s,border-color .15s}.type-chip.normal{color:#f0d5a8;border-color:#f0d5a873}.type-chip.heavy{color:#c3a58f;border-color:#c3a58f80}.type-chip.slippery{color:#cfe6ff;border-color:#cfe6ff8c}#wind-banner{color:#cfe2ff;letter-spacing:.16em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1222b8;border:1px solid #96beff66;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:15px;display:none;position:absolute;top:58px;left:50%;transform:translate(-50%)}#wind-banner.show{display:flex}#wind-banner.warn{animation:.7s ease-in-out infinite windPulse}#wind-banner.strong{color:#ffdcae;border-color:#ffbe78a6}#wind-arrow{font-size:20px;line-height:1}#wind-kind{opacity:.75;letter-spacing:.1em;border-left:1px solid #a0bef04d;padding-left:8px;font-size:11px}@keyframes windPulse{0%,to{opacity:.55}50%{opacity:1}}#judge{letter-spacing:.12em;opacity:0;white-space:nowrap;text-shadow:0 2px 18px #0009;font-size:42px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.8)}#judge.show{animation:.95s ease-out forwards judgePop}#judge.weak{color:#9fb4d8}#judge.good{color:#8ff0b6;font-size:34px}#judge.perfect{color:#ffd85e}#judge.danger{color:#ff6a5a}@keyframes judgePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}32%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)scale(1)}}#combo{letter-spacing:.14em;color:#ffe9a8;opacity:0;white-space:nowrap;text-shadow:0 2px 16px #000000a6;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%)}#combo.show{animation:1.05s ease-out forwards comboPop}@keyframes comboPop{0%{opacity:0;transform:translate(-50%)translateY(6px)}20%{opacity:1;transform:translate(-50%)translateY(0)}78%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)}}#bubble{color:#2a2418;white-space:nowrap;opacity:0;pointer-events:none;background:#fffcf0f0;border-radius:12px;padding:6px 13px;font-size:14px;font-weight:600;transition:opacity .18s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}#bubble:after{content:"";border:6px solid #0000;border-top-color:#fffcf0f0;border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}#bubble.show{opacity:1}#bubble{z-index:5}#missions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a101e99;border:1px solid #96b4ff38;border-radius:10px;width:232px;padding:10px 13px 12px;font-size:12px;position:absolute;top:58px;right:18px}.mission-head{letter-spacing:.22em;color:#aac3f5bf;margin-bottom:7px;font-size:10px}#mission-list,#mission-result-list{margin:0;padding:0;list-style:none}#mission-list li{color:#e0e9fcdb;align-items:baseline;gap:6px;padding:3px 0;line-height:1.35;display:flex}#mission-list li .mk{color:#96afdcb3}#mission-list li .pg{font-variant-numeric:tabular-nums;color:#aac3f5b3;margin-left:auto;font-size:11px}#mission-list li.done,#mission-list li.done .mk,#mission-list li.done .pg{color:#8ff0b6}#mission-list li.flash{animation:.9s ease-out mFlash}@keyframes mFlash{0%{background:#8ff0b673}to{background:0 0}}#mission-toast{letter-spacing:.1em;color:#8ff0b6;opacity:0;white-space:nowrap;text-shadow:0 2px 14px #0009;font-size:20px;font-weight:700;position:absolute;top:22%;left:50%;transform:translate(-50%)}#mission-toast.show{animation:1.4s ease-out forwards comboPop}#guard{color:#ffd85e;letter-spacing:.12em;opacity:0;white-space:nowrap;background:#281e06b3;border:1px solid #ffd85e99;border-radius:999px;padding:4px 12px;font-size:11px;transition:opacity .2s;position:absolute;top:47%;left:50%;transform:translate(-50%)}#guard.show{opacity:1}#guard.used{animation:.9s ease-out forwards guardUsed}@keyframes guardUsed{0%{opacity:1;transform:translate(-50%)scale(1)}30%{opacity:1;transform:translate(-50%)scale(1.25)}to{opacity:0;transform:translate(-50%)scale(1)}}#judge.golden{color:#ffdf6b;text-shadow:0 0 22px #ffc83ca6,0 2px 18px #0009;font-size:54px}#sound{z-index:15;pointer-events:auto;color:#dce6ff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a101e99;border:1px solid #96b4ff4d;border-radius:50%;width:38px;height:38px;font-size:16px;position:absolute;bottom:22px;right:18px}#sound:hover{background:#1e2a48cc}#sound.muted{opacity:.5}#flash{opacity:0;pointer-events:none;background:#c8e2ff8c;position:absolute;inset:0}#flash.show{animation:.45s ease-out forwards flashOut}@keyframes flashOut{0%{opacity:.55}to{opacity:0}}#finale-title{opacity:0;white-space:nowrap;letter-spacing:.06em;color:#ffe680;text-shadow:0 0 30px #ffc83c80,0 4px 22px #000000a6;font-size:clamp(34px,7vw,74px);font-weight:800;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#finale-title.show{animation:.7s cubic-bezier(.2,1.5,.4,1) forwards finalePop}@keyframes finalePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#mission-result{text-align:left;border-top:1px solid #96b4ff33;border-bottom:1px solid #96b4ff33;margin:4px 0 20px;padding:12px 4px 10px}.mr-head{letter-spacing:.22em;color:#aac3f5bf;margin-bottom:7px;font-size:10px}#mission-result-list li{color:#bec8dca6;padding:2px 0;font-size:13px}#mission-result-list li.done{color:#8ff0b6}#mission-result-count{letter-spacing:.14em;color:#cddafad9;margin-top:8px;font-size:12px}#ui.afterglow #gauge-wrap,#ui.afterglow #judge,#ui.afterglow #combo,#ui.afterglow #guard,#ui.afterglow #blocktype,#ui.afterglow #phase,#ui.afterglow #hint{display:none}#afterglow{flex-direction:column;align-items:center;gap:10px;display:none;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}#ui.afterglow #afterglow{animation:.5s ease-out both agIn;display:flex}@keyframes agIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#to-result{pointer-events:auto;font:inherit;letter-spacing:.1em;color:#ffe680;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26200cd1;border:1px solid #ffd85e8c;border-radius:999px;padding:11px 34px;font-size:15px}#to-result:hover{background:#403612e6}.ag-hint{color:#becdf099;font-size:11px}.ag-hint b{color:#dce8ffd9;font-weight:600}#finale-title.settled{opacity:1;font-size:clamp(22px,3.4vw,40px);transition:top .5s,font-size .5s;animation:none;top:13%}#ach-toast{opacity:0;pointer-events:none;background:#0e1424e0;border:1px solid #ffd85e80;border-radius:10px;max-width:260px;padding:9px 15px;position:absolute;bottom:74px;right:18px}#ach-toast.show{animation:3.4s ease-out forwards achIn}@keyframes achIn{0%{opacity:0;transform:translate(18px)}8%{opacity:1;transform:translate(0)}82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(18px)}}#ach-toast .ach-head{letter-spacing:.2em;color:#ffd85ed9;font-size:9px}#ach-toast .ach-name{color:#ffe680;margin-top:3px;font-size:14px;font-weight:700}#result-stats{text-align:left;grid-template-columns:auto auto;justify-content:space-between;gap:3px 22px;margin:2px 0 14px;font-size:13px;display:grid}#result-stats dt{color:#becae4b3}#result-stats dd{text-align:right;font-variant-numeric:tabular-nums;color:#eef2ff;margin:0}#result-stats dd.hit{color:#ffd85e}#title-box{text-align:left;border-top:1px solid #96b4ff33;border-bottom:1px solid #96b4ff33;margin:0 0 14px;padding:10px 4px}#title-name{letter-spacing:.06em;color:#ffe680;text-shadow:0 0 18px #ffc83c59;text-align:center;margin-top:4px;font-size:22px;font-weight:700}.result-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#open-ach,#open-stage,#to-hub{pointer-events:auto;font:inherit;letter-spacing:.08em;color:#d6e2ffd9;cursor:pointer;background:0 0;border:1px solid #96b4ff59;border-radius:999px;padding:11px 20px;font-size:13px}#open-ach:hover,#open-stage:hover,#to-hub:hover{background:#3c4c7480}#to-hub{text-decoration:none;display:inline-block}#ach-panel{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c16c7;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#ach-panel.show{pointer-events:auto;display:flex}.ach-panel-inner{background:#101626f5;border:1px solid #96b4ff3d;border-radius:14px;width:min(460px,88vw);max-height:82vh;padding:22px 26px 20px;overflow-y:auto}.ach-panel-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.ach-panel-head h2{letter-spacing:.2em;color:#d6e2ffe6;margin:0;font-size:15px}#ach-count{color:#aac3f5bf;font-size:12px}#ach-list{margin:0 0 18px;padding:0;list-style:none}#ach-list li{color:#96a5c3b3;border-bottom:1px solid #96b4ff1a;padding:8px 0;font-size:13px}#ach-list li.got{color:#ffe680}#ach-list li .ach-hint{color:#96a5c38c;margin-top:2px;font-size:11px;display:block}#close-stage{pointer-events:auto;font:inherit;color:#d6e2ffd9;cursor:pointer;background:0 0;border:1px solid #96b4ff59;border-radius:999px;margin-top:18px;padding:9px 22px;font-size:13px}#close-stage:hover{background:#3c4c7480}#close-stage.hidden{display:none}#close-ach{pointer-events:auto;font:inherit;color:#eef2ff;cursor:pointer;background:#2c3a5e;border:1px solid #96b4ff66;border-radius:999px;padding:9px 22px;font-size:14px}#bonus-tag{white-space:nowrap;pointer-events:none;z-index:4;background:#261e06e0;border:1px solid #ffd85e99;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}#bonus-tag.show{display:flex}#bonus-tag .bt-head{letter-spacing:.08em;color:#ffe680;font-size:14px;font-weight:700}#bonus-tag .bt-sub{color:#ffebb4bf;font-size:10px}#bonus-tag .bt-arrow{color:#ffe680;font-size:16px;display:none}#bonus-tag.offscreen{transform:translate(-50%,-50%)}#bonus-tag.offscreen .bt-arrow{display:block}#bonus-tag.offscreen .bt-sub{display:none}#bonus-tag.pulse{animation:1.4s ease-in-out infinite btPulse}@keyframes btPulse{0%,to{box-shadow:0 0 #ffd85e59}50%{box-shadow:0 0 0 7px #ffd85e00}}#judge.goldfail{color:#d8b46a;font-size:34px}#stage-select{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080c16d1;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#stage-select.show{pointer-events:auto;display:flex}.ss-inner{text-align:center;width:min(720px,92vw)}.ss-inner h1{letter-spacing:.34em;color:#d6e2ffe6;margin:0 0 20px;font-size:17px}#stage-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stage-card{pointer-events:auto;font:inherit;text-align:left;color:#eef2ff;cursor:pointer;background:#12182ae6;border:1px solid #96b4ff47;border-radius:12px;padding:16px 16px 14px;transition:border-color .15s,transform .15s,background .15s}.stage-card:hover{border-color:#ffd85eb3;transform:translateY(-2px)}.stage-card.current{background:#262212d9;border-color:#ffd85e8c}.stage-card .sc-swatch{border-radius:7px;height:46px;margin-bottom:10px}.stage-card .sc-name{letter-spacing:.09em;font-size:15px;font-weight:700}.stage-card .sc-ja{color:#c8d6f5cc;font-size:12px}.stage-card .sc-blurb{color:#aabadcb3;margin-top:5px;font-size:11px}.stage-card .sc-last{letter-spacing:.14em;color:#ffd85ed9;margin-top:6px;font-size:9px;display:inline-block}#stage-banner{text-align:center;opacity:0;white-space:nowrap;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}#stage-banner.show{animation:2.2s ease-out forwards sbIn}@keyframes sbIn{0%{opacity:0;transform:translate(-50%,-50%)translateY(10px)}14%{opacity:1;transform:translate(-50%,-50%)translateY(0)}72%{opacity:1}to{opacity:0}}#stage-banner .sb-no{letter-spacing:.3em;color:#becdf0cc;font-size:11px}#stage-banner .sb-name{letter-spacing:.08em;color:#eef2ff;text-shadow:0 2px 20px #000000b3;margin-top:4px;font-size:clamp(26px,5vw,46px);font-weight:800}#gauge-cloud{z-index:6;background:radial-gradient(at 30% 40%,#464c60fa,#1c202efc 70%),linear-gradient(90deg,#1c202ecc,#1c202e 18% 82%,#1c202ecc);border-radius:3px;display:none;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 10px #141826e6}#gauge-cloud.show{display:block}#gauge-black{z-index:7;background:#0b0e18;border-radius:3px;display:none;position:absolute;inset:-2px}#gauge-black.show{display:block}#gauge-flash{z-index:8;opacity:0;pointer-events:none;background:#bee1ffbf;border-radius:4px;position:absolute;inset:-3px}#gauge-flash.show{animation:.35s ease-out forwards gFlash}@keyframes gFlash{0%{opacity:.75}to{opacity:0}}#hazard-tag{letter-spacing:.18em;white-space:nowrap;opacity:0;color:#cfe2ff;background:#0e1220e6;border:1px solid #b4c8ff80;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-26px;left:50%;transform:translate(-50%)}#hazard-tag.show{opacity:1}#hazard-tag.warn{color:#ffe680;border-color:#ffd85ecc;animation:.45s ease-in-out infinite hzPulse}@keyframes hzPulse{0%,to{opacity:.5}50%{opacity:1}}