@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@500;700&family=Nunito:wght@400;600;700;900&display=swap";.lg-viewport{height:100dvh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:flex-start}.lg-shell{width:100%;max-width:520px;height:100dvh;min-height:100dvh;padding:0;display:flex;flex-direction:column;gap:0}.hudBar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.75rem;padding:.5rem .6rem;border-radius:1.05rem;background:radial-gradient(circle at 12% 0%,rgba(255,120,210,.16),transparent 55%),radial-gradient(circle at 85% 100%,rgba(140,100,255,.14),transparent 60%),linear-gradient(180deg,#0c0a1cb3,#0a081694);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #00000059,0 18px 45px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hudTitle{font-family:Oxanium,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;line-height:1.05;color:#fff1b8;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 16px rgba(120,90,255,.35);white-space:normal;display:flex;flex-direction:column;gap:.05rem}.hudStats{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;column-gap:.95rem;row-gap:.2rem;align-items:baseline;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.hudKvp{display:inline-flex;align-items:baseline;gap:.4rem;min-width:0;white-space:nowrap}.hudKvp .k{font-family:Oxanium,system-ui,sans-serif;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;white-space:nowrap}.hudKvp .v{font-variant-numeric:tabular-nums;font-weight:900;font-size:.96rem;color:#fff7e4;text-shadow:0 2px 10px rgba(0,0,0,.45);white-space:nowrap}.hudActions{display:flex;flex-direction:column;gap:.35rem;justify-content:flex-end;align-items:center}.hudBtn{border-radius:999px;border:1px solid rgba(255,245,200,.22);background:#0c0a1c80;color:#fff6d5;padding:.34rem .78rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 0 1px #00000038,0 10px 22px #00000059}.hudBtn.primary{background:linear-gradient(135deg,#b98cff,#ff7cd6);color:#0a0512f2;border:1px solid rgba(255,245,200,.45)}.btn{border-radius:999px;border:1px solid rgba(255,245,200,.45);background:linear-gradient(135deg,#b98cff,#ff7cd6);color:#0a0512f2;padding:.38rem .85rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 0 1px #00000040,0 10px 22px #00000073}.btn.ghost{background:#0c0a1ca6;color:#fff6d5;border:1px solid rgba(255,245,200,.25)}.lg-main{flex:1;display:flex;flex-direction:column}.lg-arena{position:relative;flex:1;min-height:0;border-radius:1.1rem;overflow:hidden;background:#08071a;box-shadow:0 0 0 1px #ffffff14,0 18px 50px #000000a6,0 0 70px #785aff2e}.controlDock{position:absolute;left:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:linear-gradient(180deg,#0c0a1c9e,#0a081680);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #00000059,0 12px 28px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dockBtn{position:relative;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,245,200,.16);background:#ffffff0a;color:#fff6d5eb;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .08s ease}.dockBtn svg{width:19px;height:19px;fill:currentColor;stroke:currentColor}.dockBtn:hover{background:#ffffff17;border-color:#fff5c847}.dockBtn:active{transform:translateY(1px)}.dockBtn.music:not(.is-on){color:#fff6d56b}.dockBtn.music .muteSlash{position:absolute;left:8px;right:8px;top:50%;height:2px;border-radius:2px;background:#fff6d5b3;transform:rotate(-45deg)}.dockBtn.music.is-on{border-color:#78e2ffd9;background:#1c3c5699;color:#eafaff;box-shadow:inset 0 0 0 1px #0003,0 0 14px #6ed2ff99}.menuOverlay{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 50% 18%,rgba(140,100,255,.16),transparent 60%),#04030c8c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.menuPanel{position:relative;width:min(380px,90vw);border-radius:1.4rem;background:linear-gradient(180deg,#141028eb,#0c091aeb);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #0006,0 30px 90px #000000b3,0 0 70px #785aff2e;padding:1.3rem 1.2rem 1.1rem;overflow:hidden;animation:menuPop .28s cubic-bezier(.2,1.3,.4,1) both}.menuPanel:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(185,140,255,.9),rgba(255,124,214,.9),transparent);box-shadow:0 0 14px #b98cff8c}@keyframes menuPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.menuKicker{font-family:Oxanium,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.34em;font-size:.62rem;font-weight:800;color:#c8b4ffb3;text-align:center}.menuTitle{margin-top:.18rem;font-family:Oxanium,system-ui,sans-serif;font-weight:950;font-size:1.7rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#fff4d6,#c8a6ff 60%,#ff8fd6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(120,90,255,.4))}.menuHero{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.1rem}.menuHeroLabel{font-family:Oxanium,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.6rem;font-weight:800;color:#fff6d58c}.menuHeroValue{font-family:Oxanium,system-ui,sans-serif;font-weight:950;font-variant-numeric:tabular-nums;font-size:2.8rem;line-height:1;color:#fff8e6;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 26px rgba(255,210,130,.35)}.menuChips{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.menuChip{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.55rem .4rem;border-radius:.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.menuChip .v{font-family:Oxanium,system-ui,sans-serif;font-weight:950;font-variant-numeric:tabular-nums;font-size:1.15rem;color:#fff7e4f5}.menuChip .k{font-family:Oxanium,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;font-weight:700;color:#fff6d580}.menuSection{margin-top:1rem}.menuSectionTitle{font-family:Oxanium,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;font-weight:800;color:#fff6d58c;margin-bottom:.5rem}.menuScoreList{margin:0;padding:0;list-style:none;display:grid;gap:.2rem}.menuScoreRow{display:grid;grid-template-columns:1.3rem 1fr auto;gap:.55rem;align-items:baseline;font-family:Oxanium,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#fff6d5e6;padding:.28rem .5rem;border-radius:.6rem}.menuScoreRow:nth-child(odd){background:#ffffff08}.menuScoreRow .rank{opacity:.55;font-weight:800}.menuScoreRow .name{opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menuScoreRow .val{font-weight:900}.menuScoreRow .val .depth{opacity:.45;font-size:.8em;margin-left:6px}.menuInput{margin-top:.2rem;width:100%;border-radius:.85rem;border:1px solid rgba(255,245,200,.22);background:#0000004d;color:#fff6d5;padding:.55rem .85rem;font-family:Oxanium,system-ui,sans-serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.menuInput:focus{border-color:#b98cffb3;box-shadow:0 0 0 3px #8c64ff2e}.menuActions{margin-top:1.2rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.6rem}.menuBtn{border-radius:.95rem;padding:.7rem 1rem;font-family:Oxanium,system-ui,sans-serif;font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff6d5;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.menuBtn:hover{background:#ffffff1a;border-color:#ffffff38}.menuBtn:active{transform:translateY(1px)}.menuBtn.primary{background:linear-gradient(135deg,#b98cff,#ff7cd6);color:#0c0616f2;border:1px solid rgba(255,245,200,.35);box-shadow:0 8px 22px #b45adc59}.menuBtn.primary:hover{box-shadow:0 10px 28px #b45adc80}.lg-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.audioUnlock{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0000008f,#000000c7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:audioUnlockIn .2s ease both}.audioUnlockCard{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.4rem 1.8rem;max-width:80vw;border-radius:1.2rem;background:linear-gradient(180deg,#16112af5,#0c091af5);border:1px solid rgba(120,226,255,.55);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #0006,0 0 28px #6ed2ff66,0 24px 60px #000000b3;color:#eafaff;text-align:center}.audioUnlockIcon{font-size:1.8rem;line-height:1;color:#bfefff;text-shadow:0 0 16px rgba(110,210,255,.7);animation:audioUnlockPulse 1.6s ease-in-out infinite}.audioUnlockTitle{font-family:Oxanium,system-ui,sans-serif;font-weight:950;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}@keyframes audioUnlockIn{0%{opacity:0}to{opacity:1}}@keyframes audioUnlockPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.upgradeOverlay{position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 40% 20%,rgba(255,120,210,.12),transparent 55%),radial-gradient(circle at 70% 80%,rgba(140,100,255,.12),transparent 60%),#0003;display:flex;align-items:center;justify-content:center;padding:.8rem}.upgradePanel{width:min(980px,96vw);border-radius:1.25rem;background:#120e2285;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #00000059,0 26px 90px #000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.upgradeTitle{font-family:Oxanium,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:.88rem;color:#fff1b8}.upgradeCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.8rem}.upgradeCard{text-align:left;border-radius:1.05rem;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,#0a0816a6,#0806128c);color:inherit;padding:.85rem .85rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;outline:none}.upgradeCard:hover{transform:translateY(-2px);background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.1),transparent 60%),linear-gradient(180deg,#0c0a1cb3,#08061294);border-color:#fff3}.upgradeCard[data-rarity=rare]{background:#16284e9e}.upgradeCard[data-rarity=epic]{background:#341c589e}.upgradeCard[data-rarity=legendary]{background:#5c441294}.upgradeCard[data-rarity=rare]:hover{background:#16284ea8}.upgradeCard[data-rarity=epic]:hover{background:#341c58a8}.upgradeCard[data-rarity=legendary]:hover{background:#5c44129e}.upgradeCard:focus-visible{box-shadow:0 0 0 2px #fff5c838,0 0 0 5px #ff78d22e}.upgradeCardTop{display:grid;grid-template-columns:1fr;gap:.1rem}.upgradeRarity{font-family:Oxanium,system-ui,sans-serif;letter-spacing:.14em;font-size:.66rem;opacity:.92}.upgradeCardTitle{font-weight:950;font-size:1.05rem;line-height:1.05;letter-spacing:.01em;color:#fff7e4f5;text-shadow:0 8px 30px rgba(0,0,0,.35);min-height:2.1em}.upgradeDelta{border-radius:.95rem;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:.6rem .6rem .58rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"label pill" "values pill";column-gap:.55rem;row-gap:.2rem;align-items:start;min-width:0;overflow:hidden}.upgradeDeltaLabel{font-family:Oxanium,system-ui,sans-serif;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8;grid-area:label;line-height:1.05}.upgradeDeltaValues{display:flex;align-items:baseline;gap:.4rem;font-variant-numeric:tabular-nums;grid-area:values;min-width:0;padding-top:.56rem}.upgradeDeltaValues .before,.upgradeDeltaValues .after{font-weight:950;font-size:1.1rem;color:#fff7e4f5}.upgradeDeltaValues .arrow{opacity:.7;font-weight:900}.upgradeDeltaPill{grid-area:pill;justify-self:end;align-self:start;padding:.18rem .4rem;margin-top:-.06rem;margin-right:-.06rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ff78d224;font-variant-numeric:tabular-nums;font-weight:900;font-size:.7rem;color:#fff7e4eb}.upgradeCardCta{margin-top:auto;border-radius:.95rem;padding:.5rem .65rem;text-align:center;font-family:Oxanium,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:#fff6d5f2;background:linear-gradient(135deg,#b98cff59,#ff7cd647);border:1px solid rgba(255,245,200,.18)}@media(max-width:860px){.upgradeOverlay{padding:.6rem}.upgradeCards{grid-template-columns:1fr;padding:.48rem;gap:.55rem}.upgradePanel{width:clamp(260px,76vw,360px);max-height:84vh;overflow:auto;border-radius:1.05rem}.upgradeCard{padding:.7rem .7rem .65rem;border-radius:.95rem;gap:.45rem}.upgradeRarity{font-size:.62rem;letter-spacing:.13em}.upgradeCardTitle{font-size:.98rem}.upgradeDelta{padding:.52rem .52rem .5rem;min-height:70px}.upgradeDeltaValues .before,.upgradeDeltaValues .after{font-size:1.04rem}.upgradeCardCta{padding:.46rem .6rem;font-size:.74rem}}@media(max-width:420px){.hudBar{grid-template-columns:1fr;row-gap:.55rem}.hudStats{column-gap:.7rem}.statsGrid{grid-template-columns:1fr;gap:.35rem}}.cardActions{display:flex;gap:.5rem;margin-top:.75rem}:root{font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;line-height:1.2;font-weight:400;color:#f5f3ff;background-color:#070816;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-top: env(safe-area-inset-top)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{margin:0;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 10% 0%,rgba(130,90,255,.35),transparent 55%),radial-gradient(circle at 90% 100%,rgba(255,120,200,.25),transparent 55%),linear-gradient(180deg,#060615,#03030c 70%,#07081a)}button,input{font-family:inherit}