@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@500;700;900&family=Space+Grotesk:wght@500;600;700&family=Nunito:wght@400;600;700;900&display=swap";:root{--accent-hue: 200}.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,157,61,.14),transparent 55%),radial-gradient(circle at 85% 100%,rgba(70,180,232,.14),transparent 60%),linear-gradient(180deg,#090c16b8,#06081099);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:Space Grotesk,Oxanium,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;line-height:1.05;color:#ffe9c2;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 16px rgba(70,180,232,.32);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,#ffd66b,#ff9d3d);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,#ffd66b,#ff9d3d);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:#06070f;box-shadow:0 0 0 1px #ffffff0f,0 18px 50px #000000a6,0 0 70px #46b4e829}.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%,hsl(var(--accent-hue) 78% 59% / .16),transparent 60%),#04050c8c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.menuPanel{position:relative;width:min(380px,90vw);border-radius:1.4rem;background:linear-gradient(180deg,#0d111eeb,#080a14eb);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 hsl(var(--accent-hue) 78% 59% / .16);padding:1.1rem 1.2rem 1rem;max-height:92vh;overflow-y:auto;overflow-x:hidden;animation:menuPop .28s cubic-bezier(.2,1.3,.4,1) both}.lbTabs{display:flex;gap:.35rem;margin-bottom:.55rem}.lbTab{flex:1 1 0;appearance:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff6d599;font-family:Oxanium,system-ui,sans-serif;font-weight:800;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .5rem;border-radius:.7rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.lbTab:hover{color:#fff6d5d9}.lbTab.active{background:hsl(var(--accent-hue) 78% 59% / .2);border-color:hsl(var(--accent-hue) 100% 78% / .5);color:#f0fafffa}.lbList{min-height:10.1rem;align-content:start}.menuScoreRow.pinned{margin-top:.25rem;border:1px dashed hsl(var(--accent-hue) 100% 78% / .4)}.lbPager{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:.55rem}.lbPagerBtn{appearance:none;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff6d5e6;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .15s ease,opacity .15s ease}.lbPagerBtn:hover:not(:disabled){background:hsl(var(--accent-hue) 78% 59% / .22)}.lbPagerBtn:disabled{opacity:.3;cursor:default}.lbPagerLabel{font-family:Oxanium,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:800;font-size:.72rem;letter-spacing:.1em;color:#fff6d599;min-width:3.2rem;text-align:center}.lbDateLabel{min-width:6.5rem;color:hsl(var(--accent-hue) 100% 84% / .92)}.lbEmpty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:.5rem;font-family:Oxanium,system-ui,sans-serif;font-size:.78rem;letter-spacing:.06em;color:#fff6d566}.menuScoreRow.isMe{background:hsl(var(--accent-hue) 78% 59% / .16);border-radius:.4rem;color:#fffffffa}.menuScoreRow.isMe .rank{opacity:.85;color:hsl(var(--accent-hue) 100% 78% / .95)}.menuScoreRow .youTag{margin-left:.4rem;font-size:.62em;font-weight:700;letter-spacing:.06em;vertical-align:.08em;color:hsl(var(--accent-hue) 100% 80% / .95)}.menuPanel:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,hsl(var(--accent-hue) 100% 78% / .9),rgba(255,214,107,.9),transparent);box-shadow:0 0 14px hsl(var(--accent-hue) 100% 78% / .5)}@keyframes menuPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.menuKicker{font-family:Space Grotesk,Oxanium,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.34em;font-size:.62rem;font-weight:600;color:hsl(var(--accent-hue) 100% 78% / .78);text-align:center}.menuTitle{margin-top:.18rem;font-family:Space Grotesk,Oxanium,system-ui,sans-serif;font-weight:700;font-size:1.75rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,hsl(var(--accent-hue) 100% 93%),hsl(var(--accent-hue) 90% 62%));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 16px hsl(var(--accent-hue) 90% 55% / .34))}.menuHero{margin-top:.7rem;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.4rem;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:.7rem;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:.85rem}.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}.menuKey{margin:0;padding:0;list-style:none;display:grid;gap:.22rem}.menuKeyRow{display:grid;grid-template-columns:36px 1fr;gap:.55rem;align-items:center;padding:.22rem .35rem;border-radius:.55rem}.menuKeyRow:nth-child(odd){background:#ffffff08}.menuKeyIcon{width:36px;height:36px;display:block;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:radial-gradient(120% 120% at 50% 30%,#14122cd9,#0a091af2)}.menuKeyText{display:grid;gap:.1rem}.menuKeyName{font-family:Oxanium,system-ui,sans-serif;font-weight:800;font-size:.8rem;color:#fff6d5f2}.menuKeyDesc{font-family:Oxanium,system-ui,sans-serif;font-size:.7rem;line-height:1.25;color:#fff6d59e}.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:hsl(var(--accent-hue) 100% 78% / .7);box-shadow:0 0 0 3px hsl(var(--accent-hue) 78% 59% / .18)}.menuSection.nameSave{padding:.7rem .75rem .75rem;border-radius:.95rem;border:1px solid hsl(var(--accent-hue) 90% 70% / .28);background:linear-gradient(180deg,hsl(var(--accent-hue) 80% 60% / .12),hsl(var(--accent-hue) 80% 55% / .04));box-shadow:0 0 24px hsl(var(--accent-hue) 80% 55% / .14)}.nameSaveBadge{font-family:Oxanium,system-ui,sans-serif;font-weight:900;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--accent-hue) 100% 82%);text-shadow:0 0 12px hsl(var(--accent-hue) 90% 60% / .45);margin-bottom:.5rem}.nameSaveRow{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:stretch}.nameSaveRow .menuInput{margin-top:0}.menuBtn.nameSaveBtn{margin-top:0;padding-left:1.25rem;padding-right:1.25rem}.nameSaved{margin-top:.85rem;font-family:Oxanium,system-ui,sans-serif;font-size:.8rem;letter-spacing:.06em;color:#fff6d5b3;text-align:center}.nameSaved strong{color:hsl(var(--accent-hue) 100% 84%);font-weight:900}.menuActions{margin-top:.95rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.6rem}.menuActions.pauseActions{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:minmax(0,.85fr) minmax(0,2.6fr)}.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;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;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,hsl(var(--accent-hue) 92% 72%),hsl(var(--accent-hue) 85% 54%));color:#080a14f2;border:1px solid hsl(var(--accent-hue) 100% 85% / .4);box-shadow:0 8px 22px hsl(var(--accent-hue) 85% 55% / .32)}.menuBtn.primary:hover{box-shadow:0 10px 28px hsl(var(--accent-hue) 85% 55% / .48)}.menuBtn.danger{background:linear-gradient(135deg,#7812208c,#be20308c);color:#ffdfe2;border:1px solid rgba(255,90,110,.5);box-shadow:0 6px 18px #c8283c47}.menuBtn.danger:hover{background:linear-gradient(135deg,#961628b3,#e1283cb3);border-color:#ff788cb3;box-shadow:0 8px 24px #dc2d4673}.lg-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.nowPlaying{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;z-index:5;display:flex;align-items:center;gap:.55rem;max-width:min(var(--np-max-w, 320px),320px);padding:.45rem .6rem .45rem .45rem;border-radius:.9rem;background:linear-gradient(180deg,#0c0f1ad1,#080a13c7);border:1px solid hsl(var(--accent-hue) 70% 78% / .22);box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000080,0 0 22px hsl(var(--accent-hue) 80% 55% / .14);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;opacity:1;transform:translate(0);animation:npIn .42s cubic-bezier(.2,1.1,.35,1) both;transition:opacity .45s ease,transform .45s ease}.nowPlaying.leaving{opacity:0;transform:translate(-10px)}.nowPlaying.noArt{padding-left:.7rem}.nowPlaying.pinned{z-index:42;opacity:1;transform:translate(0)}.musicCornerBtn{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:8;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff6d5d1;background:linear-gradient(180deg,#121026e6,#0a0816db);border:1px solid rgba(255,245,200,.18);box-shadow:inset 0 1px #ffffff0f,0 10px 28px #00000080;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}.musicCornerBtn:hover{transform:translateY(-1px)}.musicCornerBtn:active{transform:scale(.94)}.musicCornerBtn.on{color:hsl(var(--accent-hue) 100% 90%);border-color:hsl(var(--accent-hue) 100% 76% / .7);box-shadow:inset 0 1px #ffffff14,0 10px 28px #00000080,0 0 22px hsl(var(--accent-hue) 90% 60% / .4)}.musicCornerGlyph{font-size:1.5rem;line-height:1}.musicScrim{position:fixed;inset:0;z-index:40;background:transparent}.musicPanel{position:fixed;z-index:41;width:244px;box-sizing:border-box;padding:.6rem;border-radius:1rem;background:linear-gradient(180deg,#100e22f0,#0a0816e6);border:1px solid hsl(var(--accent-hue) 70% 76% / .28);box-shadow:inset 0 1px #ffffff12,0 18px 44px #0009,0 0 26px hsl(var(--accent-hue) 80% 55% / .16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:musicPanelIn .16s ease-out both}@keyframes musicPanelIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.musicPanelRow{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.musicBtn{height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff6d5e6;background:#ffffff0d;border:1px solid rgba(255,245,200,.16);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .1s ease}.musicBtn:hover{background:#ffffff17;border-color:#fff5c847}.musicBtn:active{transform:scale(.94)}.musicBtn.active{color:hsl(var(--accent-hue) 100% 88%);background:hsl(var(--accent-hue) 80% 55% / .16);border-color:hsl(var(--accent-hue) 100% 76% / .55)}.musicVolumeRow{margin-top:.55rem;padding:0 .2rem}.musicVolume{width:100%;height:22px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.musicVolume::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,hsl(var(--accent-hue) 90% 62%) 0%,hsl(var(--accent-hue) 90% 62%) var(--vol, 85%),rgba(255,255,255,.14) var(--vol, 85%),rgba(255,255,255,.14) 100%)}.musicVolume::-moz-range-track{height:5px;border-radius:999px;background:#ffffff24}.musicVolume::-moz-range-progress{height:5px;border-radius:999px;background:hsl(var(--accent-hue) 90% 62%)}.musicVolume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;width:17px;height:17px;border-radius:50%;background:#fff6d5;border:1px solid hsl(var(--accent-hue) 100% 70%);box-shadow:0 0 10px hsl(var(--accent-hue) 90% 60% / .5)}.musicVolume::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#fff6d5;border:1px solid hsl(var(--accent-hue) 100% 70%);box-shadow:0 0 10px hsl(var(--accent-hue) 90% 60% / .5)}@keyframes npIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.npArt{width:44px;height:44px;flex:0 0 auto;border-radius:.55rem;object-fit:cover;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #00000073}.npArtFallback{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:hsl(var(--accent-hue) 100% 85% / .9);background:radial-gradient(120% 120% at 50% 30%,#1e1c36e6,#0c0b1af2)}.npText{min-width:0;display:flex;flex-direction:column;gap:.05rem}.npEyebrow{font-family:Oxanium,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.52rem;font-weight:800;color:hsl(var(--accent-hue) 100% 80% / .78)}.npTitle{font-family:Oxanium,system-ui,sans-serif;font-weight:800;font-size:.86rem;line-height:1.15;color:#fff8e8fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npArtist{font-family:Oxanium,system-ui,sans-serif;font-weight:600;font-size:.74rem;line-height:1.15;color:#fff6d5b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npAlbum{font-family:Oxanium,system-ui,sans-serif;font-weight:500;font-size:.66rem;line-height:1.2;color:#fff6d575;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mqClip{min-width:0;overflow:hidden}.mqTrack{display:flex;width:max-content;max-width:none;white-space:nowrap}.mqTrack.scrolling{animation-name:mqScroll;animation-timing-function:linear;animation-iteration-count:infinite}.mqItem{white-space:nowrap;flex:0 0 auto}.mqTrack.scrolling .mqItem{padding-right:36px}@keyframes mqScroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--mq-shift)))}}@media(prefers-reduced-motion:reduce){.mqTrack.scrolling{animation: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}.ftueBand{position:absolute;bottom:calc(108px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:5;width:min(440px,92vw);display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border-radius:.9rem;background:linear-gradient(180deg,#0d111eeb,#080a14e6);border:1px solid hsl(var(--accent-hue) 80% 60% / .35);box-shadow:0 0 0 1px #0006,0 16px 50px #0009,0 0 40px hsl(var(--accent-hue) 78% 59% / .18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.ftueBandText{flex:1;font-family:Oxanium,system-ui,sans-serif;font-weight:800;font-size:.98rem;line-height:1.3;color:#fff6d5f7;text-shadow:0 1px 6px rgba(0,0,0,.55)}.ftueSkip{pointer-events:auto;flex:none;font-family:Space Grotesk,Oxanium,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:#fff6d5c7;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:.6rem;padding:.42rem .7rem;cursor:pointer}.ftueSkip:hover{color:#fff6d5;background:#ffffff1f}.ftueJitOverlay{position:absolute;inset:0;z-index:6;pointer-events:none}.ftueJitPanel{position:absolute;pointer-events:auto;width:min(380px,92vw);border-radius:1.1rem;background:linear-gradient(180deg,#0d111ef5,#080a14f5);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #00000073,0 24px 70px #000000b3,0 0 60px hsl(var(--accent-hue) 78% 59% / .18);padding:.95rem 1.05rem 1rem}.ftueJitRow{display:grid;grid-template-columns:44px 1fr;gap:.7rem;align-items:center;margin:.55rem 0 .85rem}.ftueJitRow .menuKeyIcon{width:44px;height:44px}.ftueJitName{font-family:Oxanium,system-ui,sans-serif;font-weight:800;font-size:1.02rem;color:#fff6d5f7}.ftueJitDesc{font-family:Oxanium,system-ui,sans-serif;font-size:.82rem;line-height:1.3;color:#fff6d5b8;margin-top:.15rem}.ftueJitOk{width:100%}.ftueReplayLink{display:block;margin:.55rem auto 0;background:none;border:none;font-family:Space Grotesk,Oxanium,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;font-weight:600;color:hsl(var(--accent-hue) 90% 78% / .75);cursor:pointer;padding:.3rem .5rem}.ftueReplayLink:hover{color:hsl(var(--accent-hue) 95% 84% / .95)}.ftueReplayNote{margin-top:.2rem;padding:.7rem .85rem;border-radius:.85rem;background:hsl(var(--accent-hue) 70% 50% / .1);border:1px solid hsl(var(--accent-hue) 80% 60% / .3);text-align:left}.ftueReplayHeading{font-family:Oxanium,system-ui,sans-serif;font-weight:800;font-size:.92rem;color:#fff6d5f5}.ftueReplayBody{font-family:Oxanium,system-ui,sans-serif;font-size:.76rem;line-height:1.35;color:#fff6d5b3;margin-top:.25rem}.titlePanel{text-align:center}.titleLogo{font:900 40px Oxanium,system-ui,sans-serif;letter-spacing:.22em;margin:6px 0 2px;background:linear-gradient(180deg,#fff 20%,hsl(var(--accent-hue, 200) 90% 68%));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px hsl(var(--accent-hue, 200) 90% 60% / .35)}.titleSub{color:#ebf0ff9e;font-size:13px;margin-bottom:10px}.titleChips{display:flex;justify-content:center;gap:8px;margin-bottom:12px;min-height:22px}.titleChip{font:700 11px Oxanium,system-ui,sans-serif;letter-spacing:.06em;color:hsl(var(--accent-hue, 200) 90% 78%);background:hsl(var(--accent-hue, 200) 80% 60% / .12);border:1px solid hsl(var(--accent-hue, 200) 80% 65% / .35);border-radius:999px;padding:3px 10px}.titleName{margin-bottom:4px}.titleName .menuInput{text-align:center;width:100%}.titlePlay{width:100%}.settingsPanel{min-width:280px}.settingsRow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.settingsLabel{color:#ebf0ffc7;font-size:13px;white-space:nowrap}.settingsRow input[type=range]{flex:1;accent-color:hsl(var(--accent-hue, 200) 90% 60%)}.settingsRow input[type=checkbox]{width:18px;height:18px;accent-color:hsl(var(--accent-hue, 200) 90% 60%)}:root{font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;line-height:1.2;font-weight:400;color:#eaf4fb;background-color:#06070f;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-top: env(safe-area-inset-top);--lb-void-top: #06070f;--lb-void-mid: #080a16;--lb-void-near: #0b0e1e;--lb-structure: #46b4e8;--lb-structure-dim: rgba(70, 180, 232, .16);--lb-matter: #bfe6f2;--lb-energy: #ffd66b;--lb-energy-amber: #ff9d3d;--lb-info: #8fe0ff;--lb-danger: #ff3b30;--lb-text: #eaf4fb;--lb-text-dim: rgba(234, 244, 251, .62)}*,*: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 12% 0%,rgba(70,180,232,.2),transparent 55%),radial-gradient(circle at 88% 100%,rgba(255,157,61,.12),transparent 55%),linear-gradient(180deg,#06070f,#04050c 70%,#080a16)}button,input{font-family:inherit}