@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo2-800.woff2) format("woff2")}:root{--void: #0B0A1A;--nebula: #1C1638;--nebula-2: #241D46;--line: #37306b;--dust: #FFC46B;--ion: #6FE3C1;--rose: #E86FA4;--bone: #EDE8DC;--dim: #8f8aa8;--disp: "Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--e-standard: cubic-bezier(.2, 0, 0, 1);--e-enter: cubic-bezier(.05, .7, .1, 1);--e-exit: cubic-bezier(.3, 0, .8, .15);--e-pop: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--void);color:var(--bone);font-family:var(--body);touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}#skyWrap{position:relative;flex:1 1 46%;min-height:250px;overflow:hidden}#skyWrap canvas{position:absolute;inset:0}#hud{position:absolute;top:0;left:0;right:0;padding:12px 14px 0;pointer-events:none;z-index:3}#zoneBtn{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:#0b0a1a8c;border:1px solid var(--line);border-radius:99px;padding:6px 12px;display:inline-block}#zoneBtn b{color:var(--bone);letter-spacing:.06em}#dustBig{font-family:var(--disp);font-weight:800;font-size:clamp(30px,9vw,40px);line-height:1.05;color:var(--dust);text-shadow:0 0 24px rgba(255,196,107,.35);margin-top:8px}#dustBig small{font-size:.42em;font-weight:700;color:var(--dim);letter-spacing:.12em;margin-left:6px}#rateLine{font-family:var(--mono);font-size:12.5px;color:var(--dim);margin-top:2px}#rateLine b{color:var(--ion);font-weight:600}#lvlWrap{margin-top:8px;max-width:210px}#lvlTxt{display:flex;justify-content:space-between;font-family:var(--disp);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}#lvlTxt .sp{color:var(--rose)}#lvlBar{height:4px;background:#ffffff14;border-radius:99px;margin-top:3px;overflow:hidden}#lvlFill{height:100%;width:0%;background:linear-gradient(90deg,var(--rose),var(--dust));border-radius:99px;transition:width .2s var(--e-standard)}#zoneBanner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;opacity:0;z-index:4;padding:0 30px}#zoneBanner.show{animation:zbHold 2.4s ease forwards}#zoneBanner .zbIco,#zoneBanner .zbName,#zoneBanner .zbDesc{opacity:0}#zoneBanner.show .zbIco{animation:zbPop .5s var(--e-pop) .1s forwards}#zoneBanner.show .zbName{animation:zbUp .5s var(--e-enter) .3s forwards}#zoneBanner.show .zbDesc{animation:zbUp .5s var(--e-enter) .52s forwards}#zoneBanner .zbIco{font-size:34px}#zoneBanner .zbName{font-family:var(--disp);font-weight:800;font-size:26px;color:var(--bone);letter-spacing:.06em;margin-top:6px;text-shadow:0 0 30px rgba(255,196,107,.5)}#zoneBanner .zbDesc{font-size:12.5px;color:var(--dim);margin-top:6px;line-height:1.4;max-width:280px}@keyframes zbHold{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes zbPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes zbUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#zoneStrip{padding:8px 14px 6px;background:linear-gradient(180deg,transparent,rgba(11,10,26,.6))}#zoneMeta{display:flex;justify-content:space-between;font-family:var(--disp);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}#zoneMeta b{color:var(--bone)}#zoneBar{height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}#zoneFill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--dust),var(--rose));transition:width .2s var(--e-standard)}#panel{flex:1 1 54%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--nebula);border-top:1px solid var(--line);border-radius:22px 22px 0 0;min-height:0;box-shadow:0 -12px 40px #00000080;padding:20px;text-align:center}#panel h2{font-family:var(--disp);font-weight:800;font-size:17px}#panel p{font-size:12.5px;color:var(--dim);line-height:1.5;max-width:320px}#panel a{color:var(--ion);font-weight:700;text-decoration:none;border:1px solid var(--line);background:var(--nebula-2);border-radius:14px;padding:12px 22px;font-family:var(--disp);display:inline-block;margin-top:4px}#toasts{position:fixed;top:10px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:30;pointer-events:none}.toast{background:#1c1638f0;border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-family:var(--disp);font-weight:700;font-size:12.5px;box-shadow:0 6px 20px #00000080;animation:toastIn .26s var(--e-pop),toastOut .16s var(--e-exit) 2.9s forwards}.toast b{color:var(--dust)}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)}}.modal{position:fixed;inset:0;background:#060510b8;display:none;align-items:flex-end;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.show{display:flex;animation:backdropIn .2s var(--e-standard)}.modal.show .sheet{animation:sheetIn .26s var(--e-enter)}@keyframes backdropIn{0%{opacity:0}}@keyframes sheetIn{0%{transform:translateY(26px);opacity:.4}}.sheet{background:var(--nebula);border:1px solid var(--line);border-radius:22px 22px 0 0;width:100%;max-width:560px;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.sheet h2{font-family:var(--disp);font-weight:800;font-size:19px;margin-bottom:4px}.sheet .sub{font-size:12.5px;color:var(--dim);margin-bottom:14px;line-height:1.4}.btn2{width:100%;border:1px solid var(--line);background:var(--nebula-2);color:var(--bone);font-family:var(--disp);font-weight:800;font-size:13px;padding:12px;border-radius:14px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#zoneBanner.show,#zoneBanner.show .zbIco,#zoneBanner.show .zbName,#zoneBanner.show .zbDesc{opacity:1}}