: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;--side-w:28rem;--live:#4ade80;--art-shade:linear-gradient(to top, #0a0e1ce0 0%, #0a0e1c00 62%);--art-veil:linear-gradient(90deg, #141828eb 0%, #1418288c 55%, #14182826 100%);--ring-picked:#f0b429;--ring-soon:#ffffff24;--z-loading:18;--primary-1:#303a59;--keycap-border:gray;--keycap-shadow:#838383;--keycap-drop:.2em;--block-grass-top:#8fe35f;--block-grass:#57b947;--block-dirt:#7a5432;--block-shade:#00000040}.ModeArt--survival{--art-sky-top:#1d2a5b;--art-sky-bottom:#f08a5d;--art-far:#3b3f7a;--art-hill:#2f7d3a;--art-grass:#57b947;--art-dirt:#6b4a2b;--art-sun:#ffd36b;--art-glow:#ffd36b8c}.ModeArt--peaceful{--art-sky-top:#5fb4ff;--art-sky-bottom:#d6f0ff;--art-far:#8fd3a4;--art-hill:#5fbf6a;--art-grass:#7ed957;--art-dirt:#8a6a45;--art-sun:#fff3b0;--art-glow:#fff3b099}.ModeArt--creative{--art-sky-top:#3a1f7a;--art-sky-bottom:#e0569f;--art-far:#6a3fb5;--art-hill:#8b5fe0;--art-grass:#b98cff;--art-dirt:#4b2f8c;--art-sun:#ffe27a;--art-glow:#ffe27a80}.ModeArt--superflat{--art-sky-top:#16314f;--art-sky-bottom:#9fd8dc;--art-far:#2f5d7c;--art-hill:#5a9b3c;--art-grass:#7cb342;--art-dirt:#7a5230;--art-sun:#fff;--art-glow:#ffffff80}@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);max-height:calc(100vh - var(--sp-8) * 2);max-height:calc(100dvh - var(--sp-8) * 2);background:var(--bg-raised);border-radius:var(--r-lg);color:var(--text);pointer-events:auto;flex-direction:column;display:flex;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{overscroll-behavior:contain;min-height:0;padding:var(--sp-2) var(--sp-6);color:var(--text-dim);font-size:var(--fs-sm);line-height:1.7;overflow-y:auto}.ChallengeWidgetFooter{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);flex-wrap:wrap;flex-shrink:0;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)}.CoordsChip{top:max(var(--sp-3), var(--notchTop));left:max(var(--sp-3), var(--notchLeft));z-index:var(--z-hud);gap:var(--px-2);padding:var(--sp-2) var(--sp-3);background:var(--glass);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;display:flex;position:fixed}.CoordsChip b{color:var(--text-muted);font-weight:var(--fw-bold);margin-right:var(--sp-1)}.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)}.SensitivityRow .SettingsRange{min-width:0;accent-color:var(--accent);cursor:pointer;flex:1}.SettingsValue{min-width:4ch;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.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}.ModeArt{background:linear-gradient(var(--art-sky-top), var(--art-sky-bottom));display:block;position:absolute;inset:0;overflow:hidden}.ModeArt>i{display:block;position:absolute}.ModeArt__sun{aspect-ratio:1;background:var(--art-sun);width:14%;box-shadow:0 0 calc(var(--sp-8) * 2) var(--art-glow);transition:transform var(--t-slow) var(--ease-out);top:12%;right:14%}.ModeArt__far{background:var(--art-far);clip-path:polygon(0 52%,10% 52%,10% 36%,26% 36%,26% 46%,40% 46%,40% 24%,58% 24%,58% 40%,74% 40%,74% 30%,100% 30%,100% 100%,0 100%);height:70%;inset:auto 0 0}.ModeArt__hills{background:var(--art-hill);clip-path:polygon(0 44%,16% 44%,16% 26%,34% 26%,34% 38%,52% 38%,52% 16%,68% 16%,68% 34%,86% 34%,86% 22%,100% 22%,100% 100%,0 100%);height:54%;inset:auto 0 0}.ModeArt__ground{background:linear-gradient(var(--art-grass) 0 24%, var(--art-dirt) 24% 100%);clip-path:polygon(0 20%,24% 20%,24% 0,42% 0,42% 14%,72% 14%,72% 6%,100% 6%,100% 100%,0 100%);height:30%;inset:auto 0 0}.Home{z-index:var(--z-menu);grid-template-columns:var(--side-w) 1fr;background:var(--bg);color:var(--text);font-family:var(--font);pointer-events:auto;display:grid;position:fixed;inset:0}.Home__side{gap:var(--sp-4);padding:var(--sp-6);background:var(--bg-inset);border-right:var(--px-2) solid var(--glass-border);flex-direction:column;display:flex;overflow-y:auto}.Home__brand{align-items:center;gap:var(--sp-3);display:flex}.Home__cube{width:calc(var(--sp-8) * 1.5);height:calc(var(--sp-8) * 1.5);color:var(--gold);flex:none}.Home__cube svg{width:100%;height:100%;display:block}.Home__brandName{font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--text-bright)}.Home__live{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-dim);margin:0;display:flex}.Home__dot{width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:var(--live);box-shadow:0 0 var(--sp-2) var(--live)}.Home__me{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);background:var(--bg-raised);display:flex}.Home__avatar{width:calc(var(--sp-8) * 1.75);height:calc(var(--sp-8) * 1.75);border-radius:var(--r-md);background:var(--grad-accent);font-size:var(--fs-xl);font-weight:var(--fw-black);flex:none;place-items:center;display:grid}.Home__meField{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.Home__meLabel{font-size:var(--fs-xs);color:var(--text-muted)}.Home__meInput{min-width:0;padding:var(--sp-1) 0;border:0;border-bottom:var(--px-2) solid var(--border-inset);color:var(--text);font-family:var(--font);font-size:var(--fs-lg);font-weight:var(--fw-bold);background:0 0;outline:none}.Home__meInput:focus{border-bottom-color:var(--accent)}.Home__note{font-size:var(--fs-sm);color:var(--text-muted);margin:0;line-height:1.5}.Home__sideFoot{justify-content:center;margin-top:auto;display:flex}.Home__main{min-width:0;padding:max(var(--notchTop), var(--sp-8)) max(var(--notchRight), var(--sp-8)) var(--sp-8) max(var(--notchLeft), var(--sp-8));overflow-y:auto}.Home__title{margin:0 0 var(--sp-4);font-size:var(--fs-2xl);font-weight:var(--fw-black)}.Home__section{margin:calc(var(--sp-8) * 1.5) 0 var(--sp-3);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.Home__empty{font-size:var(--fs-md);color:var(--text-muted);margin:0}.Hero{width:100%;max-width:calc(var(--sp-8) * 50);aspect-ratio:16/7;background:var(--bg-raised);border:var(--px-2) solid var(--glass-border);border-radius:var(--r-xl);cursor:pointer;color:var(--text);font-family:var(--font);text-align:left;box-shadow:var(--shadow-soft);transition:transform var(--t-med) var(--ease-out), border-color var(--t-med) var(--ease);padding:0;display:block;position:relative;overflow:hidden}@media (hover:hover){.Hero:hover{transform:translateY(calc(var(--sp-1) * -1));border-color:var(--ring-picked)}.Hero:hover .ModeArt__sun,.ModeTile:hover:not(:disabled) .ModeArt__sun{transform:translateY(var(--sp-2))}}.Hero:active,.LobbyCard:active{transform:translateY(var(--px-2))}.Hero:focus-visible,.LobbyCard:focus-visible,.LobbyRow:focus-visible,.ModeTile:focus-visible,.GamePage__back:focus-visible,.GamePage__solo:focus-visible{outline:var(--sp-1) solid var(--border-ring);outline-offset:var(--px-2)}.Hero__shade{background:var(--art-shade);position:absolute;inset:0}.Hero__text{left:var(--sp-6);bottom:var(--sp-6);gap:var(--sp-2);flex-direction:column;max-width:62%;display:flex;position:absolute}.Hero__name{font-size:calc(var(--fs-2xl) * 1.25);font-weight:var(--fw-black);text-shadow:0 var(--px-2) var(--sp-2) #00000080}.Hero__line{font-size:var(--fs-md);color:var(--text-dim)}.Hero__cta{right:var(--sp-6);bottom:var(--sp-6);position:absolute}.Hero__cta .NewButton{font-size:var(--fs-lg);pointer-events:none}.Hero__cta .ButtonBody{padding:var(--sp-3) var(--sp-8)}.LobbyCards{grid-template-columns:repeat(auto-fill, minmax(calc(var(--sp-8) * 9), 1fr));gap:var(--sp-3);max-width:calc(var(--sp-8) * 50);margin:0;padding:0;list-style:none;display:grid}.LobbyCard{gap:var(--sp-2) var(--sp-3);width:100%;padding:var(--sp-4);border:var(--px-2) solid var(--glass-border);border-radius:var(--r-lg);background:var(--bg-raised);cursor:pointer;color:var(--text);font-family:var(--font);text-align:left;transition:transform var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease);grid-template-columns:1fr auto;display:grid}@media (hover:hover){.LobbyCard:hover{transform:translateY(calc(var(--px-2) * -1));border-color:var(--ring-picked)}}.LobbyCard__code{font-size:var(--fs-md);font-weight:var(--fw-bold)}.LobbyCard__count{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--live)}.LobbyCard__bar,.LobbyRow__bar{height:var(--sp-1);border-radius:var(--r-pill);background:var(--bg-inset);display:block;overflow:hidden}.LobbyCard__bar{grid-column:1/-1}.LobbyCard__fill,.LobbyRow__fill{background:var(--live);height:100%;transition:width var(--t-slow) var(--ease-out);display:block}@media (max-width:900px){.Home{grid-template-rows:auto 1fr;grid-template-columns:1fr}.Home__side{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-right:0;border-bottom:var(--px-2) solid var(--glass-border);flex-flow:wrap;overflow:visible}.Home__note{display:none}.Home__me{flex:14rem}.Home__sideFoot{margin-top:0}.Home__main{padding:var(--sp-4)}.Hero{aspect-ratio:4/3}.Hero__text{max-width:calc(100% - var(--sp-8) * 2);bottom:calc(var(--sp-8) * 3)}.Hero__cta{left:var(--sp-6);right:var(--sp-6)}.Hero__cta .NewButton{width:100%}}@media (prefers-reduced-motion:reduce){.Hero,.LobbyCard,.ModeArt__sun,.LobbyCard__fill,.LobbyRow__fill{transition:none}}.InviteRow{align-items:stretch;gap:var(--sp-2);display:flex}.InviteInput{min-width:0;padding:var(--sp-2) var(--sp-3);border:var(--sp-1) solid var(--border-inset);border-radius:var(--r-md);background:var(--bg-inset);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-sm);flex:1}.GamePage{min-height:calc(100% + var(--sp-8) * 2);margin:calc(var(--sp-8) * -1);position:relative;overflow:hidden}.GamePage>.ModeArt{filter:blur(var(--sp-1)) saturate(1.1);transform:scale(1.06)}.GamePage__veil{background:var(--art-veil);position:absolute;inset:0}.GamePage__body{padding:var(--sp-8);position:relative}.GamePage__back{padding:var(--sp-1) var(--sp-2);cursor:pointer;color:var(--text-dim);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-bold);background:0 0;border:0}.GamePage__back:hover{color:var(--gold)}.GamePage__grid{gap:calc(var(--sp-8) * 1.5);margin-top:var(--sp-6);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.GamePage__intro{align-items:flex-start;gap:var(--sp-4);flex-direction:column;display:flex}.GamePage__tags{gap:var(--sp-2);margin:0;display:flex}.Pill{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--glass-strong);border:var(--px-1) solid var(--glass-border);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.Pill--live{color:var(--live)}.GamePage__title{font-size:calc(var(--fs-2xl) * 1.5);font-weight:var(--fw-black);text-shadow:0 var(--px-2) var(--sp-3) #00000080;margin:0;line-height:1.05}.GamePage__blurb{max-width:52ch;font-size:var(--fs-md);color:var(--text-dim);margin:0;line-height:1.5}.ModePicker{gap:var(--sp-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ModeTile{width:calc(var(--sp-8) * 5.5);aspect-ratio:1;border:var(--sp-1) solid var(--ring-soon);border-radius:var(--r-lg);cursor:pointer;color:var(--text);font-family:var(--font);transition:transform var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease);padding:0;display:block;position:relative;overflow:hidden}@media (hover:hover){.ModeTile:hover:not(:disabled){transform:translateY(calc(var(--px-2) * -1))}.LobbyRow:hover:not(:disabled){background:var(--glass-slot-hover);border-color:var(--ring-picked)}}.ModeTile:active:not(:disabled),.LobbyRow:active:not(:disabled){transform:translateY(var(--px-2))}.ModeTile.is-picked{border-color:var(--ring-picked)}.ModeTile:disabled{cursor:not-allowed}.ModeTile:disabled .ModeArt{filter:grayscale(.85)brightness(.6)}.ModeTile__name{inset:auto var(--sp-2) var(--sp-2);font-size:var(--fs-md);font-weight:var(--fw-black);text-shadow:0 var(--px-2) var(--sp-2) #000000b3;position:absolute}.ModeTile__soon{top:var(--sp-2);left:var(--sp-2);padding:var(--px-2) var(--sp-2);border-radius:var(--r-pill);background:var(--glass-strong);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-dim);position:absolute}.GamePage__actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.GamePage__actions .NewButton{font-size:var(--fs-lg)}.GamePage__actions .ButtonBody{padding:var(--sp-3) var(--sp-8)}.CodeJoin{align-items:stretch;gap:var(--sp-2);display:flex}.CodeJoin__input{width:calc(var(--sp-8) * 9);padding:var(--sp-2) var(--sp-3);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-md);font-weight:var(--fw-bold);outline:none}.CodeJoin__input:focus{border-color:var(--accent)}.GamePage__error{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--danger-hover);margin:0}.GamePage__hint{max-width:52ch;font-size:var(--fs-sm);color:var(--text-muted);margin:0;line-height:1.5}.GamePage__solo{cursor:pointer;color:var(--text-muted);font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:0 0;border:0;padding:0;text-decoration:underline}.GamePage__solo:hover{color:var(--gold)}.GamePage__lobbies{padding:var(--sp-4);border:var(--px-1) solid var(--glass-border);border-radius:var(--r-xl);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.GamePage__lobbiesTitle{margin:0 0 var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.LobbyList{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.LobbyRow{grid-template-columns:calc(var(--sp-8) * 6) 1fr auto;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border:var(--px-2) solid transparent;border-radius:var(--r-md);background:var(--glass-slot);cursor:pointer;color:var(--text);font-family:var(--font);text-align:left;transition:background var(--t-fast) var(--ease);display:grid}.LobbyRow:disabled{cursor:not-allowed;color:var(--text-muted)}.LobbyRow__code{font-size:var(--fs-md);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.LobbyRow__count{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-dim)}@media (max-width:900px){.GamePage{min-height:calc(100% + var(--sp-4) * 2);margin:calc(var(--sp-4) * -1)}.GamePage__body{padding:var(--sp-4)}.GamePage__grid{gap:var(--sp-6);grid-template-columns:1fr}.GamePage__title{font-size:calc(var(--fs-2xl) * 1.1)}.ModeTile{width:calc(var(--sp-8) * 4.2)}.GamePage__actions .NewButton{flex:100%}.GamePage__actions .ButtonBody{padding-inline:var(--sp-4)}}@media (prefers-reduced-motion:reduce){.ModeTile,.LobbyRow{transition:none}}.LoadingOverlay{z-index:var(--z-loading);padding:max(var(--sp-4), var(--notchTop)) max(var(--sp-4), var(--notchRight)) var(--sp-4) max(var(--sp-4), var(--notchLeft));background:var(--bg-overlay);color:var(--text);-webkit-user-select:none;user-select:none;pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.LoadingOverlay.is-connecting,.LoadingOverlay.is-failed{background:var(--bg)}.LoadingOverlay.is-ready{cursor:pointer}.LoadingCard{align-items:center;gap:var(--sp-6);width:min(60rem,100%);padding:var(--sp-8) calc(var(--sp-8) * 1.5);background:var(--glass-strong);-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);flex-direction:column;display:flex}.LoadingHead{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.LoadingPlace{font-size:calc(var(--fs-2xl) * 1.25);font-weight:var(--fw-black);margin:0;line-height:1.1}.LoadingHere{color:var(--text-dim);font-size:var(--fs-md);margin:0}.BlockBar{gap:var(--sp-1);grid-template-columns:repeat(16,1fr);width:100%;display:grid}.BlockBar__block{aspect-ratio:1;border-radius:var(--r-sm);background:var(--glass-slot);box-shadow:inset 0 0 0 var(--px-1) var(--glass-border);transition:background var(--t-slow) var(--ease-out), transform var(--t-spring) var(--spring)}.BlockBar__block.is-filled{background:linear-gradient(to bottom, var(--block-grass-top) 0%, var(--block-grass) 30%, var(--block-grass) 34%, var(--block-dirt) 36%, var(--block-dirt) 100%);box-shadow:inset 0 calc(var(--px-2) * -1) 0 var(--block-shade);transform:translateY(calc(var(--px-2) * -1))}.LoadingStatus{min-height:1.4em;font-size:var(--fs-lg);font-weight:var(--fw-bold);text-align:center;font-variant-numeric:tabular-nums;margin:0}.LoadingOverlay.is-ready .LoadingStatus{color:var(--gold);font-size:var(--fs-xl);animation:loading-breathe 1.6s var(--ease) infinite}.LoadingOverlay.is-failed .LoadingStatus{max-width:40rem;color:var(--danger-hover);font-size:var(--fs-md)}.LoadingActions{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.Tutorial{width:100%}.TutorialTitle{margin:0 0 var(--sp-4);color:var(--text-muted);font-size:var(--fs-md);font-weight:var(--fw-reg);text-align:center}.TutorialList{gap:var(--sp-4) var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.TutorialRow{align-items:center;gap:var(--sp-3);grid-template-columns:auto 1fr auto;display:grid}.TutorialKeys{justify-content:flex-end;min-width:7.5em;display:flex}.TutorialMove{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.TutorialMove__row{gap:var(--sp-1);display:flex}.TutorialLabel{color:var(--text-dim);font-size:var(--fs-md)}.TutorialRow.is-tried .TutorialLabel{color:var(--text)}.TutorialTick{border-radius:var(--r-pill);width:1.6em;height:1.6em;box-shadow:inset 0 0 0 var(--px-2) var(--glass-border);font-size:var(--fs-md);transition:background var(--t-med) var(--ease-out), transform var(--t-spring) var(--spring)}.TutorialRow.is-tried .TutorialTick{background:var(--live);box-shadow:none;transform:scale(var(--scale-hover))}.TutorialRow.is-tried .TutorialTick:after{content:"";border:solid var(--bg-inset);border-width:0 .18em .18em 0;width:.35em;height:.7em;margin:.3em auto 0;display:block;transform:rotate(45deg)}.TutorialKey{background:var(--primary-1);border:.1em solid var(--keycap-border);min-width:2.2em;height:2.2em;box-shadow:0 var(--keycap-drop) 0 var(--keycap-shadow);color:var(--text);font-family:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);transition:transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border-radius:.5em;place-items:center;padding:0 .5em;display:inline-grid}.TutorialKey--wide{min-width:6.5em}.TutorialKey.Pressed{transform:translateY(var(--keycap-drop));box-shadow:0 0 0 var(--keycap-shadow)}.LoadingTip{max-width:44rem;min-height:2.6em;color:var(--text-muted);font-size:var(--fs-md);text-align:center;animation:loading-tip var(--t-slow) var(--ease-out);margin:0;line-height:1.4}@keyframes loading-breathe{50%{opacity:.6}}@keyframes loading-tip{0%{opacity:0}}@media (max-width:640px){.LoadingCard{gap:var(--sp-4);padding:var(--sp-6) var(--sp-4)}.LoadingPlace{font-size:var(--fs-2xl)}.TutorialList{grid-template-columns:minmax(0,1fr)}.TutorialKey,.TutorialLabel{font-size:var(--fs-sm)}}@media (max-height:480px),(hover:none) and (pointer:coarse){.Tutorial,.LoadingTip{display:none}}@media (prefers-reduced-motion:reduce){.LoadingOverlay.is-ready .LoadingStatus,.LoadingTip{animation:none}.BlockBar__block,.TutorialTick,.TutorialKey{transition:none}}