:root{color:#162033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--glass: rgba(248, 251, 255, .84);--glass-border: rgba(255, 255, 255, .72);--ink: #172238;--muted: #63708a;--accent: #586bf2;--safe-top: max(14px, env(safe-area-inset-top));--safe-right: max(14px, env(safe-area-inset-right));--safe-bottom: max(14px, env(safe-area-inset-bottom));--safe-left: max(14px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#cbd5e7;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body,button{font:inherit}button{color:inherit}#app,#ui{position:fixed;inset:0;width:100%;height:100%}#app{z-index:0}#ui{z-index:2;pointer-events:none}#app canvas{display:block;width:100%;height:100%;outline:0;touch-action:none;cursor:default}.pointer-locked #app canvas{cursor:none}noscript{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:32px;background:#e9eef7;color:#172238;text-align:center}.loading-screen{position:fixed;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:18px;padding:24px;background:#0e1117;transition:opacity .28s ease,visibility .28s ease}.loading-done{opacity:0;visibility:hidden}.loading-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px;color:#f2f5fa}.loading-brand strong{font-size:clamp(26px,4vw,38px);font-weight:760;letter-spacing:-.045em}.loading-logo,.brand-logo{display:inline-block;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.loading-logo{width:96px;height:96px;animation:cube-breathe 1.8s ease-in-out infinite}.brand-logo{width:40px;height:40px}.loading-brand.game-logo{position:static;align-items:center;padding:0;gap:4px}.loading-brand.game-logo .gl-lead{font-size:clamp(13px,1.8vw,18px)}.loading-brand.game-logo .gl-main{font-size:clamp(34px,6vw,62px)}.loading-progress{position:relative;z-index:1;width:min(280px,65vw);height:4px;overflow:hidden;border-radius:999px;background:#ffffff1f}.loading-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:#586bf2;animation:load-sweep 1.25s ease-in-out infinite}.loading-screen p{position:relative;z-index:1;min-height:20px;margin:-5px 0 0;color:#8b93a5;font-size:13px;font-weight:580;letter-spacing:.01em}.loading-error .loading-progress i{width:100%;animation:none;background:#d65c68}.loading-error p{color:#e08088}.loading-retry{position:relative;z-index:1;min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#1a2130;color:#cdd6e6;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.loading-retry:hover{background:#232c3f}.loading-retry:focus-visible{outline:3px solid rgba(86,106,242,.28);outline-offset:3px}@keyframes load-sweep{0%{transform:translate(-110%)}55%,to{transform:translate(250%)}}@keyframes cube-breathe{0%,to{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-4px)}}.hidden{display:none!important}.game-ui{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;--panel: rgba(15, 18, 24, .96);--panel-soft: rgba(24, 29, 38, .92);--panel-border: rgba(255, 255, 255, .1);--ui-text: #f4f7ff;--ui-muted: #9aa4b8;--ui-accent: #586bf2;--ui-green: #4ed187}.game-ui button,.game-ui input,.game-ui select,.game-ui form,.game-ui [role=application]{pointer-events:auto}.game-ui [hidden]{display:none!important}.game-ui button{border:1px solid var(--panel-border);border-radius:10px;background:#1c222d;color:var(--ui-text);cursor:pointer;font-weight:760}.game-ui button:hover{background:#242b38}.game-ui[data-phase=boot] .feature-dock,.game-ui[data-phase=boot] .hotbar,.game-ui[data-phase=boot] .backpack-popover,.game-ui[data-phase=boot] .game-chat,.game-ui[data-phase=boot] .touch-controls,.game-ui[data-phase=menu] .feature-dock,.game-ui[data-phase=menu] .hotbar,.game-ui[data-phase=menu] .backpack-popover,.game-ui[data-phase=menu] .game-chat,.game-ui[data-phase=menu] .touch-controls,.game-ui[data-phase=paused] .feature-dock,.game-ui[data-phase=paused] .touch-controls{display:none}.game-ui button:focus-visible,.game-ui input:focus-visible,.game-ui select:focus-visible{outline:2px solid #93a0ff;outline-offset:2px}.screen-shade{display:none}.lobby-auth{position:fixed;bottom:var(--safe-bottom);right:var(--safe-right);z-index:8;display:flex;min-width:210px;min-height:58px;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid var(--panel-border);border-radius:12px;background:#0f1218e6;color:var(--ui-text);pointer-events:auto}.embedded{--embed-top: 0px}.embedded .player-list{top:calc(var(--safe-top) + var(--embed-top) + 52px)}.la-pfp{width:42px;height:42px;flex:none;overflow:hidden;border:2px solid #586bf2;border-radius:10px;background:#141922}.la-pfp img{width:100%;height:100%;object-fit:cover}.la-mid{display:flex;min-width:72px;flex:1;flex-direction:column;gap:2px}.la-name{overflow:hidden;max-width:150px;color:#eef3fb;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.la-status{color:#94a2bd;font-size:10px;font-weight:650}.la-login,.la-logout{min-width:64px;padding:7px 10px;border:0!important;background:#586bf2!important;font-size:10px;letter-spacing:.04em}.la-login:hover{background:#6a7df5!important}.la-logout{background:#242b38!important;color:#bac5da!important}.room-hud{position:absolute;top:var(--safe-top);right:var(--safe-right);left:auto;z-index:7;display:flex;min-height:42px;align-items:center;gap:6px;padding:5px;border:1px solid var(--panel-border);border-radius:12px;background:#0f1218e0;color:var(--ui-text);transform:none;width:min(310px,calc(100vw - 24px));box-sizing:border-box;justify-content:space-between}.embedded .room-hud{top:calc(var(--safe-top) + var(--embed-top))}.embedded .tutorial-banner{top:calc(var(--safe-top) + var(--embed-top) + 64px)}.hud-icon,.room-code,.connection,.server-timer,.health-pill{min-height:32px}.health-pill{display:flex;min-width:55px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border-right:1px solid #ffffff16;color:#ff6674;font-size:13px}.health-pill strong{min-width:24px;color:#f5f7fb;font-size:11px;text-align:left}.health-pill.is-dead{color:#8f98a7}.hud-icon{display:flex;min-width:42px;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:0!important;background:transparent!important}.hud-people{overflow:hidden;width:13px;color:#9ca9c1;font-size:8px;letter-spacing:-3px}.player-count{font-size:11px}.room-code{display:flex;min-width:86px;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;padding:2px 10px;border:0!important;border-right:1px solid #ffffff16!important;border-left:1px solid #ffffff16!important;border-radius:0!important;background:transparent!important}.room-code span{color:#8290aa;font-size:7px;letter-spacing:.11em}.room-code strong{max-width:105px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.server-timer{display:flex;min-width:55px;align-items:center;justify-content:center;color:#dce4f5;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.connection{display:flex;align-items:center;gap:7px;padding:0 8px;color:#aab6cf;font-size:9px;font-weight:650;white-space:nowrap}.connection-dot{width:7px;height:7px;border-radius:50%;background:#e4a33e;box-shadow:0 0 0 4px #e4a33e1f}.connection-dot[data-state=connected]{background:#38ad78;box-shadow:0 0 0 4px #38ad781f}.connection-dot[data-state=offline]{background:#d76871;box-shadow:0 0 0 4px #d768711f}.connection-dot[data-state=connecting]{animation:status-pulse 1.3s ease-in-out infinite}@keyframes status-pulse{50%{opacity:.42;transform:scale(.82)}}.feature-dock{position:fixed;top:50%;right:var(--safe-right);z-index:6;display:grid;grid-template-columns:repeat(2,80px);gap:9px;transform:translateY(-50%)}.feature-dock button{display:grid;width:80px;height:80px;place-items:center;gap:2px;padding:6px;border:3px solid #12203a!important;border-radius:14px;background:#0f1218e6;box-shadow:0 4px #0f1b30}.feature-dock button:active{transform:translateY(3px);box-shadow:0 1px #0f1b30}.feature-dock span{font-size:30px;line-height:1}.feature-dock img{width:36px;height:36px;object-fit:contain}.feature-dock small{color:#c3cce0;font-size:10px;font-weight:700}.lobby-prompt{position:fixed;top:0;left:0;z-index:9;pointer-events:none;will-change:transform}.lp-card{display:flex;align-items:center;gap:12px;padding:7px 16px 7px 10px;border-radius:9px;background:#303030eb;box-shadow:0 3px 10px #00000052;opacity:0;transform:scale(.92);transform-origin:center;transition:transform .15s cubic-bezier(.2,.9,.3,1.25),opacity .12s ease;white-space:nowrap}.lobby-prompt.show .lp-card{opacity:1;transform:scale(1)}.lp-key{position:relative;display:flex;width:50px;height:50px;flex:none;align-items:center;justify-content:center}.lp-ring{position:absolute;inset:0;width:50px;height:50px;transform:rotate(-90deg)}.lp-ring-fg{fill:none;opacity:.9;stroke:#fff;stroke-dasharray:145;stroke-dashoffset:145;stroke-linecap:round;stroke-width:3.5;transition:stroke-dashoffset .05s linear}.lp-circle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:2px solid rgba(210,210,210,.8);border-radius:50%;background:#555555d9}.lp-cap{display:flex;min-width:25px;height:25px;align-items:center;justify-content:center;padding:0 6px;border:1px solid rgba(230,230,230,.9);border-radius:5px;background:#505050cc}.lp-e{color:#fff;font-size:15px;font-weight:500;line-height:1}.lp-label{color:#fff;font-size:17px;font-weight:500}.lobby-prompt.warn .lp-label{color:#ff9a8e}.lobby-prompt.warn .lp-circle{border-color:#ff8a7a}.touch-mode .lobby-prompt.show{pointer-events:auto;touch-action:none}.nameplates{position:absolute;inset:0;overflow:hidden;pointer-events:none}.nameplates.names-hidden{display:none}.wp{position:absolute;top:0;left:0;display:flex;align-items:center;gap:6px;white-space:nowrap;will-change:transform}.wp[hidden]{display:none}.wp-name{color:#fff;font-size:15px;font-weight:600;text-shadow:0 1px 3px #000,0 0 3px #000,0 0 2px #000}.popover-panel{position:fixed;top:calc(var(--safe-top) + 55px);left:50%;z-index:15;width:min(310px,calc(100vw - 24px));max-height:min(420px,70vh);overflow:hidden;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel);box-shadow:0 16px 40px #00000080;color:var(--ui-text);pointer-events:auto;--ui-center-x: -50%;transform:translate(-50%)}.player-list{top:calc(var(--safe-top) + 52px);left:auto;right:var(--safe-right);--ui-center-x: 0;transform:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--panel-border);background:var(--panel-soft)}.panel-head strong{font-size:17px;letter-spacing:-.01em}.ui-close{flex:none;width:32px;height:32px;padding:0;border:1px solid var(--panel-border)!important;border-radius:9px;background:#ffffff0d!important;color:var(--ui-muted)!important;font-size:20px;line-height:1;transition:background .12s ease,color .12s ease}.ui-close:hover{background:#ffffff1c!important;color:var(--ui-text)!important}.player-list-body{display:grid;max-height:300px;gap:3px;overflow-y:auto;padding:6px}.player-list .panel-head{padding:7px 12px}.player-list .panel-head strong{font-size:14px}.player-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;background:#ffffff08}.player-row img{width:24px;height:24px;border-radius:7px;object-fit:cover}.player-row div{display:grid}.player-row strong{font-size:11px;line-height:1.25}.player-row small{color:var(--ui-muted);font-size:9px;line-height:1.2}.hotbar{position:fixed;bottom:var(--safe-bottom);left:50%;z-index:6;display:flex;gap:4px;transform:translate(-50%)}.inventory-slot{position:relative;display:grid;width:56px;height:56px;place-items:center;padding:4px;overflow:visible;border:1px solid rgba(255,255,255,.22)!important;border-radius:6px!important;background:#0a0c108c!important}.inventory-slot:hover{border-color:#ffffff73!important;background:#101319a6!important}.inventory-slot[draggable=true]{touch-action:none}.inventory-slot.dragging{opacity:.45}.inventory-slot.drag-target{border-color:#fff!important;box-shadow:inset 0 0 0 2px #fff}.inventory-slot.selected{border-color:#fff!important;box-shadow:inset 0 0 0 2px #fff;background:#181c24b8!important}.inventory-slot img{width:38px;height:38px;object-fit:contain;pointer-events:none}.slot-tip{position:absolute;bottom:calc(100% + 7px);left:50%;z-index:8;display:none;padding:4px 9px;border-radius:6px;background:#0a0c10eb;color:#fff;font-size:11px;font-style:normal;font-weight:600;pointer-events:none;text-align:center;transform:translate(-50%);white-space:nowrap}.inventory-slot:hover .slot-tip,.inventory-slot.selected .slot-tip{display:block}.inventory-slot kbd{position:absolute;top:2px;left:5px;min-width:auto;padding:0;border:0;background:none;color:#fff;font-size:11px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.9)}.item-quantity{position:absolute;right:4px;bottom:3px;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.backpack-popover{position:fixed;bottom:calc(var(--safe-bottom) + 66px);left:50%;z-index:7;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#1c1f26f2;box-shadow:0 16px 40px #00000080;color:var(--ui-text);pointer-events:auto;--ui-center-x: -50%;transform:translate(-50%);width:618px;box-sizing:border-box}.bp-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 12px}.bp-head strong{color:#e7ebf3;font-size:12px;font-weight:700;letter-spacing:.02em}.bp-head button{width:24px;height:24px;padding:0;border:0;background:transparent;color:#9aa4b8;font-size:16px;line-height:1}.bp-head button:hover{background:#ffffff14;color:#fff}.backpack-search{display:flex;height:32px;align-items:center;gap:7px;margin:0 10px 8px;padding:0 9px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#ffffff14;color:#aeb5c2}.backpack-search:focus-within{border-color:#ffffff73}.game-ui .backpack-search input{width:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:12px}.game-ui .backpack-search input::placeholder{color:#aeb5c2}.game-ui .backpack-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.7}.backpack-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:0 10px 10px}.backpack-grid .inventory-slot{width:100%;height:auto;aspect-ratio:1}.backpack-grid .inventory-slot img{width:38px;height:38px}.panel-note{margin:0;padding:12px 16px 0;color:var(--ui-muted);font-size:10px}.state-overlay,.modal-layer,.emote-wheel{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#05080d8c;pointer-events:auto}.state-card,.system-panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:0 24px 64px #00000080;color:var(--ui-text)}@keyframes ui-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes ui-card-in{0%{opacity:0;transform:translate(var(--ui-center-x, 0),10px) scale(.985)}to{opacity:1;transform:translate(var(--ui-center-x, 0)) scale(1)}}.state-overlay.ui-opening,.modal-layer.ui-opening,.emote-wheel.ui-opening{animation:ui-scrim-in .14s ease-out both}.state-overlay.ui-closing,.modal-layer.ui-closing,.emote-wheel.ui-closing{animation:ui-scrim-in .15s ease-in reverse both;pointer-events:none}.ui-opening>.state-card,.system-panel.ui-opening,.popover-panel.ui-opening,.backpack-popover.ui-opening,.ui-opening>.emote-wheel-ring{animation:ui-card-in .18s cubic-bezier(.2,.8,.3,1) both}.system-panel.ui-closing,.popover-panel.ui-closing,.backpack-popover.ui-closing,.ui-closing>.emote-wheel-ring{animation:ui-card-in .15s ease-in reverse both;pointer-events:none}@media(prefers-reduced-motion:reduce){.state-overlay.ui-opening,.modal-layer.ui-opening,.emote-wheel.ui-opening,.state-overlay.ui-closing,.modal-layer.ui-closing,.emote-wheel.ui-closing,.ui-opening>.state-card,.system-panel.ui-opening,.popover-panel.ui-opening,.backpack-popover.ui-opening,.ui-opening>.emote-wheel-ring,.system-panel.ui-closing,.popover-panel.ui-closing,.backpack-popover.ui-closing,.ui-closing>.emote-wheel-ring{animation-duration:.01s}}.state-card{display:grid;width:min(390px,calc(100vw - 32px));gap:10px;padding:24px;border-radius:16px}.compact-state-card{width:auto;grid-auto-flow:column;align-items:center}.state-spinner{width:22px;height:22px;border:3px solid #ffffff30;border-top-color:#91a0ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.menu-brand .brand-logo{width:62px;height:62px}.menu-brand>div{display:grid}.menu-brand strong{font-size:24px;letter-spacing:-.04em}.menu-brand small,.menu-platform{color:var(--ui-muted);font-size:10px}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.state-card button,.secondary-button,.primary-button{min-height:42px;padding:0 15px}.primary-button{border:0!important;background:#586bf2!important}.primary-button:hover{background:#6a7df5!important}.enter-button{min-height:52px!important;font-size:15px}.pause-card>strong{margin-bottom:8px;font-size:24px}.system-panel{width:min(760px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 12px));overflow:hidden;border-radius:14px;pointer-events:auto}.panel-head>div{display:grid;gap:2px}.panel-head small{color:#8795b1;font-size:8px;font-weight:800;letter-spacing:.13em}.panel-head strong{font-size:18px}.servers-panel{width:min(920px,calc(100vw - 28px));background:#10141b}.server-toolbar{display:grid;grid-template-columns:1fr minmax(120px,.55fr) auto;gap:8px;padding:12px 14px 10px}.game-ui .server-code-input{text-align:center;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.server-search{display:flex;min-width:0;align-items:center;gap:8px;padding:0 11px;border:1px solid #8190af40;border-radius:10px;background:#0d1421;color:#8996ad}.game-ui .server-search input{width:100%;min-height:40px;padding:0;border:0;outline:0;background:transparent}.server-refresh{min-width:42px;min-height:42px;padding:0 12px;color:#c3ccdd!important;font-size:15px}.join-form{display:none}.game-ui input,.game-ui select{min-height:40px;border:1px solid #8190af40;border-radius:10px;background:#0e1729;color:#f4f7ff}.game-ui input{min-width:0;padding:0 12px}.game-ui select{padding:0 9px}.server-region-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 14px;padding:10px 13px;border:1px solid var(--panel-border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--panel-soft)}.server-region-head strong{color:#eef2f8;font-size:12px}.server-region-head .server-summary{color:var(--ui-muted);font-size:10px}.room-list{display:grid;min-height:162px;max-height:310px;align-content:start;gap:5px;overflow-y:auto;margin:0 14px;padding:7px;border:1px solid #ffffff12;border-radius:0 0 10px 10px;background:#0b0f15}.room-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:58px;padding:7px 8px 7px 11px;border:1px solid #ffffff0e;border-radius:8px;background:#171b21}.room-status{width:7px;height:7px;border-radius:50%;background:#4fce7e;box-shadow:0 0 0 4px #4fce7e16}.room-identity{display:grid;min-width:0;gap:3px}.room-identity>strong{overflow:hidden;color:#edf1f7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.room-identity>span{display:flex;align-items:center;gap:7px}.room-identity code,.room-identity em{color:#7e8a9f;font-size:8px;font-style:normal}.room-identity em{padding-left:7px;border-left:1px solid #ffffff16;text-transform:capitalize}.room-capacity{display:grid;min-width:54px;justify-items:end}.room-capacity strong{color:#e1e7f0;font-size:12px;font-variant-numeric:tabular-nums}.room-capacity small{color:#778399;font-size:8px}.room-join{min-width:82px;min-height:38px;border:0!important;background:#1688ee!important;color:#fff!important;font-size:10px}.room-join:hover{background:#2a98f5!important}.room-join:disabled{background:#252c37!important;color:#838ea1!important;cursor:default}.room-row.current-room{border-color:#7385ff55;background:#191e2a}.room-row.current-room .room-status{background:#7d8cff;box-shadow:0 0 0 4px #7d8cff18}.room-row.full-room:not(.current-room) .room-status{background:#697386;box-shadow:none}.room-loading{display:grid;min-height:140px;place-items:center;align-content:center;gap:7px;color:#e3e8f3}.room-loading .state-spinner{width:26px;height:26px;margin-bottom:3px}.room-loading strong{font-size:12px}.room-loading small{color:#95a2bc;font-size:10px}.empty-state{display:grid;min-height:120px;place-items:center;align-content:center;gap:4px;color:#95a2bc;font-size:11px;text-align:center}.empty-state strong{color:#dce3ee;font-size:12px}.empty-state span{color:#7f8ba0;font-size:9px}.empty-state.error{color:#ff9f9f}.create-room-form{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--panel-border);background:var(--panel-soft)}.check-label{display:flex!important;min-height:40px;align-items:center;gap:7px;padding:0 3px;color:var(--ui-muted);font-size:10px;white-space:nowrap}.setting-check{display:flex!important;align-items:center;gap:7px;min-height:40px}.check-label input,.setting-check input{min-height:auto}.shop-grid,.environment-grid{display:grid;gap:12px;padding:16px}.shop-grid{grid-template-columns:repeat(3,1fr)}.environment-grid{grid-template-columns:repeat(4,1fr);max-height:min(66vh,620px);overflow-y:auto}.shop-grid button,.environment-grid button{display:grid;place-items:center;gap:7px;padding:12px;background:#ffffff0a}.shop-grid img{width:100%;height:96px;object-fit:contain;filter:drop-shadow(0 8px 12px #0007)}.shop-card strong{font-size:17px;letter-spacing:-.01em}.shop-card .shop-buy{min-width:78px;padding:7px 0;border-radius:8px;background:var(--ui-green);color:#08301c;font-size:11px;font-weight:850;letter-spacing:.06em}.game-ui .shop-card:disabled{opacity:.55}.shop-balance{display:flex;align-items:center;gap:7px;margin-left:auto;padding:6px 12px;border:1px solid var(--panel-border);border-radius:999px;background:#ffffff0a}.shop-balance img{width:17px;height:17px}.shop-balance strong{font-size:13px;font-variant-numeric:tabular-nums}.env-preview{width:100%;height:76px;border-radius:10px}.env-preview.day{background:linear-gradient(#95c9ff,#eef7ff 65%,#9bc077 66%)}.env-preview.dusk{background:linear-gradient(#795c99,#f0a278 65%,#6d7859 66%)}.env-preview.night{background:radial-gradient(circle at 75% 22%,#f0f3d2 0 7%,transparent 8%),linear-gradient(#111a3c,#33426a 65%,#252f36 66%)}.env-preview.sunrise{background:linear-gradient(#6f83b7,#ffc393 65%,#899369 66%)}.env-preview.sunset{background:linear-gradient(#513b73,#ed7d5d 65%,#665c4d 66%)}.env-preview.overcast{background:linear-gradient(#7f8b99,#c1c8cd 65%,#778070 66%)}.env-preview.fog{background:linear-gradient(#afb8bf,#dde1e0 65%,#949e91 66%)}.env-preview.storm{background:linear-gradient(#263342,#5e6b75 65%,#384942 66%)}.env-preview.winter{background:linear-gradient(#99bed7,#eaf3f7 65%,#d9e7ed 66%)}.env-preview.desert{background:linear-gradient(#7ab8e2,#f1d398 65%,#d6a75d 66%)}.env-preview.moonlight{background:linear-gradient(#111a33,#526780 65%,#283b3e 66%)}.env-preview.neon{background:linear-gradient(#17112d,#713877 65%,#182c38 66%)}.environment-grid button.selected{border-color:#91a0ff;box-shadow:0 0 0 2px #6678ff55}.settings-panel{width:min(860px,calc(100vw - 28px))}.settings-form{display:grid;max-height:min(620px,calc(100dvh - 190px));gap:14px;overflow-y:auto;padding:16px}.panel-tabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--panel-border)}.game-ui .panel-tabs button{min-height:36px;padding:0 15px;border:0!important;border-radius:9px 9px 0 0;background:transparent!important;color:var(--ui-muted)!important;font-size:11px;font-weight:700;letter-spacing:.02em}.game-ui .panel-tabs button:hover{color:var(--ui-text)!important;background:#ffffff0a!important}.game-ui .panel-tabs button.active{background:#ffffff12!important;color:var(--ui-text)!important;box-shadow:inset 0 -2px 0 var(--ui-accent)}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--panel-border);background:var(--panel-soft)}.settings-foot small{color:var(--ui-muted);font-size:10px}.settings-reset{min-height:34px!important;flex:none;padding:0 12px!important;border-color:#ffffff1f!important;background:transparent!important;color:#bac4d7!important;font-size:9px}.settings-section{display:grid;overflow:hidden;border:1px solid #ffffff12;border-radius:11px;background:#0d1118}.settings-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #ffffff10;background:#151a23}.settings-section-head strong{color:#f1f4fa;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.settings-section-head span{color:#7f8ba2;font-size:9px}.setting-row{display:grid;min-height:62px;grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr);align-items:center;gap:20px;padding:9px 13px;border-bottom:1px solid #ffffff0b;color:#dce4f5}.settings-section .setting-row:last-child{border-bottom:0}.setting-copy{display:grid;gap:3px}.setting-copy strong{color:#e5eaf3;font-size:11px;font-weight:720}.setting-copy small{color:#818da3;font-size:9px;font-weight:500}.setting-control{display:grid;grid-template-columns:minmax(120px,1fr) 76px;align-items:center;gap:12px}.setting-control output{min-width:76px;padding:7px 9px;border:1px solid #ffffff12;border-radius:7px;background:#171d27;color:#f4f6fb;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.setting-row input[type=range]{width:100%;--range-accent: #7486ff}.setting-select{display:flex;justify-content:flex-end}.setting-select select{width:min(190px,100%)}.setting-check{display:grid!important}.check-label input[type=checkbox],.setting-check input[type=checkbox]{position:relative;width:40px;height:22px;flex:0 0 40px;min-height:22px;justify-self:end;margin:0;padding:0!important;appearance:none;border:1px solid #ffffff26;border-radius:999px;background:#262d39;cursor:pointer;transition:background .12s ease}.check-label input[type=checkbox]:before,.setting-check input[type=checkbox]:before{position:absolute;top:2px;left:2px;display:block;width:16px;height:16px;margin:0;border-radius:50%;background:#aab3c2;content:"";transition:transform .12s ease}.check-label input[type=checkbox]:checked,.setting-check input[type=checkbox]:checked{border-color:#7385ff;background:#586bf2}.check-label input[type=checkbox]:checked:before,.setting-check input[type=checkbox]:checked:before{background:#fff;transform:translate(18px)}.setting-row.disabled{opacity:.45}.game-chat{position:fixed;bottom:calc(var(--safe-bottom) + 6px);left:var(--safe-left);z-index:7;display:grid;width:min(340px,calc(50vw - 316px));gap:5px;color:#fff;pointer-events:auto}.game-chat.chat-disabled{display:none}.chat-log{display:flex;max-height:130px;flex-direction:column;gap:2px;overflow:hidden;padding:6px 8px;border:1px solid transparent;border-radius:10px;background:transparent;font-size:11px;transition:background .16s ease,border-color .16s ease,max-height .16s ease}.chat-log:empty{display:none}.game-chat:hover .chat-log,.game-chat:focus-within .chat-log{max-height:230px;overflow-y:auto;border-color:var(--panel-border);background:#0a101db8;backdrop-filter:blur(9px)}.chat-entry{display:flex;gap:5px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.7);transition:opacity .6s ease}.chat-entry.faded{opacity:0}.game-chat:hover .chat-entry,.game-chat:focus-within .chat-entry{opacity:1;transition:opacity .12s ease}.game-chat:hover .chat-entry,.game-chat:focus-within .chat-entry{text-shadow:none}.chat-entry strong{flex:none;font-weight:700}.chat-entry.system span{color:#c3ccdd;font-style:italic}.chat-form{display:flex;gap:5px;opacity:.45;transition:opacity .16s ease}.game-chat:hover .chat-form,.game-chat:focus-within .chat-form{opacity:1}.chat-form input{min-height:32px;flex:1;background:#0a101dc7}.chat-form button{min-height:32px;padding:0 11px}.emote-wheel{background:#070c1647}.emote-wheel-ring{width:min(560px,calc(100vw - 32px));max-height:min(70vh,520px);overflow-y:auto;border:3px solid #12203a;border-radius:18px;background:#0c0f14f5;box-shadow:0 5px #0f1b30,0 20px 56px #0000008c}.emote-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--panel-border);background:#0c0f14fa}.emote-head strong{font-size:18px;letter-spacing:-.01em}.emote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px 18px}.game-ui .emote-grid button{display:grid;aspect-ratio:1;place-items:center;gap:4px;padding:8px 4px;border:2px solid var(--panel-border)!important;border-radius:14px;background:#1c222d}.game-ui .emote-grid button:active{transform:translateY(2px)}.emote-grid span{font-size:34px;line-height:1}.emote-grid small{color:#c5cee0;font-size:10px;font-weight:700}.game-ui .emote-close{width:38px;height:38px;padding:0;border-radius:10px!important;font-size:20px;line-height:1}@media(max-width:560px){.emote-grid{grid-template-columns:repeat(3,1fr)}.emote-grid span{font-size:28px}}.toast-stack{position:fixed;top:var(--safe-top);right:var(--safe-right);z-index:40;display:grid;justify-items:end;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:11px;min-width:210px;max-width:min(360px,calc(100vw - 32px));padding:12px 18px;border:3px solid #12203a;border-radius:12px;background:linear-gradient(#2b3550,#1b2338);box-shadow:0 5px #0f1b30,0 12px 32px #0008;color:#eef3ff;font-size:15px;font-weight:800;opacity:0;text-align:left;text-shadow:0 2px 0 rgba(0,0,0,.35);transform:translate(calc(100% + var(--safe-right)));transition:transform .22s cubic-bezier(.2,.8,.3,1),opacity .18s ease}.toast.show{opacity:1;transform:translate(0)}.toast.success{border-color:#12331f;background:linear-gradient(#6ee87f,#35b74f);box-shadow:0 5px #17612c,0 12px 32px #0008;color:#06301a}.toast.error{border-color:#3a1219;background:linear-gradient(#ff7a8c,#e03050);box-shadow:0 5px #7a1224,0 12px 32px #0008;color:#3d0710}.touch-controls{display:none;pointer-events:none}.touch-mode .touch-controls{display:block}.touch-stick,.touch-jump{position:absolute;bottom:calc(var(--safe-bottom) + 12px);pointer-events:auto;touch-action:none}.touch-stick{left:calc(var(--safe-left) + 12px);width:128px;height:128px;border-radius:50%}.touch-stick-ring{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#eaf0fa45;box-shadow:inset 0 0 0 9px #ffffff14,0 8px 28px #28364e14;backdrop-filter:blur(7px)}.touch-stick-knob{position:absolute;top:40px;left:40px;width:48px;height:48px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:#f9fbffc7;box-shadow:0 5px 15px #2f3b572b;transition:box-shadow .12s ease;will-change:transform}.touch-stick.active .touch-stick-knob{box-shadow:0 6px 20px #2f3b5738,0 0 0 5px #5b6cf11f}.touch-jump{right:calc(var(--safe-right) + 18px);width:78px;height:78px;border:1px solid rgba(255,255,255,.76)!important;border-radius:50%!important;background:#1c2841b8!important;box-shadow:0 8px 24px #2b37512e,inset 0 1px #ffffff4d;color:#fff;font-size:26px;backdrop-filter:blur(9px);transition:transform .1s ease,background .1s ease}.touch-jump.pressed{background:#5b6cf1e6!important;transform:scale(.92)}@media(max-width:900px),(max-height:520px){.inventory-slot{width:48px;height:48px}.inventory-slot img{width:32px;height:32px}.hotbar .inventory-slot:nth-child(n+7){display:none}.backpack-grid{grid-template-columns:repeat(6,1fr)}.backpack-popover{width:328px}}@media(max-width:620px),(max-height:470px){.lobby-auth{top:8px;bottom:auto;right:8px;min-width:0;min-height:46px;padding:5px}.player-list{top:62px}.player-list-body{max-height:34vh}.la-pfp{width:34px;height:34px}.la-name{max-width:92px;font-size:11px}.la-status{display:none}.la-login,.la-logout{min-width:48px;padding:6px;font-size:8px}.room-hud{top:var(--safe-top);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.connection-text,.server-timer{display:none}.feature-dock{right:8px;grid-template-columns:repeat(2,46px);gap:6px}.feature-dock button{width:46px;height:46px;min-height:0;padding:2px;border-width:2px!important;border-radius:11px}.feature-dock button img{width:26px;height:26px}.feature-dock button span{font-size:24px}.feature-dock button:nth-child(n+5),.feature-dock small{display:none}.hotbar{bottom:calc(var(--safe-bottom) + 12px)}.hotbar .inventory-slot:nth-child(n+5){display:none}.inventory-slot{width:42px;height:42px}.backpack-grid{grid-template-columns:repeat(4,1fr)}.backpack-popover{width:200px}.servers-panel{overflow-y:auto}.server-finder-head{padding:10px 12px}.room-list{min-height:130px;max-height:210px}.shop-grid,.environment-grid{grid-template-columns:1fr;max-height:65vh;overflow-y:auto}.game-chat{bottom:calc(var(--safe-bottom) + 66px)}.settings-form{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 72px);gap:10px;padding:10px}.settings-intro{align-items:flex-start}.settings-section-head{padding:9px 10px}.setting-row{min-height:72px;grid-template-columns:1fr;gap:8px;padding:9px 10px}.setting-control{grid-template-columns:1fr 68px;gap:8px}.setting-control output{min-width:68px}.setting-check{min-height:56px;grid-template-columns:1fr auto}.setting-select{justify-content:stretch}.setting-select select{width:100%}}@media(max-width:620px){.server-finder-head{grid-template-columns:auto 1fr}.server-head-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.server-head-actions button{min-height:38px}.server-toolbar,.join-form,.create-room-form{grid-template-columns:1fr}.join-form,.create-room-form{align-items:stretch}.server-refresh span{display:inline}.room-row{grid-template-columns:auto minmax(0,1fr) auto}.room-capacity{display:none}.room-join{min-width:68px}.room-hud{top:calc(var(--safe-top) + 54px)}.feature-dock,.popover-panel{top:calc(var(--safe-top) + 108px)}.player-list{top:calc(var(--safe-top) + 52px)}}@media(max-height:380px){.touch-stick{width:108px;height:108px}.touch-stick-ring{inset:8px}.touch-stick-knob{top:34px;left:34px;width:40px;height:40px}.touch-jump{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){.loading-logo,.loading-progress i,.connection-dot,.state-spinner{animation:none}.loading-screen,.touch-jump,.toast,.lp-card{transition:none}}.game-ui.reduced-motion *,.game-ui.reduced-motion *:before,.game-ui.reduced-motion *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.game-logo{position:fixed;top:var(--safe-top);left:var(--safe-left);z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;line-height:.94;text-transform:uppercase;pointer-events:none;user-select:none}.game-ui[data-phase=boot] .game-logo{display:none}.gl-lead{font-size:clamp(11px,1.4vw,15px);font-weight:900;letter-spacing:.18em;color:var(--ui-green);text-shadow:0 2px 0 #0b1220}.game-logo.single-line .gl-lead{display:none}.gl-main{font-size:clamp(24px,3.2vw,40px);font-weight:900;letter-spacing:-.02em;color:#fff;-webkit-text-stroke:3px #0b1220;paint-order:stroke fill;text-shadow:0 4px 0 #0b1220,0 6px 12px rgba(0,0,0,.45)}.gl-accent{color:var(--ui-green)}@media(max-width:760px),(max-height:520px){.game-logo{padding:6px 10px}.gl-main{-webkit-text-stroke-width:2px}}.game-hud{position:fixed;top:50%;left:var(--safe-left);z-index:12;display:flex;flex-direction:column;gap:10px;transform:translateY(-50%);pointer-events:none}.gh-counters{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.gh-pill{display:flex;align-items:center;gap:10px;width:250px;padding:9px 7px 9px 12px;border:3px solid #12203a;border-radius:999px;background:#0a101cd1;box-shadow:0 4px #0f1b30;font-size:26px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.55)}.gh-pill strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-pill img{width:32px;height:32px;object-fit:contain}.gh-speed strong{color:#7fd8ff}.gh-usd strong{color:#5dff8f}.game-ui .gh-plus{display:grid;flex:none;width:34px;height:34px;place-items:center;padding:0;border:3px solid #12203a!important;border-radius:10px;background:linear-gradient(#63c8ff,#2b8fe0)!important;box-shadow:0 3px #14456e;color:#fff!important;font-size:24px;font-weight:900;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35)}.game-ui .gh-plus:active{transform:translateY(2px);box-shadow:0 1px #14456e}.gh-pill strong.bump{animation:gh-bump .28s ease}@keyframes gh-bump{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}.is-offline .gh-pill strong{color:var(--ui-muted)}.tutorial-banner{position:fixed;top:calc(var(--safe-top) + 64px);left:50%;z-index:11;transform:translate(-50%);pointer-events:none;text-align:center}.tutorial-banner span{color:#fff;font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:-.02em;-webkit-text-stroke:6px #12203a;paint-order:stroke fill;text-shadow:0 6px 0 rgba(0,0,0,.28)}.offline-banner{position:fixed;top:var(--safe-top);left:50%;z-index:16;display:flex;align-items:baseline;gap:10px;padding:9px 16px;border:1px solid rgba(255,190,90,.5);border-radius:11px;background:#3a280cf0;color:#ffd899;font-size:13px;transform:translate(-50%);pointer-events:none}.offline-banner small,.offline-banner em{color:#cfae7a;font-style:normal}.offline-banner small{color:#cfae7a}.offline-banner em{color:#ffbf6b;font-weight:700}.game-ui .grow-egg-button{position:fixed;bottom:calc(var(--safe-bottom) + 116px);left:50%;z-index:13;padding:12px 26px;border:3px solid #12203a!important;border-radius:14px;background:linear-gradient(#ffd45c,#f0a52a)!important;box-shadow:0 5px #8a5a10,0 12px 24px #00000059;color:#3a2405!important;font-size:18px;font-weight:900;transform:translate(-50%)}.game-ui .grow-egg-button:active{transform:translate(-50%) translateY(3px);box-shadow:0 2px #8a5a10}.lp-text{display:flex;flex-direction:column;gap:1px;line-height:1.1}.lp-title{color:#d6dcee;font-size:11px;font-weight:700;opacity:.85}.inventory-slot.pending img{opacity:.55}.inventory-slot.pending{border-color:#ffba4abf;animation:slot-pending-pulse 1.5s ease-in-out infinite}@keyframes slot-pending-pulse{0%,to{box-shadow:0 0 #ffba4a59}50%{box-shadow:0 0 0 4px #ffba4a1f}}.slot-pending{position:absolute;bottom:6px;left:50%;padding:2px 7px;border-radius:4px;background:#ffaa28f0;color:#35210a;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;transform:translate(-50%) rotate(-8deg);pointer-events:none}.shop-section-title{margin:14px 16px 0;color:#7fd8ff;font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 16px 18px;max-height:min(60vh,560px);overflow-y:auto}.game-ui .speed-card{display:grid;place-items:center;gap:9px;padding:14px 10px;border:2px solid rgba(120,200,255,.35)!important;border-radius:13px;background:linear-gradient(180deg,#1d4a76,#12314f)!important}.speed-art{width:100%;height:62px;border-radius:10px;background:radial-gradient(circle at 50% 45%,rgba(180,230,255,.45),transparent 65%),linear-gradient(160deg,#7fd8ff,#2f7fd0);box-shadow:inset 0 -6px 14px #00000047}.speed-grant{color:#d8f4ff;font-size:14px;font-weight:900;text-align:center}.speed-price{min-width:92px;padding:6px 0;border-radius:8px;background:var(--ui-green);color:#08301c;font-size:13px;font-weight:900;text-align:center}.index-total{padding:4px 12px;border-radius:999px;background:#78c8ff29;color:#9fdcff;font-size:13px;font-weight:800}.index-body{display:grid;grid-template-columns:132px 1fr 200px;gap:14px;padding:14px 16px 18px;max-height:min(64vh,600px)}.index-zones{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.game-ui .index-zone{padding:9px 10px;border-radius:9px;background:#ffffff0a;font-size:13px;font-weight:800;text-align:left}.game-ui .index-zone.selected{background:linear-gradient(#4aa3ff,#2b7ad0);color:#fff}.index-main{display:flex;flex-direction:column;gap:10px;min-width:0}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.game-ui .index-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:6px;border:2px solid var(--rarity, #b8c0cc)!important;border-radius:10px;background:color-mix(in srgb,var(--rarity, #b8c0cc) 18%,#10151f)!important}.game-ui .index-tile.selected{outline:2px solid #fff;outline-offset:1px}.index-tile strong{position:absolute;top:5px;left:0;right:0;font-size:11px;font-weight:900;text-align:center;text-shadow:0 1px 3px #000}.index-art{width:62%;height:62%;border-radius:8px;background:currentColor;opacity:.55}.index-tile.locked .index-art{background:#05070c;opacity:.85}.index-tile.owned .index-art{background:var(--rarity, #b8c0cc);opacity:.9}.index-count{padding:8px 0;border-radius:9px;background:#ffffff0a;font-size:19px;font-weight:900;text-align:center}.index-detail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff08}.index-detail-art{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:10px;background:#0b0f18}.index-detail-art i{width:58%;height:58%;border-radius:10px;background:#2a3242}.index-detail-art.locked i{background:#05070c}.index-detail-name{font-size:17px;font-weight:900}.index-detail-rarity{font-size:13px;font-weight:800}.index-detail-rate{color:var(--ui-green);font-size:15px;font-weight:900}.nameplate{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;will-change:transform}.np-bubble{width:34px;height:34px;border:3px solid #12203a;border-radius:50%;background:#22304a center/cover no-repeat;box-shadow:0 3px 8px #00000073;display:grid;place-items:center;color:#cfe0ff;font-size:15px;font-style:normal;font-weight:900}.np-name{color:#fff;font-size:15px;font-weight:800;text-shadow:0 1px 3px #000,0 0 3px #000,0 0 2px #000}.pet-plate{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;line-height:1.15;white-space:nowrap;will-change:transform}.pp-rarity{font-size:15px;font-style:normal;font-weight:900;text-shadow:0 1px 3px #000,0 0 2px #000}.pet-plate strong{color:#fff;font-size:20px;font-weight:900;text-shadow:0 1px 3px #000,0 0 3px #000}.pp-rate{color:#5dff8f;font-size:18px;font-weight:900;text-shadow:0 1px 3px #000,0 0 2px #000}.game-ui.is-caught .screen-shade{opacity:1;background:radial-gradient(circle at 50% 50%,transparent 35%,rgba(150,10,20,.55) 100%)}@media(max-width:760px),(max-height:520px){.index-body{grid-template-columns:104px 1fr}.index-detail{display:none}.speed-grid{grid-template-columns:repeat(2,1fr)}.gh-pill{width:208px;padding:7px 6px 7px 10px;font-size:21px}.game-ui .gh-plus{width:28px;height:28px;font-size:20px}.gh-pill img{width:26px;height:26px}.feature-dock{grid-template-columns:repeat(2,68px)}.feature-dock button{width:68px;height:68px}}.shop-balance img{width:22px;height:22px;object-fit:contain;vertical-align:-5px}.speed-art{background:url(../ui/speed.png) center/64% no-repeat,radial-gradient(circle at 50% 45%,rgba(180,230,255,.45),transparent 65%),linear-gradient(160deg,#7fd8ff,#2f7fd0)}@media(max-width:1024px),(max-height:560px){.game-chat{bottom:calc(var(--safe-bottom) + 88px);width:min(340px,calc(100vw - 28px))}}.toast-icon{display:grid;flex:none;width:26px;height:26px;place-items:center;border-radius:8px;background:#00000038;font-size:16px;font-style:normal;line-height:1}.toast-text{flex:1;min-width:0}.toast-count{flex:none;padding:3px 9px;border-radius:999px;background:#00000047;font-size:13px;font-weight:900}.toast.repeat{animation:toast-repeat .26s ease}@keyframes toast-repeat{0%{transform:translate(0) scale(1)}40%{transform:translate(-4px) scale(1.035)}to{transform:translate(0) scale(1)}}.game-ui.reduced-motion .toast.repeat{animation:none}.quick-tools{position:fixed;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 68px);z-index:9;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.game-ui .quick-btn{display:grid;width:52px;height:52px;place-items:center;padding:0;border:3px solid #12203a!important;border-radius:14px;background:#0f1218e6;box-shadow:0 4px #0f1b30;font-size:24px;line-height:1}.game-ui .quick-btn:active{transform:translateY(3px);box-shadow:0 1px #0f1b30}.quick-audio{display:flex;align-items:center;gap:10px;padding:10px 14px;border:3px solid #12203a;border-radius:14px;background:#0f1218f0;box-shadow:0 4px #0f1b30;pointer-events:auto}.quick-audio-icon{font-size:18px;line-height:1}.quick-volume{width:150px;--range-accent: var(--ui-green)}.quick-volume,.setting-row input[type=range]{--range-fill: 0%;appearance:none;-webkit-appearance:none;height:18px;min-height:auto;padding:0;background:transparent;cursor:pointer}.quick-volume::-webkit-slider-runnable-track,.setting-row input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to right,var(--range-accent) 0 var(--range-fill),#ffffff2e var(--range-fill) 100%)}.quick-volume::-moz-range-track,.setting-row input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(to right,var(--range-accent) 0 var(--range-fill),#ffffff2e var(--range-fill) 100%)}.quick-volume::-webkit-slider-thumb,.setting-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-4px;border:2px solid #0f1b30;border-radius:50%;background:#fff}.quick-volume::-moz-range-thumb,.setting-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #0f1b30;border-radius:50%;background:#fff}.quick-volume-value{min-width:44px;color:var(--ui-green);font-size:15px;font-weight:900;text-align:right}@media(max-width:760px),(max-height:520px){.game-ui .quick-btn{width:44px;height:44px;font-size:20px}.quick-volume{width:110px}}@media(max-width:760px),(max-height:520px){.gl-lead{font-size:9px;letter-spacing:.14em}.gl-main{font-size:clamp(16px,5.4vh,27px)}.tutorial-banner{top:calc(var(--safe-top) + 40px)}.tutorial-banner span{font-size:clamp(18px,6vh,30px);-webkit-text-stroke-width:4px}.gh-counters{gap:6px}.gh-pill{width:156px;gap:6px;padding:5px 5px 5px 9px;border-width:2px;font-size:16px}.gh-pill img{width:20px;height:20px}.game-ui .gh-plus{width:24px;height:24px}.quick-audio{gap:6px;padding:6px 10px}}@media(max-width:760px),(max-height:520px){.quick-tools{bottom:calc(var(--safe-bottom) + 56px);gap:6px}.game-ui .quick-btn{width:40px;height:40px;border-width:2px!important;border-radius:11px;font-size:18px}.quick-audio{padding:5px 8px}.quick-volume{width:88px}.quick-volume-value{min-width:34px;font-size:12px}}.title-card{position:fixed;top:calc(var(--safe-top) + 18vh);left:50%;z-index:12;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 34px;border-radius:14px;background:#0a162647;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,-14px) scale(.94);transition:opacity .4s ease,transform .4s cubic-bezier(.2,1.3,.4,1)}.title-card.show{opacity:1;transform:translate(-50%) scale(1)}.tutorial-banner:not([hidden])~.title-card{top:calc(var(--safe-top) + 64px + clamp(28px,5vw,52px) + 38px)}.title-card .tc-main{color:#5dff8f;font-size:clamp(22px,3.6vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.05;-webkit-text-stroke:5px #0b1830;paint-order:stroke fill;text-shadow:0 4px 0 rgba(0,0,0,.3)}.title-card .tc-sub{color:#fff;font-size:clamp(12px,1.6vw,17px);font-weight:800;-webkit-text-stroke:3px #0b1830;paint-order:stroke fill}.title-card[data-variant=event] .tc-main{color:#ffd84d;font-size:clamp(26px,4.6vw,52px);-webkit-text-stroke:6px #0b1830}.title-card[data-variant=event]{background:#26103466}@media(prefers-reduced-motion:reduce){.title-card{transition:opacity .4s ease;transform:translate(-50%)}.title-card.show{transform:translate(-50%)}}.event-pill{--event-color: #ffd84d;position:fixed;top:var(--safe-top);left:50%;z-index:12;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border:3px solid #12203a;border-radius:999px;background:#0a101cd1;box-shadow:0 4px #0f1b30;color:#fff;font-size:19px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.55);pointer-events:none;white-space:nowrap}.embedded .event-pill{top:calc(var(--safe-top) + var(--embed-top))}.event-pill .ev-icon{width:30px;height:30px;object-fit:contain}.event-pill.active{border-color:var(--event-color);background:#180c22e6;color:var(--event-color);animation:event-throb 1.6s ease-in-out infinite}@keyframes event-throb{0%,to{box-shadow:0 4px #0f1b30}50%{box-shadow:0 4px #0f1b30,0 0 18px var(--event-color)}}@media(prefers-reduced-motion:reduce){.event-pill.active{animation:none}}:root.compact{--thumb: 132px;--ui-scale: .78}:root.compact-short{--thumb: 108px;--ui-scale: .66}.compact .game-logo,.legion .game-logo{display:none}.compact .room-hud,.compact.embedded .room-hud{top:calc(var(--safe-top) + calc(46px * var(--ui-scale)));right:var(--safe-right);bottom:auto;left:auto;width:auto;gap:6px;padding:4px 8px;transform:scale(var(--ui-scale));transform-origin:top right}.compact .connection-text,.compact .server-timer{display:none}.compact .lobby-auth,.compact.embedded .lobby-auth{top:var(--safe-top);right:var(--safe-right);bottom:auto;min-width:0;min-height:0;padding:4px;transform:scale(var(--ui-scale));transform-origin:top right}.compact .la-mid,.compact .la-status{display:none}.compact .la-pfp{width:30px;height:30px}.compact .la-login,.compact .la-logout{min-width:44px;padding:5px;font-size:8px}.compact .game-hud{top:calc(var(--safe-top) + calc(52px * var(--ui-scale)) + 8px);left:var(--safe-left);transform:none}.compact .gh-pill{width:min(calc(250px * var(--ui-scale)),46vw);padding:6px 5px 6px 9px;border-width:2px;font-size:calc(26px * var(--ui-scale))}.compact .gh-pill img{width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale))}.compact .compact .compact .player-list{top:50%;right:auto;left:50%;width:min(340px,calc(100vw - 40px));--ui-center-x: -50%;transform:translate(-50%,-50%)}.compact .player-list-body{max-height:min(48dvh,340px);overflow-y:auto;overscroll-behavior:contain}.compact .player-list:before{position:fixed;z-index:-1;background:#060a129e;content:"";inset:-200vh -200vw}.compact{--dock-btn: calc(54px * var(--ui-scale))}.compact .feature-dock{top:50%;right:var(--safe-right);bottom:auto;grid-template-columns:repeat(2,var(--dock-btn));gap:5px;transform:translateY(-50%)}.compact .feature-dock button{position:relative;width:var(--dock-btn);height:var(--dock-btn);gap:0;border-width:2px!important;border-radius:10px;font-size:16px}.compact .feature-dock button img{width:55%;height:55%}.compact .feature-dock span{font-size:calc(var(--dock-btn) * .5)}.compact .feature-dock button small{display:none}.compact .quick-tools{top:var(--safe-top);bottom:auto;left:var(--safe-left);right:auto;flex-direction:row;align-items:center;gap:6px}.compact .game-ui .quick-btn{width:calc(52px * var(--ui-scale));height:calc(52px * var(--ui-scale));font-size:17px}.compact .quick-audio{order:3;height:22px;min-height:0;box-sizing:border-box;overflow:hidden;gap:5px;padding:0 7px;border-width:2px;border-radius:999px}.compact .quick-volume{width:clamp(44px,13vw,72px);height:10px;min-height:0}.compact .quick-volume::-webkit-slider-runnable-track{height:4px}.compact .quick-volume::-moz-range-track{height:4px}.compact .quick-volume::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3px;border-width:2px}.compact .quick-volume::-moz-range-thumb{width:10px;height:10px;border-width:2px}.compact .quick-audio-icon{display:none}.compact .quick-volume-value{min-width:0;font-size:10px}.compact .game-chat{bottom:calc(var(--safe-bottom) + 4px);left:var(--safe-left);width:clamp(60px,calc(50vw - 120px),170px);gap:3px;font-size:11px}.compact .chat-log{overflow-y:auto;max-height:30px;overscroll-behavior:contain}.compact .chat-form input,.compact .chat-form button{min-height:26px;padding:4px 8px;font-size:11px}.compact .hotbar{bottom:calc(var(--safe-bottom) + 4px);gap:3px}.compact .inventory-slot{width:clamp(24px,7vw,calc(56px * var(--ui-scale)));height:clamp(24px,7vw,calc(56px * var(--ui-scale)))}.compact .inventory-slot img{width:64%;height:64%}.compact .hotbar .inventory-slot:nth-child(n+5){display:none}@media(max-width:379px){.compact .hotbar .inventory-slot:nth-child(n+4){display:none}}.compact .touch-stick{bottom:calc(var(--safe-bottom) + 70px);left:calc(var(--safe-left) + 34px);width:calc(var(--thumb) - 16px);height:calc(var(--thumb) - 16px)}.compact .touch-stick-knob{top:calc((var(--thumb) - 16px) / 2 - 22px);left:calc((var(--thumb) - 16px) / 2 - 22px);width:44px;height:44px}.compact .touch-jump{right:calc(var(--safe-right) + min(34px,6vw));bottom:calc(var(--safe-bottom) + 14px);width:calc(var(--thumb) - 48px);height:calc(var(--thumb) - 48px)}.compact .event-pill{top:var(--safe-top);bottom:auto;padding:5px 12px 5px 7px;border-width:2px;font-size:calc(19px * var(--ui-scale))}.compact .event-pill .ev-icon{width:22px;height:22px}.compact .grow-egg-button{bottom:calc(var(--safe-bottom) + var(--thumb) + 52px)}.compact .title-card{top:calc(var(--safe-top) + 16vh);padding:5px 14px}.compact .tutorial-banner:not([hidden])~.title-card{top:calc(var(--safe-top) + 46px + clamp(28px,5vw,52px) + 26px)}.compact .tutorial-banner{top:calc(var(--safe-top) + 46px)}.compact .popover-panel:not(.player-list){top:var(--safe-top);left:50%;width:min(420px,calc(100vw - 20px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translate(-50%)}.compact .state-card{width:min(420px,calc(100vw - 20px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);padding:16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.compact .system-panel{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 12px)}.compact-short .pause-card{grid-template-columns:1fr 1fr}.compact-short .pause-card>strong{grid-column:1 / -1;margin-bottom:2px}.compact-short .state-card button{min-height:40px}.game-ui[data-phase=paused] .game-logo,.game-ui[data-phase=paused] .game-hud,.game-ui[data-phase=paused] .lobby-auth,.game-ui[data-phase=paused] .room-hud,.game-ui[data-phase=paused] .game-chat,.game-ui[data-phase=paused] .quick-tools,.game-ui[data-phase=paused] .event-pill,.game-ui[data-phase=paused] .title-card,.game-ui[data-phase=paused] .tutorial-banner,.game-ui[data-phase=paused] .player-list,.game-ui[data-phase=paused] .grow-egg-button,.game-ui[data-phase=paused] .hotbar{display:none}.compact .system-panel{width:min(430px,calc(100vw - 40px));max-height:min(74dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px));overflow-y:auto;overscroll-behavior:contain}.compact .panel-head{padding:10px 12px}.compact .panel-head strong{font-size:15px}.compact .index-body{grid-template-columns:1fr;gap:10px;padding:10px 12px 14px;max-height:none}.compact .index-zones{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:4px;overscroll-behavior-x:contain}.compact .game-ui .index-zone{flex:0 0 auto;padding:7px 11px;font-size:12px;white-space:nowrap}.compact .index-detail{display:none}.compact .index-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(52px,15vw,78px),1fr));gap:6px}.compact .index-count{font-size:12px}.compact .speed-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(96px,30vw,140px),1fr));gap:7px;padding:8px 10px 12px;max-height:none}.compact .game-ui .speed-card{gap:5px;padding:8px 6px;border-radius:10px}.compact .speed-art{height:clamp(30px,9vw,44px);border-radius:8px}.compact .speed-grant{font-size:11px}.compact .speed-price{min-width:0;width:100%;padding:4px 0;font-size:11px}.compact .shop-section-title{padding:8px 12px 0;font-size:13px}.compact .backpack-popover{top:50%;bottom:auto;width:min(360px,calc(100vw - 40px));max-height:min(70dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px));overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,-50%)}.compact .backpack-grid{grid-template-columns:repeat(6,1fr);gap:4px;padding:0 8px 8px}@media(max-width:379px){.compact .backpack-grid{grid-template-columns:repeat(5,1fr)}}.compact .backpack-grid .inventory-slot{width:100%;height:auto}.compact .backpack-grid .inventory-slot img{width:62%;height:62%}.compact .backpack-search{padding:8px}.compact .emote-wheel{padding:12px}.compact .emote-wheel-ring{width:min(430px,calc(100vw - 40px));max-height:min(74dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px))}.compact .emote-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px 12px}@media(max-width:379px){.compact .emote-grid{grid-template-columns:repeat(3,1fr)}}.compact .emote-grid span{font-size:clamp(20px,6vw,28px)}.compact .emote-grid small{font-size:10px}.compact .emote-head{padding:10px 12px}.compact .system-panel>.panel-head,.compact .backpack-popover>.panel-head,.compact .player-list>.panel-head{position:sticky;top:0;z-index:2;background:var(--panel)}.sell-list{display:grid;gap:6px;padding:12px 16px;max-height:min(46vh,420px);overflow-y:auto}.game-ui .sell-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:2px solid rgba(93,255,143,.3)!important;border-radius:11px;background:linear-gradient(180deg,#1d5138,#123222)!important;font-size:14px;font-weight:800;text-align:left}.sell-value{flex:0 0 auto;padding:4px 10px;border-radius:8px;background:var(--ui-green);color:#08301c;font-size:13px;font-weight:900}.sell-total{color:var(--ui-green);font-weight:900}.sell-foot{display:flex;justify-content:flex-end;padding:0 16px 16px}.game-ui .sell-all{min-height:44px;padding:0 20px;font-size:14px;font-weight:900}.game-ui .sell-all:disabled{opacity:.45}.trail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px 18px;max-height:min(56vh,500px);overflow-y:auto}.game-ui .trail-card{display:grid;place-items:center;gap:7px;padding:12px 8px;border:2px solid rgba(196,107,255,.3)!important;border-radius:13px;background:linear-gradient(180deg,#2e1d4a,#1a1130)!important;font-size:12px;font-weight:800}.game-ui .trail-card.owned{border-color:#c46bff99!important}.game-ui .trail-card.equipped{border-color:var(--ui-green)!important;box-shadow:0 0 0 2px #5dff8f59}.trail-swatch{width:100%;height:44px;border-radius:10px;box-shadow:inset 0 -6px 14px #00000052}.trail-price{width:100%;padding:4px 0;border-radius:8px;background:#ffffff14;color:#e6d8ff;font-size:11px;font-weight:900;text-align:center}.trail-card.owned .trail-price{background:var(--ui-green);color:#08301c}.compact .trail-grid{grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 10px 12px;max-height:none}.compact .game-ui .trail-card{gap:5px;padding:8px 6px;font-size:11px}.compact .trail-swatch{height:30px}.compact .sell-list{padding:8px 10px;max-height:none}.compact .game-ui .sell-row{padding:8px 10px;font-size:12px}.compact .sell-foot{padding:0 10px 12px}@media(max-width:379px){.compact .trail-grid{grid-template-columns:repeat(2,1fr)}}.game-ui .speed-card,.game-ui .sell-row,.game-ui .trail-card{box-shadow:0 4px #060c188c;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease,border-color .12s ease,filter .12s ease}.game-ui .speed-card:hover:not(:disabled){border-color:#8cdcffd9!important;box-shadow:0 6px #060c188c;filter:brightness(1.12);transform:translateY(-2px)}.game-ui .speed-card:active:not(:disabled){box-shadow:0 1px #060c188c;filter:brightness(.95);transform:translateY(3px)}.game-ui .speed-card:disabled{box-shadow:none;cursor:default;filter:grayscale(.5);opacity:.5}.game-ui .sell-row:hover{border-color:#5dff8fbf!important;box-shadow:0 6px #060c188c;filter:brightness(1.12);transform:translateY(-2px)}.game-ui .sell-row:active{box-shadow:0 1px #060c188c;filter:brightness(.95);transform:translateY(3px)}.game-ui .sell-row:hover .sell-value{box-shadow:0 0 12px #5dff8f8c}.game-ui .sell-all:hover:not(:disabled){filter:brightness(1.12)}.game-ui .sell-all:active:not(:disabled){transform:translateY(2px)}.game-ui .trail-card:hover{border-color:#d89affe6!important;box-shadow:0 6px #060c188c;filter:brightness(1.14);transform:translateY(-2px)}.game-ui .trail-card:active{box-shadow:0 1px #060c188c;filter:brightness(.95);transform:translateY(3px)}.game-ui .trail-card:hover .trail-swatch{box-shadow:inset 0 -6px 14px #00000052,0 0 16px var(--trail-color, #ffffff)}.game-ui .trail-card.equipped{cursor:default}.game-ui .trail-card.equipped:hover{filter:none;transform:none}.game-ui .trail-card.equipped:active{box-shadow:0 4px #060c188c;transform:none}@media(hover:none){.game-ui .speed-card:hover:not(:disabled),.game-ui .sell-row:hover,.game-ui .trail-card:hover{box-shadow:0 4px #060c188c;filter:none;transform:none}}@media(prefers-reduced-motion:reduce){.game-ui .speed-card,.game-ui .sell-row,.game-ui .trail-card{transition:none}.game-ui .speed-card:hover:not(:disabled),.game-ui .sell-row:hover,.game-ui .trail-card:hover{transform:none}}.player-initial{display:grid;flex:0 0 auto;width:24px;height:24px;place-items:center;border-radius:7px;color:#0b1220;font-size:12px;font-style:normal;font-weight:900;line-height:1}