:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827;color:#f9fafb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#071015}body{min-height:100dvh;overscroll-behavior:none}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{cursor:pointer}.app-shell{min-height:100%;background:#101820}.app-shell-game{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;min-height:0;overflow:hidden;background:#071015}.topbar{position:fixed;top:0;right:0;left:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;height:56px;padding:0 18px;background:#0c141ae0;border-bottom:1px solid rgb(255 255 255 / 10%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,opacity .18s ease}.mobile-game-nav-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:10px;z-index:30;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#f9fafb;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#081016db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-game-nav-toggle.is-open{color:#061016;background:#5eead4}.brand,.nav-links a{color:#f9fafb;text-decoration:none}.brand{font-size:18px;font-weight:800}.nav-links{display:flex;gap:12px;align-items:center;font-size:14px}.nav-links a{padding:8px 10px;border-radius:6px;color:#cbd5e1}.nav-links a.active,.nav-links a:hover{color:#fff;background:#ffffff1a}.page{min-height:100vh;padding:88px 24px 32px}.home-layout{display:grid;grid-template-columns:minmax(260px,420px) minmax(280px,1fr);gap:28px;align-items:start;max-width:1120px;margin:0 auto}.room-list{grid-column:1 / -1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cbd5e1;font-size:13px}.section-heading h2{margin:0;color:#f9fafb;font-size:18px}.room-list ul{display:grid;gap:8px;padding:0;margin:14px 0 0;list-style:none}.room-list li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:56px;padding:10px 12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#101820}.room-list li div{display:grid;gap:4px}.room-list li span,.empty-state{color:#94a3b8;font-size:13px}.panel,.stat-card{border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#17212b}.panel{padding:18px}.panel h1,.panel h2,.simple-page h1{margin:0 0 14px}.play-form{display:grid;gap:12px}.field{display:grid;gap:6px;color:#cbd5e1;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;color:#f9fafb;background:#0f1720;border:1px solid rgb(255 255 255 / 16%);border-radius:6px}.field textarea{min-height:96px;resize:vertical}.primary-button,.secondary-button,.icon-button{min-height:40px;color:#061016;border:0;border-radius:6px;background:#5eead4;font-weight:800}.secondary-button{color:#f9fafb;border:1px solid rgb(255 255 255 / 14%);background:#263445}.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.icon-button{display:inline-grid;place-items:center;width:40px;padding:0}button:disabled{cursor:default;opacity:.55}.room-list .secondary-button{min-width:84px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading h1,.page-heading p{margin:0}.page-heading p,.item-card p{color:#94a3b8;font-size:13px}.wallet-strip{display:flex;flex-wrap:wrap;gap:8px}.simple-page .wallet-strip span,.simple-page .progress-band span{padding:8px 10px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#17212b;color:#cbd5e1;font-size:13px}.catalog-grid,.tier-grid,.daily-grid,.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tier-grid,.daily-grid{margin-top:14px}.admin-page{max-width:1280px;margin:0 auto}.admin-login{max-width:420px;margin:48px auto 0}.admin-title,.admin-actions,.toggle-row,.button-row{display:flex;align-items:center;gap:10px}.admin-title{margin-bottom:18px}.admin-title h1,.admin-title p{margin:0}.admin-form{display:grid;gap:14px}.admin-grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);gap:16px;align-items:start}.admin-table{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:minmax(120px,1.3fr) 96px minmax(130px,1fr) 82px;gap:10px;align-items:center;width:100%;min-height:44px;padding:9px 10px;color:#cbd5e1;text-align:left;background:#101820;border:1px solid rgb(255 255 255 / 10%);border-radius:6px}.admin-row-head{color:#94a3b8;background:transparent;border:0;font-size:12px;font-weight:800;text-transform:uppercase}.admin-row.selected,.admin-row:hover{color:#f9fafb;border-color:#5eead473;background:#19313b}.tier-row{grid-template-columns:minmax(120px,1fr) 100px 100px 82px}.form-grid{display:grid;gap:12px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{flex-wrap:wrap}.toggle-row label{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;font-size:14px}.admin-preview{width:100%;aspect-ratio:5 / 2;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff05),#0f1720;background-repeat:no-repeat;background-position:center;background-size:contain}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.schedule-column{display:grid;gap:10px;align-content:start}.schedule-item{display:grid;gap:4px;padding:10px;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:#101820}.schedule-column .schedule-item span{color:#94a3b8;font-size:12px}@media (max-width: 900px){.admin-grid,.schedule-grid,.two-col,.admin-row,.tier-row{grid-template-columns:1fr}}.item-card{display:grid;gap:12px;align-content:start;min-height:148px;padding:14px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#17212b}.item-card h2{margin:0 0 4px;font-size:16px}.skin-swatch{width:54px;height:54px;border:3px solid rgb(255 255 255 / 28%);border-radius:999px;background:#5eead4;background-position:center;background-size:cover}.selected-skin{display:flex;align-items:center;gap:10px;min-height:58px;color:#cbd5e1;font-size:14px}.skin-citrus{background:#fbbf24}.skin-ember{background:#fb7185}.skin-mint{background:#86efac}.skin-tidal{background:#38bdf8}.skin-violet{background:#c084fc}.progress-band{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#17212b}meter{width:100%;height:12px;grid-column:1 / -1}.ranking-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:40px 1fr auto auto;gap:12px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#17212b}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{min-height:110px;padding:16px}.stat-value{display:block;margin-top:8px;font-size:30px;font-weight:900}.wide-page{max-width:1180px}.tab-strip,.market-filters,.button-row,.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tab-strip{margin-bottom:16px}.tab-strip button,.mini-button,.modal-close{min-height:32px;padding:6px 10px;color:#f9fafb;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#263445;font-weight:800}.tab-strip button.active{color:#061016;background:#5eead4}.market-filters select{min-height:38px;color:#f9fafb;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;background:#0f1720}.market-section,.collection-section{margin-top:24px}.compact-list{display:grid;gap:8px;margin-top:12px}.compact-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;min-height:46px;padding:10px 12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#17212b}.skin-preview-wrap{position:relative;width:62px}.premium-diamond{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:22px;height:22px;color:#fc0;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;background:#0f1720;font-size:13px;font-weight:900}.collection-card.locked .skin-swatch{filter:grayscale(1);opacity:.52}.premium-card p,.collection-card p{margin:0;color:#94a3b8;font-size:13px}.modal-backdrop,.trade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#040a0eb8}.market-modal,.trade-dialog{width:min(520px,100%);padding:18px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#17212b}.market-modal h2,.trade-dialog h2{margin:10px 0}.modal-close{float:right}.price-chart{display:flex;align-items:end;gap:4px;height:140px;padding:12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#101820}.price-chart .price-bar{width:10px;min-height:10px;border-radius:4px 4px 0 0;background:#5eead4}.game-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;min-height:100dvh;overflow:hidden;background:#071015;-webkit-user-select:none;user-select:none}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.game-page.touch-hud .game-canvas{top:0;right:0;bottom:0;left:0}.leaderboard-list .mini-button{display:inline-grid;place-items:center;min-height:26px;min-width:30px;padding:4px 7px;font-size:11px}.minimap-wrap{position:absolute;left:0;bottom:0;display:grid;gap:8px;pointer-events:auto}.map-toggle{display:none;align-items:center;justify-content:space-between;gap:6px;min-height:36px;padding:0 10px;color:#f9fafb;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#081016d6;font-size:12px;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-toggle .map-toggle-label{min-width:36px}.minimap{display:grid;grid-template-columns:repeat(5,1fr);width:150px;height:150px;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#081016c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.minimap-cell{display:grid;place-items:center;min-width:0;color:#e2e8f09e;font-size:11px;font-weight:900;border:1px solid rgb(255 255 255 / 8%)}.minimap-cell.active{animation:pulseQuadrant 1.2s ease-in-out infinite;background:#ffcc002e}.minimap-cell.current{color:#fff;background:#ef44441f}.minimap-player-dot{position:absolute;z-index:2;width:12px;height:12px;border:2px solid #fff;border-radius:999px;background:#ef4444;box-shadow:0 0 0 4px #ef444433,0 2px 10px #00000073;transform:translate(-50%,-50%)}.friend-tray{position:absolute;left:0;bottom:160px;display:grid;gap:5px;width:130px;padding:9px;border:1px solid rgb(94 234 212 / 32%);border-radius:8px;background:#081016c7;color:#cbd5e1;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-hud .friend-tray div{display:flex;align-items:center;gap:6px;color:#f9fafb}.friend-label{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:999px;background:#5eead429;color:#5eead4;font-size:10px;font-weight:800}@keyframes pulseQuadrant{0%,to{opacity:.45}50%{opacity:.92}}.toast-stack{position:absolute;top:calc(env(safe-area-inset-top,0px) + 72px);left:50%;z-index:50;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.toast{padding:10px 12px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#081016e0;color:#f9fafb;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-success{border-color:#5eead48a}.toast-warning{border-color:#ffcc008a}.trade-offer-popover{position:absolute;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);z-index:45;display:grid;gap:8px;width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#081016e5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.trade-summary{color:#cbd5e1;font-size:13px}.game-canvas canvas{display:block;width:100%;height:100%}.game-hud{position:absolute;inset:calc(env(safe-area-inset-top,0px) + 72px) 16px calc(env(safe-area-inset-bottom,0px) + 16px) 16px;z-index:10;pointer-events:none}.hud-panel{width:min(280px,calc(100vw - 32px));padding:12px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#081016c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.hud-panel h2{margin:0 0 10px;font-size:14px}.hud-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hud-panel-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;min-height:28px;padding:0;color:#f9fafb;border:0;background:transparent;font-weight:800}.hud-panel-toggle .hud-panel-toggle-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel.is-collapsed{width:auto;min-width:116px;padding:8px 10px;border-radius:999px}.leaderboard-panel.is-collapsed .hud-panel-header{margin-bottom:0}.hud-panel-badge{padding:4px 8px;border-radius:999px;background:#5eead424;color:#5eead4;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.leaderboard-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:13px}.leaderboard-list li{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center}.trade-request-panel{display:grid;gap:12px}.trade-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.score-strip{position:absolute;right:0;bottom:0;display:grid;grid-auto-flow:column;gap:8px;padding:10px 12px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#081016c7;pointer-events:auto}.score-metric{display:grid;gap:2px;min-width:0}.score-metric small{color:#94a3b8;font-size:10px;line-height:1;text-transform:uppercase}.score-metric strong{display:flex;align-items:baseline;gap:2px;font-size:15px;line-height:1}.score-metric-primary strong{font-size:18px}.metric-unit{color:#94a3b8;font-size:10px;font-weight:700}.effect-timers{position:absolute;top:0;left:50%;display:flex;gap:8px;transform:translate(-50%)}.game-hud .effect-timers span{min-width:92px;padding:8px 10px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;color:#f8fafc;font-size:13px;font-weight:700;text-align:center;background:#081016c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.touch-actions{position:absolute;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 72px);display:none;grid-template-columns:repeat(3,58px);gap:10px;pointer-events:auto;touch-action:none}.touch-actions.is-visible{display:grid}.touch-action-button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-action-button .touch-action-label{font-size:11px;font-weight:800;line-height:1}.touch-action-primary{color:#061016;background:#5eead4}.joystick-toggle{position:absolute;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:2;min-height:34px;padding:0 12px;color:#f9fafb;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;background:#081016d6;font-size:12px;font-weight:800;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent}.joystick-toggle.is-active{color:#061016;background:#5eead4}.virtual-joystick{position:absolute;left:calc(env(safe-area-inset-left,0px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:8;display:grid;place-items:center;width:146px;height:146px;pointer-events:auto;touch-action:none;opacity:.5;transition:opacity .14s ease;-webkit-tap-highlight-color:transparent}.virtual-joystick.is-engaged{opacity:1}.virtual-joystick.is-placed{bottom:auto;transform:translate(-50%,-50%)}.virtual-joystick-base{position:relative;display:grid;place-items:center;width:112px;height:112px;border:1px solid rgb(148 163 184 / 20%);border-radius:999px;background:#94a3b824;box-shadow:inset 0 0 24px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.virtual-joystick.is-engaged .virtual-joystick-base{border-color:#ffffff2e;background:#08101675;box-shadow:inset 0 0 28px #ffffff0f}.virtual-joystick-base:before{position:absolute;width:34px;height:34px;border:1px solid rgb(148 163 184 / 14%);border-radius:999px;content:""}.virtual-joystick.is-engaged .virtual-joystick-base:before{border-color:#ffffff1a}.virtual-joystick-knob{position:absolute;width:46px;height:46px;border:1px solid rgb(226 232 240 / 18%);border-radius:999px;background:#94a3b861;box-shadow:0 8px 20px #0000002e}.virtual-joystick.is-engaged .virtual-joystick-knob{border-color:#ffffff42;background:#5eead4db;box-shadow:0 8px 24px #00000052}.icon-button{width:58px;height:58px;color:#f9fafb;background:#263445eb;border:1px solid rgb(255 255 255 / 16%)}.death-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;pointer-events:none}.death-dialog{width:min(360px,calc(100vw - 32px));padding:18px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#17212beb;pointer-events:auto;box-shadow:0 24px 80px #0000005c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.simple-page{max-width:960px;margin:0 auto}.simple-page .icon-button{width:40px;height:40px}.tool-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#0f1720;color:#94a3b8}.search-field input{width:100%;color:#f9fafb;border:0;outline:0;background:transparent}.segmented-control{display:flex;flex-wrap:wrap;gap:6px}.segmented-control button{min-height:34px;padding:6px 10px;color:#cbd5e1;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#263445;font-weight:800}.segmented-control button.active,.active-icon{color:#061016;background:#5eead4}.compendium-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.compendium-card .skin-preview-wrap{display:block;width:fit-content;color:inherit}.owned-badge{position:absolute;right:-4px;bottom:-2px;color:#fc0;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 45%))}.card-title-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.skin-detail-layout,.profile-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(280px,1fr);gap:16px;align-items:stretch}.skin-detail-preview{display:grid;place-items:center;min-height:300px}.skin-detail-preview .skin-swatch{width:clamp(160px,22vw,260px);height:clamp(160px,22vw,260px)}.skin-detail-meta{display:grid;gap:16px;align-content:start}.detail-columns,.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.data-list{display:grid;gap:8px;margin-top:12px}.data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:10px 12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#101820}.simple-page .data-row div{display:grid;gap:4px}.data-row a,.icon-text-link,.mini-skin-card,.friend-chip{color:#f9fafb;text-decoration:none}.simple-page .data-row span,.simple-page .metric-card span,.simple-page .metric-line span,.simple-page .mini-skin-card span{color:#94a3b8;font-size:12px}.icon-text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:6px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:grid;gap:6px;min-height:74px;padding:12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#101820}.metric-card strong{font-size:24px}.profile-summary{display:grid;gap:10px;align-content:start}.profile-summary h2,.profile-summary p{margin:0}.profile-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:999px;background:#f59e0b;color:#101820;font-size:34px;font-weight:900}.profile-wide-panel{grid-column:1 / -1}.skin-strip,.friend-chip-list{display:flex;flex-wrap:wrap;gap:10px}.mini-skin-card{display:grid;justify-items:center;gap:8px;width:104px;padding:10px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#101820;text-align:center}.friend-chip{padding:8px 10px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#263445}.inline-field{grid-template-columns:auto minmax(220px,1fr);align-items:center}.compact-buttons{justify-content:end}.toggle-line{display:inline-flex;align-items:center;gap:10px;color:#cbd5e1}.analytics-stack{display:grid;gap:16px}.analytics-header{display:grid;gap:14px}.analytics-card{min-height:220px}.metric-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:36px;padding:8px 0;border-bottom:1px solid rgb(255 255 255 / 8%)}.metric-line:last-child{border-bottom:0}@media (max-width: 760px){.topbar{height:auto;min-height:56px;flex-wrap:wrap;padding-block:8px}.nav-links{width:100%;overflow-x:auto}.home-layout,.home-stats,.tool-panel,.skin-detail-layout,.profile-layout,.detail-columns,.analytics-grid,.metric-grid.compact{grid-template-columns:1fr}.game-hud{top:88px;right:10px;bottom:10px;left:10px}.minimap{width:126px;height:126px}.minimap-cell{font-size:9px}.friend-tray{bottom:136px;width:126px}.touch-actions{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}}@media (max-width: 1024px){.app-shell-game .mobile-game-nav-toggle{display:inline-grid}.app-shell-game .topbar-game{transform:translateY(calc(-100% - 12px));opacity:0;pointer-events:none}.app-shell-game .topbar-game.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.app-shell-game .topbar-game.is-open+*{pointer-events:auto}}.game-page.touch-hud .game-hud{inset:calc(env(safe-area-inset-top,0px) + 58px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px}.game-page.touch-hud .hud-panel{width:min(172px,calc(48vw - 10px));padding:8px}.game-page.touch-hud .leaderboard-panel.is-collapsed{width:auto;min-width:108px;max-width:min(168px,calc(48vw - 10px))}.game-page.touch-hud .hud-panel-toggle{min-height:24px;font-size:11px}.game-page.touch-hud .hud-panel-header{margin-bottom:8px}.game-page.touch-hud .hud-panel h2{margin:0;font-size:12px}.game-page.touch-hud .leaderboard-list{gap:4px;font-size:11px}.game-page.touch-hud .leaderboard-list li{grid-template-columns:16px minmax(0,1fr) auto;gap:6px}.game-page.touch-hud .leaderboard-list li span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-page.touch-hud .friend-label{margin-left:4px;padding:1px 4px;font-size:9px}.game-page.touch-hud .minimap-wrap{gap:6px}.game-page.touch-hud .map-toggle{display:inline-flex;width:fit-content}.game-page.touch-hud .minimap-wrap.is-collapsed{width:auto}.game-page.touch-hud.has-virtual-joystick .minimap-wrap{bottom:calc(env(safe-area-inset-bottom,0px) + 148px)}.game-page.touch-hud .minimap{width:clamp(92px,24vw,108px);height:clamp(92px,24vw,108px)}.game-page.touch-hud .minimap-cell{font-size:8px}.game-page.touch-hud .minimap-player-dot{width:10px;height:10px}.game-page.touch-hud .friend-tray{bottom:calc(env(safe-area-inset-bottom,0px) + 118px);width:108px;padding:7px;font-size:10px}.game-page.touch-hud .effect-timers{top:2px;gap:6px}.game-page.touch-hud .effect-timers span{min-width:72px;padding:6px 8px;font-size:11px}.game-page.touch-hud .score-strip{top:0;right:0;bottom:auto;gap:6px;padding:7px 8px}.game-page.touch-hud .score-metric small{font-size:8px}.game-page.touch-hud .score-metric strong{font-size:12px}.game-page.touch-hud .score-metric-primary strong{font-size:14px}.game-page.touch-hud .touch-actions{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);grid-template-columns:repeat(3,minmax(0,68px));gap:8px}.game-page.touch-hud .touch-action-button{width:68px;height:68px;border-radius:14px}.game-page.touch-hud .touch-action-button .touch-action-label{font-size:10px}.game-page.touch-hud .toast-stack{top:calc(env(safe-area-inset-top,0px) + 58px);width:min(320px,calc(100vw - 20px))}