:root{--bg:#0f1420;--panel:#171d2c;--panel-2:#1f2738;--border:#2a3348;--text:#eef1f8;--text-dim:#9aa4bd;--accent:#ff9d4d;--accent-2:#4dd3ff;--gold:#ffcf4d;--good:#5ee6a0;--radius:14px;--focus:#8ee7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;min-height:340px;display:flex}#topbar{background:linear-gradient(180deg, var(--panel), #141a28);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}#topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.55;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{white-space:nowrap;text-shadow:0 0 12px #ff9d4d59;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg,#ff9d4d40,#4dd3ff1f);border:1px solid #ff9d4d47;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}#stat-strip{color:var(--text-dim);flex-wrap:wrap;flex:1;gap:12px;font-size:13px;display:flex}.stat{white-space:nowrap}#topbar-actions{gap:6px;display:flex}.icon-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.icon-btn:hover{background:#29334a;transform:translateY(-1px);box-shadow:0 3px 10px #00000059}.icon-btn:active{transform:translateY(0)}#stage-wrap{background:#0a0d15;flex:1;min-height:0;position:relative;overflow:hidden}#game-root{position:absolute;inset:0}#game-root canvas{cursor:pointer;display:block;width:100%!important;height:100%!important}#hud-overlay{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}#session-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}#session-timer{border:1px solid var(--border);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0d158c;border-radius:999px;padding:4px 12px;font-size:13px;box-shadow:0 2px 8px #00000059}#speed-display{border:1px solid var(--border);color:var(--accent-2);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0d158c;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #00000059}#effect-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #00000059}#effect-badge.effect-bad{color:#ff9b9b;background:#e35b5b2e;border:1px solid #e35b5b}#effect-badge.effect-good{border:1px solid var(--good);color:var(--good);background:#5ee68f2e}#event-warning{text-align:center;padding:10px 4px}#event-warning .mg-title{margin-bottom:4px}#event-warning .event-warning-count{color:var(--accent);font-size:26px;font-weight:800}.mg-instruction{color:var(--text-dim);margin-bottom:10px;font-size:11.5px}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 2px #ff9d4d59)}50%{filter:drop-shadow(0 0 9px #ff9d4df2)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}#minigame-panel{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#0a0d15e0;max-width:240px;margin-left:auto;padding:10px;animation:.2s pop-in;position:absolute;top:44px;left:10px;right:10px;box-shadow:0 8px 24px #00000080}.mg-title{color:var(--text-dim);text-align:center;margin-bottom:8px;font-size:12px;font-weight:700}.mg-pace-track{background:var(--panel-2);border-radius:999px;height:16px;margin-bottom:8px;position:relative;overflow:hidden}.mg-pace-zone{position:absolute;top:0;bottom:0}.mg-zone-red{background:#7a2b2b}.mg-zone-yellow{background:#7a6a2b}.mg-zone-green{background:#2b7a4a}.mg-pace-marker{background:#fff;width:3px;position:absolute;top:-2px;bottom:-2px;transform:translate(-50%);box-shadow:0 0 6px #ffffffe6}.mg-tap-btn{background:linear-gradient(135deg, var(--accent), #ff7a3d);color:#201200;cursor:pointer;border:none;border-radius:10px;width:100%;padding:8px;font-size:13px;font-weight:700}.mg-tap-btn:disabled{opacity:.5;cursor:default}.mg-flash-good,.mg-flash-ok,.mg-flash-bad{animation:.2s mg-flash-kf}.mg-flash-good{box-shadow:0 0 0 2px var(--good) inset}.mg-flash-ok{box-shadow:0 0 0 2px var(--gold) inset}.mg-flash-bad{box-shadow:inset 0 0 0 2px #e35b5b}@keyframes mg-flash-kf{0%{filter:brightness(1.6);transform:scale(.96)}to{filter:brightness();transform:scale(1)}}.mg-status-line{text-align:center;color:var(--text-dim);min-height:14px;margin-top:8px;font-size:11.5px}.mg-simon-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mg-simon-btn{cursor:pointer;opacity:.55;border:none;border-radius:8px;height:44px;transition:opacity .1s,transform .1s,box-shadow .1s}.mg-simon-btn.mg-simon-active{opacity:1;transform:scale(1.05);box-shadow:0 0 14px #fff9}.mg-simon-btn.mg-simon-wrong{opacity:1;animation:.4s mg-simon-wrong-kf;box-shadow:0 0 14px #e35b5be6}@keyframes mg-simon-wrong-kf{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mg-sprint-status{text-align:center;color:var(--accent);margin-bottom:8px;font-size:15px;font-weight:700}.mg-balance-arrow{text-align:center;margin-bottom:6px;font-size:22px;animation:1.2s ease-in-out infinite icon-glow}.mg-balance-controls{gap:6px;margin-top:8px;display:flex}.mg-balance-btn{flex:1;padding:8px 4px;font-size:12px}.mg-loot-wrap{flex-direction:column;align-items:center;gap:12px;padding:4px 0;display:flex}.mg-loot-bar{background:var(--panel-2);border-radius:999px;width:100%;height:8px;overflow:hidden}.mg-loot-bar-fill{background:linear-gradient(90deg, var(--good), var(--gold));width:100%;height:100%;transition:width 50ms linear}.mg-loot-btn{background:linear-gradient(135deg, var(--gold), #ff9d4d);cursor:pointer;border:none;border-radius:50%;width:84px;height:84px;font-size:34px;animation:1s ease-in-out infinite loot-pulse;box-shadow:0 6px 18px #ffcf4d66}@keyframes loot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mg-result{text-align:center;border-radius:10px;padding:16px 6px 8px;animation:.25s pop-in}.mg-result-icon{margin-bottom:6px;font-size:32px}.mg-result-headline{margin-bottom:4px;font-size:14px;font-weight:800}.mg-result-detail{color:var(--text-dim);font-size:12px}.mg-result-good{box-shadow:0 0 0 1px var(--good) inset}.mg-result-ok{box-shadow:0 0 0 1px var(--gold) inset}.mg-result-bad{box-shadow:inset 0 0 0 1px #e35b5b}.mg-result-good .mg-result-headline{color:var(--good)}.mg-result-ok .mg-result-headline{color:var(--gold)}.mg-result-bad .mg-result-headline{color:#ff9b9b}.hidden{display:none!important}#session-setup-panel{text-align:center;background:radial-gradient(circle at 50% 48%,#0d121e2e,#080b1294 62%,#080b12c2),linear-gradient(90deg,#080b124d,#0000 30% 70%,#080b124d);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(16px,4vw,40px);display:flex;position:absolute;inset:0}.setup-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#161d2ce6,#0c111cc7);border:1px solid #ffffff1c;border-radius:24px;width:min(560px,100%);padding:clamp(22px,4vw,36px);animation:.45s cubic-bezier(.2,.8,.3,1) setup-enter;box-shadow:0 24px 70px #00000070,inset 0 1px #ffffff0f}@keyframes setup-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.setup-kicker{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.setup-kicker span{background:var(--accent);border-radius:999px;width:18px;height:2px;box-shadow:0 0 10px #ff9d4dbf}#session-setup-panel h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,4vw,38px);line-height:1.08}#session-setup-panel .sub{color:#bdc6da;max-width:450px;margin:12px auto 16px;font-size:14px;line-height:1.55}.setup-benefits{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:22px;display:flex}.setup-benefits span{color:#cbd3e5;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;padding:5px 9px;font-size:11px}.duration-fieldset{border:0;min-width:0;margin:0;padding:0}.duration-fieldset legend{width:100%;color:var(--text-dim);letter-spacing:.025em;margin-bottom:9px;font-size:11px;font-weight:700}#duration-choices{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.duration-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;min-width:64px;padding:9px 14px;font-size:13px;transition:transform .12s,box-shadow .12s,background .12s}.duration-btn:hover{background:#29334a;transform:translateY(-1px)}.duration-btn.selected{background:var(--accent);border-color:var(--accent);color:#201200;font-weight:700;box-shadow:0 0 14px #ff9d4d80}.primary-btn{background:linear-gradient(135deg, var(--accent), #ff7a3d);color:#201200;cursor:pointer;border:none;border-radius:999px;margin-top:6px;padding:10px 26px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 4px 16px #ff7a3d59}#btn-start-session{min-width:178px;margin-top:18px;padding:12px 24px;font-size:15px}#btn-start-session span{margin-left:8px;transition:transform .15s;display:inline-block}#btn-start-session:hover span{transform:translate(3px)}.setup-note{color:#77839d;margin:12px 0 0;font-size:10.5px}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #ff7a3d80}.primary-btn:active{transform:translateY(0)}.modal{z-index:50;background:#05070c99;justify-content:center;align-items:center;padding:16px;animation:.15s modal-backdrop-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;max-height:86vh;padding:18px 20px;animation:.18s cubic-bezier(.2,.8,.3,1) modal-card-in;overflow-y:auto;box-shadow:0 12px 40px #00000073}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-card.wide{max-width:480px}.modal-card h2{margin:0 0 12px;font-size:18px}.modal-card h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 8px;font-size:13px}.modal-header{justify-content:space-between;align-items:center;display:flex}.close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.summary-item{background:var(--panel-2);border-left:2px solid var(--accent);border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.summary-item .label{color:var(--text-dim);font-size:11px}.summary-item .value{font-size:16px;font-weight:700}.swatch-row{gap:8px;margin-bottom:4px;display:flex}.swatch-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px}.swatch-btn.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 10px #fff6}.item-list{flex-direction:column;gap:8px;display:flex}.item-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.item-card:has(button.equipped){border-color:var(--good)}.item-card .item-info{flex:1}.item-card .item-name{font-size:13px;font-weight:600}.item-card .item-desc{color:var(--text-dim);font-size:11px}.item-card button{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;transition:transform .12s,background .12s}.item-card button:not(:disabled):hover{background:#29334a;transform:translateY(-1px)}.item-card button.equipped{background:var(--good);color:#062616;border-color:var(--good)}.item-card button:disabled{opacity:.5;cursor:default}body.pip-active #session-setup-panel .sub{display:none}#pip-placeholder{color:var(--text-dim);background:#0a0d15;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;display:none}body.pip-source-active #pip-placeholder{display:flex}body.pip-active #stat-strip{font-size:11px}body.pip-active #stage-wrap{position:fixed;inset:0}#btn-pip-close{border:1px solid var(--border);width:22px;height:22px;color:var(--text-dim);cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0d158c;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:none;position:absolute;top:8px;right:8px}#btn-pip-close:hover{color:var(--text);background:#0a0d15d9}body.pip-active #btn-pip-close{display:flex}@media (width<=700px){#topbar{flex-wrap:nowrap;gap:7px;padding:7px 9px}.brand{font-size:14px}.brand-mark{width:27px;height:27px}#stat-strip{gap:7px;font-size:11px}#topbar-actions{gap:4px}.icon-btn{width:32px;height:32px;padding:0}.action-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.setup-card{border-radius:20px}}@media (width<=470px){.brand-mark,#stat-distance{display:none}#session-setup-panel{justify-content:flex-end;padding:10px}.setup-card{padding:20px 15px 16px}.setup-benefits{margin-bottom:16px}#duration-choices{gap:6px}.duration-btn{min-width:55px;padding:8px 10px;font-size:12px}}@media (height<=620px){.setup-card{padding-top:18px;padding-bottom:16px}.setup-benefits,.setup-note{display:none}#session-setup-panel .sub{margin:8px auto 12px}#btn-start-session{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}