:root{--bg:#22283b;--bg-panel:#22283bd9;--bg-overlay:#0006;--bg-raised:#2b3247;--bg-inset:#1a1f2e;--accent:#4f94f1;--accent-hover:#6aa6f5;--accent-press:#3d7dd4;--danger:#e05555;--gold:#f0b429;--text:#fff;--text-dim:#cff3ff;--text-bright:#dff8ff;--text-muted:#8b93a7;--border-ring:#f2f2f2;--border-inset:#4a5266;--r-sm:4px;--r-md:8px;--r-lg:10px;--r-pill:999px;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--font:Rubik, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fs-xs:1rem;--fs-sm:1.2rem;--fs-md:1.4rem;--fs-lg:1.8rem;--fs-xl:2.4rem;--fs-2xl:3.2rem;--fw-light:300;--fw-reg:400;--fw-bold:700;--fw-black:900;--t-fast:.12s;--t-med:.2s;--t-slow:.3s;--ease:ease-in-out;--z-hud:10;--z-menu:100;--z-overlay:1000;--z-popup:2000;--notchTop:0vh;--notchRight:0vw;--notchBottom:0vh;--notchLeft:0vw;--menuPanelOpacity:.85;--danger-hover:#e87272;--danger-press:#c24343;--gold-hover:#f4c34f;--gold-press:#d49a14;--scale-hover:1.05;--scale-hover-slot:1.06;--press-offset:2px;--scale-pop:1.15;--px-1:1px;--px-2:2px;--px-4:4px;--slot:4.8rem;--t-bar:.25s;--glass:#12172894;--glass-strong:#121728c7;--glass-slot:#ffffff0f;--glass-slot-hover:#ffffff24;--glass-border:#ffffff1f;--glass-blur:blur(14px) saturate(1.5);--r-xl:1.4rem;--shadow-soft:0 .8rem 2.4rem #05081473;--shadow-glow:0 0 1.6rem #4f94f18c;--grad-accent:linear-gradient(135deg, #7db4ff 0%, #4f94f1 55%, #3d7dd4 100%);--grad-danger:linear-gradient(90deg, #ff7a7a 0%, #e05555 100%);--grad-danger-ghost:linear-gradient(90deg, #ffc2c2 0%, #ff9a9a 100%);--grad-gold:linear-gradient(90deg, #ffd466 0%, #f0b429 100%);--grad-shield:linear-gradient(90deg, #e9fbff 0%, #9fe3ff 100%);--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--t-spring:.32s;--water-tint:#125c9666;--water-vignette:radial-gradient(ellipse at center, #288cc800 40%, #08325a8c 100%);--quest-w:20rem;--bubble-size:1.5rem;--bubble-fill:radial-gradient(circle at 35% 30%, #fff 0%, #bfeaff 35%, #5ab8f0 100%);--font-mono:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace}@font-face{font-family:Rubik;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Rubik-Variable.woff2)format("woff2")}html{font-size:62.5%}@media (min-width:1920px){html{font-size:75%}}@media (max-width:900px){html{font-size:56.25%}}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--text);font-weight:var(--fw-reg)}*,:before,:after{box-sizing:border-box}#game-root{outline:none;position:fixed;inset:0;overflow:hidden}#game-root>canvas{width:100%;height:100%;position:absolute;inset:0}.ScaleOnHover{transition:transform var(--t-fast) var(--ease)}.ScaleOnHover:hover:not(:disabled){transform:scale(var(--scale-hover))}.AppWrapper,.AppWrapperInner,.AppBackground{position:fixed;inset:0}.AppBackground{background:var(--bg)}#root{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#root button,#root input{pointer-events:auto}.HideScrollbar{scrollbar-width:none}.HideScrollbar::-webkit-scrollbar{display:none}@keyframes AnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes AnimFadeInScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.AnimFadeIn{animation:AnimFadeIn var(--t-med) var(--ease)}.NewButton{--button-body:var(--accent);--button-top:var(--accent-hover);--button-bottom:var(--accent-press);cursor:pointer;font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text);background:0 0;border:0;flex-direction:column;padding:0;display:inline-flex}.BlueButton{--button-body:var(--accent);--button-top:var(--accent-hover);--button-bottom:var(--accent-press)}.RedButton{--button-body:var(--danger);--button-top:var(--danger-hover);--button-bottom:var(--danger-press)}.GoldButton{--button-body:var(--gold);--button-top:var(--gold-hover);--button-bottom:var(--gold-press);color:var(--bg)}.ButtonTopBorder{height:var(--sp-1);background:var(--button-top);display:block}.ButtonBody{padding:var(--sp-2) var(--sp-6);background:var(--button-body);text-align:center;display:block}.ButtonBottomBorder{height:var(--sp-1);background:var(--button-bottom);display:block}.NewButton:active:not(:disabled) .ButtonTopBorder{height:0}.ButtonTopBorder{transition:height var(--t-fast) var(--ease)}.NewButton:focus-visible{outline:var(--sp-1) solid var(--border-ring)}.DisabledNewButton{cursor:not-allowed;color:var(--text-muted);--button-body:var(--bg-inset);--button-top:var(--border-inset);--button-bottom:var(--bg-inset)}.SettingsMenu{inset:calc(var(--sp-8) * 2) calc(var(--sp-8) * 4);z-index:var(--z-menu);background:var(--bg-panel);color:var(--text);pointer-events:auto;display:flex;position:fixed}.MenuSideBar{width:calc(var(--sp-8) * 8);background:var(--bg-raised);flex-direction:column;display:flex}.MenuSideBarBody{scrollbar-width:none;flex:1;overflow-y:auto}.MenuSideBarSection{padding:var(--sp-2) var(--sp-4);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.MenuSideBarBodyTab{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-left:var(--sp-1) solid transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;display:flex}.MenuSideBarBodyTab:hover{color:var(--text)}.ActiveMenuSideBarBodyTab{border-left-color:var(--accent);background:var(--bg-raised);color:var(--text)}.MenuSideBarBodyTabIcon{width:var(--sp-4);height:var(--sp-4);background:currentColor;display:inline-block}.MenuSideBarFooter{padding:var(--sp-4);border-top:var(--sp-1) solid var(--border-inset)}.SettingsMenuRight{flex:1;min-width:0;display:flex}.MenuBody{padding:var(--sp-6);opacity:var(--menuPanelOpacity);flex:1;overflow-y:auto}.SettingBox{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.MiddleScreenPopupBackground{z-index:var(--z-overlay);background:var(--bg-overlay);pointer-events:none;position:fixed;inset:0}.MiddleScreenPopup{z-index:var(--z-popup);min-width:calc(var(--sp-8) * 12);max-width:calc(100vw - var(--sp-8) * 2);background:var(--bg-raised);border-radius:var(--r-lg);color:var(--text);pointer-events:auto;position:fixed;top:50%;left:50%;translate:-50% -50%}.ChallengeWidgetHeader{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.ChallengeWidgetBody{padding:var(--sp-2) var(--sp-6);color:var(--text-dim);font-size:var(--fs-sm);line-height:1.7}.ChallengeWidgetFooter{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);display:flex}.CheckboxContainer{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;display:flex}.SettingsCheckbox{accent-color:var(--accent)}.TextInput{padding:var(--sp-2) var(--sp-3);border:var(--sp-1) solid var(--border-inset);background:var(--bg-inset);color:var(--text);font-family:var(--font);font-size:var(--fs-sm);outline:none}.TextInput:focus{border-color:var(--accent)}.GameHeaderContainer{left:var(--notchLeft);top:var(--notchTop);z-index:var(--z-hud);position:fixed}.GameHeader{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex}.GameHeaderLogo{width:var(--sp-6);height:var(--sp-6);color:var(--accent);display:flex}.GameHeaderLogo>svg{width:100%;height:100%}.GameHeaderGameName{color:var(--text)}.GameHeaderLobbyName{color:var(--text-muted);font-weight:var(--fw-reg)}.GameHeaderSpacer{width:var(--sp-1);height:var(--sp-4);background:var(--border-inset)}.TopLeftElements{left:var(--notchLeft);top:calc(var(--notchTop) + var(--sp-8) * 2);z-index:var(--z-hud);position:fixed}.Chat{width:calc(var(--sp-8) * 12)}.ChatMessages{max-height:calc(var(--sp-8) * 7);background:var(--bg-panel);text-align:right;font-size:var(--fs-xs);flex-direction:column;justify-content:flex-end;line-height:1.5;display:flex;overflow-y:auto}.MessageWrapper{padding:0 var(--sp-3)}.TextFromServer,.IndividualText{color:var(--text-dim)}.ChatName{color:var(--text-bright);font-weight:var(--fw-bold)}.ChatInputWrapper{display:none}.ChatInputWrapper.OpenChat{display:block}.ChatInput{width:100%;padding:var(--sp-2) var(--sp-3);border:var(--sp-1) solid var(--accent);background:var(--bg-inset);color:var(--text);font-family:var(--font);font-size:var(--fs-xs);outline:none}.Crosshair{pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%}.CrosshairBar{background:var(--text);--dx:0;--dy:0;position:absolute}.CrosshairUp,.CrosshairDown{left:calc(var(--px-2) / -2);width:var(--px-2);height:var(--px-4)}.CrosshairLeft,.CrosshairRight{top:calc(var(--px-2) / -2);width:var(--px-4);height:var(--px-2)}.CrosshairUp{bottom:var(--px-2);--dy:-1}.CrosshairDown{top:var(--px-2);--dy:1}.CrosshairLeft{right:var(--px-2);--dx:-1}.CrosshairRight{left:var(--px-2);--dx:1}.ActiveCrosshair .CrosshairBar{animation:CrosshairExpand var(--t-fast) var(--ease)}@keyframes CrosshairExpand{0%{translate:calc(var(--dx) * var(--px-4)) calc(var(--dy) * var(--px-4))}to{translate:0}}.Hitmarker{width:var(--sp-8);height:var(--sp-8);opacity:0;pointer-events:none;position:fixed;top:50%;left:50%;translate:-50% -50%}.Hitmarker.ActiveHitmarker{animation:HitmarkerPop var(--t-fast) var(--ease)}.HitmarkerBar{width:var(--sp-1);height:var(--sp-2);background:var(--text);transform:rotate(var(--angle)) translateY(calc(var(--sp-3) * -1));position:absolute;top:50%;left:50%}@keyframes HitmarkerPop{0%{opacity:1;scale:.8}to{opacity:0;scale:1.3}}.MiddleScreenBar{width:calc(var(--sp-8) * 4);height:var(--sp-1);background:var(--bg-inset);opacity:0;position:fixed;top:56%;left:50%;translate:-50%}.MiddleScreenBar.ActiveMiddleScreenBar{opacity:1}.MiddleScreenBarFill{background:var(--text);transform-origin:0;height:100%;transition:transform var(--t-fast) var(--ease);transform:scaleX(0)}.FlyingMiddleTextWrapper,.DirectionalDamage{pointer-events:none;position:fixed;inset:0}.DirectionArrows{position:absolute;top:50%;left:50%}.FpsWrapperDiv{right:var(--notchRight);top:calc(var(--notchTop) + var(--sp-8) * 4);z-index:var(--z-hud);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);position:fixed}.FpsLabel{color:var(--text-dim);font-family:var(--font);font-size:var(--fs-xs);white-space:pre;margin:0;line-height:1.5;display:block}.FpsCanvas{width:calc(var(--sp-8) * 6);height:var(--sp-6);margin-top:var(--sp-2);display:block}.BottomCentre{left:0;right:0;bottom:var(--notchBottom);z-index:var(--z-hud);pointer-events:none;justify-content:center;display:flex;position:fixed}.BottomElements{align-items:flex-end;gap:var(--sp-4);padding-bottom:var(--sp-4);display:flex}.BottomLeftElements{gap:var(--sp-2);flex-direction:column;display:flex}.BottomMiddleElements{gap:var(--sp-2);flex-direction:column;align-items:stretch;display:flex}.BottomScreenStatBarList{gap:var(--sp-1);flex-direction:column;display:flex}.BottomScreenStatBarWrapper{height:var(--sp-6);position:relative;overflow:hidden}.BottomScreenStatBarBackground,.BottomScreenStatBar{position:absolute;inset:0}.BottomScreenStatBar{transform-origin:0;transition:transform var(--t-bar) var(--ease)}.HealthGhost{background:var(--danger-press);transition-delay:var(--t-bar)}.BottomScreenStatBarIcon{left:var(--sp-2);height:100%;width:var(--sp-4);align-items:center;display:flex;position:absolute;top:0}.BottomScreenStatBarIcon .PixelIcon{width:100%;height:auto}.BottomScreenStatBarText{text-align:center;line-height:var(--sp-6);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:block;position:relative}.ShieldBar~.BottomScreenStatBarText{color:var(--bg)}.PixelIcon{width:var(--sp-6);height:auto;display:block}.AuraBarWrapper{display:none}.HotBarContainer{align-items:center;gap:var(--sp-2);display:flex}.HotBar{display:flex}.HotBarGameItemsContainer{gap:var(--sp-1);display:flex;position:relative}.HotBarFiller{display:none}.InvenItem{width:calc(var(--sp-8) * 2);height:calc(var(--sp-8) * 2);background:var(--bg-inset);border:var(--sp-1) solid var(--border-inset);transition:transform var(--t-fast) var(--ease);position:relative}.HotBar .InvenItem{width:var(--slot);height:var(--slot);background:var(--bg-panel);border:var(--px-1) solid var(--border-inset)}.HotBarSelector{z-index:1;width:var(--slot);height:var(--slot);border:var(--px-2) solid var(--accent);scale:var(--scale-hover);translate:calc(var(--idx) * (var(--slot) + var(--sp-1))) 0;transition:translate var(--t-fast) var(--ease);pointer-events:none;position:absolute;top:0;left:0}.XpBarWrapper{height:var(--sp-4);position:relative}.XpBarBackground,.XpBar{left:0;top:calc(50% - var(--px-2));width:calc(100% - var(--sp-6) - var(--sp-2));height:var(--px-4);position:absolute}.XpBarBackground{background:var(--bg-panel)}.XpBar{background:var(--gold);transform-origin:0;transition:transform var(--t-bar) var(--ease)}.LevelBadge{min-width:var(--sp-6);background:var(--bg-panel);height:100%;color:var(--gold);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:var(--sp-4);text-align:center;position:absolute;top:0;right:0}.ItemWrapper{width:100%;height:100%;color:var(--text-dim);font-size:var(--fs-xs);text-align:center;justify-content:center;align-items:center;display:flex}.HotbarItemNumber{right:var(--sp-1);bottom:var(--px-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);position:absolute}.HotBarButton{display:none}.ControlsKey{color:var(--text);font-weight:var(--fw-bold)}.KillHitmarker .HitmarkerBar{background:var(--danger)}.DamageFlash{background:var(--danger);opacity:0;pointer-events:none;position:fixed;inset:0}.DamageFlash.ActiveDamageFlash{animation:DamageFlashFade var(--t-slow) var(--ease)}@keyframes DamageFlashFade{0%{opacity:.35}to{opacity:0}}.TopRightShortcuts{right:var(--notchRight);top:calc(var(--notchTop) + var(--sp-2));z-index:var(--z-hud);gap:var(--sp-2);padding-right:var(--sp-2);display:flex;position:fixed}.ShortcutButton{align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:var(--px-1) solid var(--border-inset);color:var(--text);cursor:pointer;pointer-events:auto;flex-direction:column;display:flex}.DisabledShortcutButton{color:var(--text-muted);cursor:default}.KeyboardButtonRepresentation{min-width:var(--sp-6);padding:0 var(--sp-1);background:var(--bg-inset);border:var(--px-1) solid var(--border-inset);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center}.FpsChip{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-reg)}.BlockItemWrapper{aspect-ratio:1;width:100%;margin-bottom:40%;position:relative}.BlockItem,.BlockItem2,.BlockItem3{image-rendering:pixelated;background-size:100% 100%;position:absolute}.BlockItem3Inner{width:100%;height:100%;image-rendering:pixelated;background-size:100% 100%}.BlockItem{filter:brightness();width:70.711%;height:70.711%;top:-10.355%;left:14.645%;transform:scaleY(.5)rotate(45deg)}.BlockItem2{transform-origin:0 0;filter:brightness(.8);width:50%;height:50%;top:25%;left:0;transform:skewY(26.565deg)}.BlockItem3{transform-origin:0 0;filter:brightness(.65);width:50%;height:50%;top:50%;left:50%;transform:skewY(-26.565deg)}.TwoDImageIcon{width:70%;height:70%;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%}.ItemAmount{right:var(--sp-1);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-bold);position:absolute;bottom:0}.EntireInventoryWrapper{z-index:var(--z-menu);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.InventoryWrapper{width:max-content;padding:var(--sp-4) var(--sp-4) var(--sp-4)}.Inventory{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.InvenHeader{align-self:stretch;align-items:center;gap:var(--sp-3);grid-template-columns:1fr auto 1fr;display:grid}.InvenTitle{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.InvenHover{min-width:calc(var(--sp-8) * 6);color:var(--text-dim);font-size:var(--fs-sm);text-align:center;white-space:pre}.InvenClose{padding:0 var(--sp-3);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-pill);background:var(--glass-slot);color:var(--text-muted);font-family:var(--font);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;justify-self:end}.InvenGear{align-items:center;gap:var(--sp-4);display:flex}.ArmourItemSlots,.InvenHotbar{gap:var(--sp-2);display:flex}.GridItemSlots{grid-template-columns:repeat(var(--cols), var(--slot));gap:var(--sp-2);display:grid}.InvenDivider{height:var(--px-1);background:var(--glass-border);align-self:stretch}.InventoryWrapper .InvenItem{width:var(--slot);height:var(--slot)}.InvenItemUnfilled{opacity:.7}.InvenItemHeld{border-color:var(--accent);box-shadow:var(--shadow-glow)}.CharactersPanel{grid-template-columns:calc(var(--sp-8) * 7) calc(var(--sp-8) * 15);gap:var(--sp-4);padding:var(--sp-4);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-lg);background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--sp-3));backdrop-filter:blur(var(--sp-3));display:grid;position:relative}.CharactersList{gap:var(--sp-2);flex-direction:column;display:flex}.CharactersHeader{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.CharactersCoins{color:var(--gold);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.CharacterCard{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-md);background:var(--glass-slot);color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);display:flex}.CharacterCardFocus{border-color:var(--accent);background:var(--bg-raised)}.CharacterCardLocked .CharacterName{color:var(--text-muted)}.CharacterName{font-size:var(--fs-md);font-weight:var(--fw-bold)}.CharacterState{color:var(--text-muted);font-size:var(--fs-xs)}.CharacterStage{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.CharacterCanvas{width:100%;height:calc(var(--sp-8) * 11);border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 85%, var(--bg-raised), var(--bg-inset))}.CharacterInfo{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;display:flex}.CharacterTitle{font-size:var(--fs-xl);font-weight:var(--fw-black)}.CharacterBlurb{color:var(--text-dim);font-size:var(--fs-md)}.CharacterMeta{color:var(--text-muted);font-size:var(--fs-xs)}.CharacterAction{padding:var(--sp-2) var(--sp-6);border-radius:var(--r-pill);background:var(--accent);color:var(--text);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-bold);cursor:pointer;border:0}.CharacterAction:hover:not(:disabled){background:var(--accent-hover)}.CharacterAction:disabled{background:var(--bg-raised);color:var(--text-muted);cursor:default}.CharacterLocked{color:var(--gold);font-size:var(--fs-md);font-weight:var(--fw-bold)}.CharactersClose{top:var(--sp-2);right:var(--sp-2);position:absolute}.GameHeader,.FpsWrapperDiv,.ChatMessages,.ShortcutButton,.BottomScreenStatBarWrapper,.HotBar,.LevelBadge,.InventoryWrapper,.MiddleScreenPopup{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--px-1) solid var(--glass-border);box-shadow:var(--shadow-soft)}.MiddleScreenPopup,.InventoryWrapper{background:var(--glass-strong);border-radius:var(--r-xl)}.MiddleScreenPopupBackground,.EntireInventoryWrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080b1873}.GameHeader{gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill)}.GameHeaderContainer{margin:var(--sp-2) 0 0 var(--sp-2)}.GameHeaderSpacer{width:var(--px-1);background:var(--glass-border)}.FpsChip{padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--glass-slot)}.TopLeftElements{margin-left:var(--sp-2);top:calc(var(--notchTop) + var(--sp-8) * 2.4)}.ChatMessages{padding:var(--sp-2) 0;border-radius:var(--r-lg)}.ChatInput{margin-top:var(--sp-2);border:var(--px-1) solid var(--accent);border-radius:var(--r-pill);background:var(--glass-strong);box-shadow:var(--shadow-glow);transition:box-shadow var(--t-med) var(--ease-out)}.FpsWrapperDiv{border-radius:var(--r-lg);margin-right:var(--sp-2)}.BottomElements{gap:var(--sp-3);padding-bottom:var(--sp-4)}.BottomMiddleElements{gap:var(--sp-3)}.BottomScreenStatBarList{gap:var(--sp-2)}.BottomScreenStatBarWrapper{height:var(--sp-6);border-radius:var(--r-pill);box-shadow:none}.BottomScreenStatBarBackground{background:0 0}.BottomScreenStatBar{border-radius:var(--r-pill);transition:transform var(--t-bar) var(--ease-out)}.HealthBar{background:var(--grad-danger)}.HealthGhost{background:var(--grad-danger-ghost)}.ShieldBar{background:var(--grad-shield)}.BottomScreenStatBarText{text-shadow:0 var(--px-1) var(--px-2) #0000008c}.ShieldBar~.BottomScreenStatBarText{color:var(--bg);text-shadow:none}.HotBar{padding:var(--sp-2);border-radius:var(--r-xl)}.HotBarGameItemsContainer{gap:var(--sp-2)}.InvenItem{padding:var(--sp-2);background:var(--glass-slot);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-md);transition:transform var(--t-spring) var(--spring), background var(--t-med) var(--ease-out);justify-content:center;align-items:center;display:flex}.InvenItem:hover{background:var(--glass-slot-hover);transform:translateY(calc(var(--px-2) * -1)) scale(var(--scale-hover-slot))}.HotBar .InvenItem{background:var(--glass-slot);border:var(--px-1) solid var(--glass-border)}.HotBarSelector{--pitch:calc(var(--slot) + var(--sp-2));border:var(--px-2) solid var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-glow);scale:1.08;translate:calc(var(--idx) * var(--pitch)) 0;transition:translate var(--t-spring) var(--spring);background:#4f94f11f}.HotbarItemNumber{right:var(--sp-1);bottom:var(--px-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.ItemAmount{right:var(--sp-1);bottom:var(--sp-1);text-shadow:0 var(--px-1) var(--px-2) #000000b3}.BlockItemWrapper{filter:drop-shadow(0 var(--px-2) var(--px-2) #00000059);margin:0;translate:0 12.5%}.ItemWrapper{filter:drop-shadow(0 var(--px-2) var(--px-2) #00000059)}.TwoDImageIcon{width:100%;height:100%}.XpBarWrapper{height:var(--sp-4)}.XpBarBackground,.XpBar{height:var(--sp-1);top:calc(50% - var(--sp-1) / 2);border-radius:var(--r-pill)}.XpBarBackground{background:var(--glass);border:var(--px-1) solid var(--glass-border)}.XpBar{background:var(--grad-gold);transition:transform var(--t-bar) var(--ease-out);box-shadow:0 0 1rem #f0b42999}.LevelBadge{border-radius:var(--r-pill);box-shadow:none}.TopRightShortcuts{top:calc(var(--notchTop) + var(--sp-2));gap:var(--sp-2)}.ShortcutButton{border-radius:var(--r-lg);transition:transform var(--t-spring) var(--spring), background var(--t-med) var(--ease-out)}.ShortcutButton:not(:disabled):hover{background:var(--glass-slot-hover);transform:translateY(calc(var(--px-2) * -1)) scale(var(--scale-hover))}.ShortcutButton:not(:disabled):active{transform:scale(.95)}.KeyboardButtonRepresentation{border-radius:var(--r-sm);background:var(--glass-slot);border:var(--px-1) solid var(--glass-border)}.NewButton{--button-glow:#4f94f173;border-radius:var(--r-pill);box-shadow:0 var(--sp-1) var(--sp-3) var(--button-glow);transition:transform var(--t-spring) var(--spring), box-shadow var(--t-med) var(--ease-out);overflow:hidden}.RedButton{--button-glow:#e0555573}.GoldButton{--button-glow:#f0b42973}.ButtonTopBorder,.ButtonBottomBorder{display:none}.ButtonBody{padding:var(--sp-2) var(--sp-6);background:var(--grad-accent)}.RedButton .ButtonBody{background:var(--grad-danger)}.GoldButton .ButtonBody{background:var(--grad-gold)}.DisabledNewButton{box-shadow:none}.DisabledNewButton .ButtonBody{background:var(--glass-slot)}.NewButton:hover:not(:disabled){transform:translateY(calc(var(--px-2) * -1))}.NewButton:active:not(:disabled){transform:scale(.96)}.AnimFadeInScaleUp{animation:ModernPop var(--t-spring) var(--spring)}@keyframes ModernPop{0%{opacity:0;transform:scale(.92) translateY(var(--sp-2))}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.HotBarSelector,.InvenItem,.ShortcutButton,.NewButton,.AnimFadeInScaleUp{transition:none;animation:none}}.QuestCard{top:11rem;left:var(--sp-4);width:var(--quest-w);padding:var(--sp-3) var(--sp-4);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);color:var(--text);font-family:var(--font);z-index:var(--z-hud);pointer-events:none;position:fixed}.QuestHeading{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.QuestTitle{margin-top:var(--sp-1);font-size:var(--fs-md);font-weight:var(--fw-bold)}.QuestBar{margin-top:var(--sp-2);height:var(--px-4);border-radius:var(--r-pill);background:var(--glass-slot);overflow:hidden}.QuestBarFill{transform-origin:0;background:var(--grad-gold);height:100%;transition:transform var(--t-slow) var(--ease-out)}.QuestCount{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--text-muted);text-align:right}.UnderwaterOverlay{background:var(--water-tint);z-index:5;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 12rem #052850b3}.SettingsSection{margin:var(--sp-3) 0 var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.SettingsRow,.BindRow{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0;font-size:var(--fs-sm);display:flex}.SettingsSegment{background:var(--glass-slot);border-radius:var(--r-pill);padding:var(--px-2);display:flex}.SettingsSegment button{color:var(--text-dim);font:inherit;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);cursor:pointer;transition:background var(--t-med) var(--ease-out);background:0 0;border:0}.SettingsSegment .SegOn{background:var(--grad-accent);color:var(--text)}.BindList{max-height:24rem;padding-right:var(--sp-2);overflow-y:auto}.BindKey{min-width:8rem;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-md);border:var(--px-1) solid var(--glass-border);background:var(--glass-slot);color:var(--text);font:inherit;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.BindKey:hover{background:var(--glass-slot-hover)}.BindWaiting{border-color:var(--accent);box-shadow:var(--shadow-glow)}.BindReset{margin-top:var(--sp-2);color:var(--accent-hover);font:inherit;cursor:pointer;background:0 0;border:0}.Minimap{top:6.4rem;right:var(--sp-4);border-radius:var(--r-xl);border:var(--px-2) solid var(--glass-border);width:16rem;height:16rem;box-shadow:var(--shadow-soft);background:var(--glass-strong);z-index:var(--z-hud);pointer-events:none;position:fixed;overflow:hidden}.Minimap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.MinimapN{top:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-black);color:var(--text);text-shadow:0 0 .4rem #000c;position:absolute;left:50%;transform:translate(-50%)}.PvpChip{bottom:var(--sp-4);left:var(--sp-4);align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);color:var(--text);font-family:var(--font);z-index:var(--z-hud);pointer-events:none;display:flex;position:fixed}.PvpLabel{font-size:var(--fs-sm);color:var(--danger);font-weight:700}.PvpTime{font-size:var(--fs-md);font-variant-numeric:tabular-nums}.BubbleRow{justify-content:flex-end;gap:var(--sp-1);min-height:var(--bubble-size);display:flex}.Bubble{width:var(--bubble-size);height:var(--bubble-size);border-radius:var(--r-pill);background:var(--bubble-fill);border:var(--px-1) solid var(--glass-border);box-shadow:var(--shadow-soft);transition:transform var(--t-fast) var(--ease-out), opacity var(--t-fast) var(--ease-out)}.BubblePopped{opacity:.18;transform:scale(.4)}.TitleScreen{padding:var(--sp-4);z-index:var(--z-menu);background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--sp-2));backdrop-filter:blur(var(--sp-2));color:var(--text);font-family:var(--font);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.TitlePanel{gap:var(--sp-4);width:min(100%, calc(var(--sp-8) * 24));padding:calc(var(--sp-8) * 1.5);background:var(--bg-panel);border-radius:var(--r-lg);flex-direction:column;display:flex}.TitleBrand{justify-content:center;align-items:center;gap:var(--sp-3);display:flex}.TitleCube{width:calc(var(--sp-8) * 2);height:calc(var(--sp-8) * 2);color:var(--gold);flex:none}.TitleCube svg{width:100%;height:100%;display:block}.TitleName{font-size:var(--fs-2xl);font-weight:var(--fw-black);white-space:nowrap;color:var(--text-bright);margin:0}.TitleTagline{text-align:center;font-size:var(--fs-md);color:var(--text-dim);margin:0}.TitleLabel{margin-top:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted)}.TitleInput{padding:var(--sp-3) var(--sp-4);border:var(--sp-1) solid var(--border-inset);border-radius:var(--r-md);background:var(--bg-inset);color:var(--text);font-family:var(--font);font-size:var(--fs-xl);font-weight:var(--fw-bold);outline:none}.TitleInput:focus{border-color:var(--accent)}.TitleActions{justify-content:center;gap:var(--sp-4);margin-top:var(--sp-2);display:flex}.TitleHint{text-align:center;font-size:var(--fs-sm);color:var(--text-muted);margin:0}.TitleActions .NewButton{font-size:var(--fs-lg)}.TitleActions .ButtonBody{padding:var(--sp-3) var(--sp-8)}.SupportLink{color:var(--text-muted);font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-bold);align-self:center;text-decoration:underline}.SupportLink:hover{color:var(--gold)}.ChallengeWidgetFooter .SupportLink{margin-right:auto}
