:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2a2140;--ink-soft:#6d6485;--card:#ffffffa8;--card-border:#4a3a782e;--shadow:0 10px 30px #2b235024;--gold:#ffb703;--green:#47b86a;--red:#e5484d;font-family:Nunito,ui-rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#bfe4ff;height:100%;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}body:after{content:"";pointer-events:none;z-index:4;background:radial-gradient(at 50% 45%,#0000 55%,#1c264029 100%);position:fixed;inset:0}.joystick{--joystick-scale:1;width:calc(140px * var(--joystick-scale));height:calc(140px * var(--joystick-scale));margin:calc(-70px * var(--joystick-scale)) 0 0 calc(-70px * var(--joystick-scale));pointer-events:none;z-index:5;background:#ffffff2e;border:2px solid #ffffffb3;border-radius:50%;position:fixed;box-shadow:0 8px 24px #1e28461f}.joystick-knob{width:calc(56px * var(--joystick-scale));height:calc(56px * var(--joystick-scale));margin:calc(-28px * var(--joystick-scale)) 0 0 calc(-28px * var(--joystick-scale));background:#ffffffd9;border:2px solid #4e3f7833;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #1e284633}.fire-button{color:#fff;letter-spacing:.08em;z-index:6;touch-action:none;background:#e5484dd1;border:2px solid #ffffffb3;border-radius:50%;width:104px;height:104px;font:800 14px ui-rounded,ui-sans-serif,system-ui,sans-serif;position:fixed;bottom:34px;right:28px;box-shadow:0 10px 26px #961e284d}.turbo-button{--turbo-charge:1;--turbo-ring:#5ccdff;--turbo-center:#1267aaf0;background:radial-gradient(circle at 50% 50%, var(--turbo-center) 56%, transparent 58%), conic-gradient(var(--turbo-ring) calc(var(--turbo-charge) * 1turn), #183650d1 0);color:#fff;letter-spacing:.08em;z-index:6;touch-action:none;border:2px solid #ffffffb3;border-radius:50%;width:76px;height:76px;font:800 11px ui-rounded,ui-sans-serif,system-ui,sans-serif;position:fixed;bottom:46px;right:144px;box-shadow:0 10px 24px #14508c4d}.turbo-button[data-state=active]{--turbo-ring:#ffd166;--turbo-center:#ffb703f0;color:#2a2140;box-shadow:0 0 24px #ffb7038c}.turbo-button[data-state=empty]{--turbo-ring:#ff4d5e;--turbo-center:#462d37e6;color:#ffb3b3;box-shadow:0 6px 16px #1e28462e}.grenade-button{--grenade-charge:1;--grenade-ring:#9dffbf;--grenade-center:#227049f0;background:radial-gradient(circle at 50% 50%, var(--grenade-center) 56%, transparent 58%), conic-gradient(var(--grenade-ring) calc(var(--grenade-charge) * 1turn), #183650d1 0);color:#fff;letter-spacing:.06em;z-index:6;touch-action:none;border:2px solid #ffffffb3;border-radius:50%;width:72px;height:72px;font:800 10px ui-rounded,ui-sans-serif,system-ui,sans-serif;position:fixed;bottom:136px;right:144px;box-shadow:0 10px 24px #14503c4d}.grenade-button[data-state=cooling]{--grenade-ring:#6b7c88;--grenade-center:#2c3c46e6;color:#c3ced6;box-shadow:0 6px 16px #1e28462e}.grenade-button[data-state=locked]{--grenade-ring:#6b5560;--grenade-center:#372a30e6;color:#d7a6ad;box-shadow:0 6px 16px #1e28462e}#start-screen,#death-screen{z-index:30;box-sizing:border-box;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#start-screen{background:radial-gradient(at 50% 42%,#12223e0a 20%,#12223e57 100%),linear-gradient(#3a76b438,#12223e2e 52%,#12223e6b)}#start-screen:before{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 38%,#08122447 100%);position:absolute;inset:0}#start-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000,#08122438);height:22vh;position:absolute;inset:auto 0 0}#menu-scene{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}#scene{z-index:1;position:relative}body.playing #menu-scene{display:none}body.menu #hud-radar,body.menu #hud-fps{display:none!important}#death-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#221c386b;display:none}.screen-card{z-index:1;text-align:center;background:#fffffff0;border:1px solid #fffc;border-radius:24px;gap:14px;width:min(430px,88vw);padding:30px;display:grid;position:relative;box-shadow:0 30px 70px #24325040,inset 0 1px #ffffffe6}.screen-card h1{letter-spacing:.02em;color:var(--ink);text-shadow:0 3px #fff,0 10px 26px #2b23502e;margin:0;font-size:44px;font-weight:900}.screen-card h1:after{content:"CITY CRUSHER";letter-spacing:.46em;color:#8c81a8;margin-top:5px;font-size:11px;font-weight:800;display:block}.screen-card h2{letter-spacing:.06em;color:var(--red);margin:0;font-size:24px;font-weight:900}.tagline{color:var(--ink-soft);margin:0;font-size:14px;font-weight:600}.screen-card input{color:var(--ink);text-align:center;background:#f9f7fd;border:2px solid #e8e3f2;border-radius:12px;outline:none;padding:13px 15px;font:700 16px ui-rounded,ui-sans-serif,system-ui,sans-serif;transition:border-color .12s}.screen-card input:focus{border-color:#b7a8e8}.screen-card button{color:#fff;letter-spacing:.16em;cursor:pointer;text-shadow:0 1px #00000029;background:linear-gradient(#5fd27a,#3fae5e);border:0;border-bottom:4px solid #2e8b49;border-radius:14px;padding:14px;font:900 17px ui-rounded,ui-sans-serif,system-ui,sans-serif;transition:transform 90ms,filter .12s;box-shadow:0 10px 22px #3fae5e59}.screen-card button:hover{filter:brightness(1.05);transform:translateY(-1px)}.screen-card button:active{border-bottom-width:2px;transform:translateY(1px)}.screen-card button.secondary{color:#6f6685;box-shadow:none;text-shadow:none;background:#f5f2fb;border:2px solid #e8e3f2;padding:10px 14px;font-size:12px}.screen-card button.install{color:#28628f;background:#eef7ff;border-color:#b9d6f2}.hint{color:#938aa8;margin:0;font-size:11.5px;font-weight:600}.death-stats{color:var(--ink-soft);gap:7px;font-size:14px;font-weight:700;display:grid}.death-stats div{background:#f5f2fb;border-radius:10px;justify-content:space-between;padding:8px 12px;display:flex}.death-stats b{color:var(--ink)}.death-card .death-play{letter-spacing:.2em!important;padding:16px!important;font-size:19px!important}.death-rank b{color:#b07d00}.leaderboard-tabs{justify-content:center}.leaderboard-body{align-content:start;gap:2px;min-height:210px;display:grid}.leaderboard-head,.leaderboard-row{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.leaderboard-head{color:#a49ab8;letter-spacing:.18em;padding:0 10px 6px;font-size:9px;font-weight:900}.leaderboard-head span:last-child{text-align:right}.leaderboard-row{color:#4a4360;background:#f7f5fb;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700}.leaderboard-row:nth-child(2){background:#fffaeb}.leaderboard-rank{color:#b07d00;font-variant-numeric:tabular-nums;font-weight:900}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.leaderboard-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 1px #0000002e}.leaderboard-mass{color:#8c81a8;font-variant-numeric:tabular-nums;text-align:right;font-weight:900}.leaderboard-state{color:#8c81a8;text-align:center;margin:24px 0;font-size:12px;font-weight:700;line-height:1.5}.leaderboard-best{color:#a49ab8;text-align:center;letter-spacing:.04em;margin:2px 0 0;font-size:10.5px;font-weight:800}#hud-game{pointer-events:none;z-index:8;color:var(--ink);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:16px 18px;font:600 12.5px ui-rounded,ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;inset:0}.hud-block,.hud-board,.hud-feed div,#hud-radar #hud-cost,.hud-audio{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-block{border-radius:14px;grid-column:1;align-self:start;width:-moz-fit-content;width:fit-content;padding:9px 14px}.hud-stats{gap:7px;display:grid}.hud-mass{align-items:baseline;gap:8px;display:flex}.hud-mass span:last-child{font-variant-numeric:tabular-nums;color:var(--ink);font:900 24px ui-rounded,ui-sans-serif,system-ui,sans-serif}.hud-label{letter-spacing:.2em;color:#938aa8;font-size:9.5px;font-weight:800}.hud-tier{width:200px}.hud-tier-row{justify-content:space-between;margin-bottom:6px;display:flex}#hud-tier{color:#d99400;font-weight:900}#hud-tier-next{color:#8c81a8;font-size:11px;font-weight:700}.hud-tier-bar{background:#ece8f5;border-radius:99px;height:8px;overflow:hidden}#hud-tier-fill{background:linear-gradient(90deg,#ffd166,#ff9f45);border-radius:99px;width:0%;height:100%;transition:width .12s linear}.hud-board:before{content:attr(data-label);letter-spacing:.2em;color:#a49ab8;padding:1px 6px 7px;font-size:9px;font-weight:800;display:block}.hud-board{border-radius:14px;grid-area:1/2/3;align-self:start;min-width:200px;max-width:36vw;margin:0;padding:8px 12px;list-style:none}.hud-board li{color:#4a4360;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;justify-content:space-between;gap:12px;padding:5px 6px;font:700 11.5px ui-rounded,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}.hud-board li+li{border-top:1px solid #4a3a780f}.hud-board li:first-child{color:#b07d00}.hud-board-mass{color:#8c81a8;font-weight:900}.hud-board li.me .hud-board-mass{color:#b07d00}.hud-board li.me{color:var(--ink);background:linear-gradient(90deg,#ffd16657,#ffd16614);font-weight:900}.hud-turbo{letter-spacing:.12em;color:#8c81a8;gap:3px;font:800 9px ui-rounded,ui-sans-serif,system-ui,sans-serif;display:grid}.hud-turbo-bar{background:#ece8f5;border-radius:99px;height:3px;overflow:hidden}#hud-turbo-fill{background:linear-gradient(90deg,#5ccdff,#2e8bc9);border-radius:99px;width:100%;height:100%;transition:width 80ms linear}.hud-turbo[data-state=active]{color:#d99400}.hud-turbo[data-state=active] #hud-turbo-fill{background:linear-gradient(90deg,#ffd166,#ff9f45)}.hud-turbo[data-state=empty]{color:#c4464b}.hud-turbo[data-state=empty] #hud-turbo-fill{background:#c4464b}.hud-grenade{letter-spacing:.12em;color:#8c81a8;gap:3px;font:800 9px ui-rounded,ui-sans-serif,system-ui,sans-serif;display:grid}.hud-grenade-bar{background:#ece8f5;border-radius:99px;height:3px;overflow:hidden}#hud-grenade-fill{background:linear-gradient(90deg,#9dffbf,#32b56b);border-radius:99px;width:100%;height:100%;transition:width 80ms linear}.hud-grenade[data-state=cooling]{color:#c4464b}.hud-grenade[data-state=cooling] #hud-grenade-fill{background:#c4464b}.hud-grenade[data-state=locked]{color:#8c81a8}.hud-grenade[data-state=locked] #hud-grenade-fill{background:#c4464b}.hud-feed{color:#4a4360;grid-area:3/1;align-self:end;gap:4px;max-width:430px;font-size:11.5px;font-weight:700;display:grid}.hud-feed div{border-radius:9px;width:-moz-fit-content;width:fit-content;padding:5px 10px}#hud-radar{z-index:9;pointer-events:none;justify-items:end;gap:6px;display:grid;position:fixed;bottom:18px;right:18px}#hud-radar:before{content:attr(data-label);letter-spacing:.2em;color:#a49ab8;text-shadow:0 1px #fffc;justify-self:end;padding-right:3px;font-size:9px;font-weight:800}#hud-radar canvas{width:148px;height:148px;box-shadow:var(--shadow);background:#121725;border:1px solid #ffffffbf;border-radius:14px;display:block}#hud-radar #hud-cost{color:#7a5d4a;border-radius:9px;padding:6px 10px;font:700 11px ui-monospace,monospace}.hud-audio{color:#7f7597;pointer-events:none;border-radius:8px;grid-area:2/1;place-self:end start;padding:4px 9px;font:700 10px ui-monospace,monospace}.hud-audio[data-muted=true]{color:#c4464b}body.playing{cursor:none}#damage-flash{opacity:0;pointer-events:none;z-index:6;background:radial-gradient(#0000 38%,#dc2d3794 100%);position:fixed;inset:0}#damage-flash.show{animation:.52s ease-out damage-flash}@keyframes damage-flash{0%{opacity:.92}to{opacity:0}}#tier-banner{color:#b07d00;letter-spacing:.06em;text-align:center;opacity:0;pointer-events:none;z-index:25;background:#fffffff2;border:2px solid #ffd166d9;border-radius:16px;padding:14px 28px;font:900 18px ui-rounded,ui-sans-serif,system-ui,sans-serif;position:fixed;top:27%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 18px 40px #2b235038}#tier-banner.show{animation:2.4s ease-out forwards tier-pop}@keyframes tier-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}22%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}@media (max-width:760px),(orientation:landscape) and (max-height:520px){#hud-game{padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));gap:2px}.hud-block{border-radius:11px;padding:7px 10px}.hud-stats{gap:5px}.hud-mass span:last-child{font-size:19px}.hud-label{font-size:8.5px}.hud-tier{width:136px}.hud-tier-row{margin-bottom:4px}#hud-tier-next{font-size:10px}.hud-tier-bar{height:5px}.hud-turbo,.hud-grenade,.hud-board{display:none}#hud-radar{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));gap:0;bottom:auto}#hud-radar:before,#hud-radar #hud-cost,.hud-audio{display:none}#hud-radar canvas{border-radius:11px;width:92px;height:92px}.hud-feed{gap:2px;max-width:55vw;font-size:9.5px}.hud-feed div{border-radius:7px;padding:3px 7px}.hud-feed div:nth-child(n+2){display:none}.fire-button{right:calc(16px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:88px;height:88px;font-size:12px}.turbo-button{right:calc(116px + env(safe-area-inset-right));bottom:calc(32px + env(safe-area-inset-bottom));width:72px;height:72px;font-size:10px}.grenade-button{right:calc(116px + env(safe-area-inset-right));bottom:calc(116px + env(safe-area-inset-bottom));width:72px;height:72px;font-size:9px}.joystick{width:calc(120px * var(--joystick-scale));height:calc(120px * var(--joystick-scale));margin:calc(-60px * var(--joystick-scale)) 0 0 calc(-60px * var(--joystick-scale))}.joystick-knob{width:calc(48px * var(--joystick-scale));height:calc(48px * var(--joystick-scale));margin:calc(-24px * var(--joystick-scale)) 0 0 calc(-24px * var(--joystick-scale))}.screen-card{padding:24px 20px}.screen-card h1{font-size:36px}}@media (orientation:landscape) and (max-height:520px){.hud-feed{display:none}.screen-card{gap:8px;width:min(460px,72vw);padding:16px 22px}.screen-card h1{font-size:30px}.screen-card h1:after{margin-top:2px;font-size:8px}.screen-card input{padding:9px 12px}.screen-card button{padding:10px;font-size:14px}#start-screen .tagline,#start-screen .hint{display:none}}#install-guide{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:45;background:#221c3885;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#install-guide .screen-card{text-align:center;width:min(360px,86vw)}#install-guide .install-icon{color:var(--gold);font-size:46px;line-height:1}#install-guide h2{color:var(--ink);letter-spacing:.08em;font-size:20px}#install-guide .hint{font-size:12px;line-height:1.55}#debug-panel{color:#cfe3ff;z-index:40;background:#12101ceb;border:1px solid #ffffff1a;border-radius:12px;width:300px;padding:12px;font:11px ui-monospace,monospace;display:none;position:fixed;top:14px;left:14px}.debug-stats{white-space:pre;color:#9fd6ff;margin-bottom:10px}.debug-heading{color:#8f9bb0;letter-spacing:.14em;margin:6px 0}.debug-row{grid-template-columns:84px 1fr 54px;align-items:center;gap:6px;margin:4px 0;display:grid}.debug-row input{width:100%}.debug-row b{color:#ffd166;text-align:right}.debug-reset{color:#cfe3ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;width:100%;margin-top:8px;padding:5px;font:11px ui-monospace,monospace}.menu-card{gap:11px;width:min(452px,92vw);padding:26px 28px 20px}.menu-card h1{font-size:46px}.menu-status{color:#6f6685;letter-spacing:.04em;justify-content:center;align-items:center;gap:7px;min-height:18px;font-size:11px;font-weight:800;display:flex}.status-dot{background:#47b86a;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite status-pulse;box-shadow:0 0 0 3px #47b86a2e}.menu-status[data-live=false] .status-dot{background:var(--gold);box-shadow:0 0 0 3px #ffb7032e}.status-sep{color:#b9b0ca}.status-mode{color:#9a91ad;letter-spacing:0;font-weight:700}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.8)}}.menu-card input{padding:14px 16px;font-size:18px}.play-button{letter-spacing:.2em!important;padding:16px!important;font-size:20px!important}.menu-nav{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.menu-nav button{line-height:1.25;letter-spacing:.1em!important;padding:10px 6px!important;font-size:10.5px!important}.menu-enter-hint{color:#b0a7c0;letter-spacing:.04em;margin:-2px 0 0;font-size:10px;font-weight:700}.rotate-hint{color:#8a6100;background:#ffb7031f;border-radius:9px;margin:0;padding:7px 10px;font-size:10.5px;font-weight:800;line-height:1.35;display:none}.menu-footer{border-top:1px solid #eee9f5;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.menu-version{color:#b0a7c0;letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-weight:800}.link-button{cursor:pointer;color:#6f6685!important;letter-spacing:.04em!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:0!important;padding:4px 2px!important;font:800 11px ui-rounded,ui-sans-serif,system-ui,sans-serif!important}.link-button:hover{color:var(--ink)!important;transform:none!important}.menu-panel{z-index:31;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c14247a;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.panel-card{text-align:left;background:#fffffff7;border:1px solid #ffffffd9;border-radius:24px;flex-direction:column;width:min(780px,94vw);max-height:min(88vh,820px);display:flex;overflow:hidden;box-shadow:0 34px 80px #0f193059,inset 0 1px #ffffffe6}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 12px;display:flex}.panel-head h2{color:var(--ink);letter-spacing:.04em;margin:0;font-size:25px;font-weight:900}.panel-subtitle{color:var(--ink-soft);margin:3px 0 0;font-size:12px;font-weight:600}.panel-close{cursor:pointer;width:34px;height:34px;color:#6f6685!important;box-shadow:none!important;text-shadow:none!important;background:#f7f5fb!important;border:1px solid #e8e3f2!important;border-radius:50%!important;padding:0!important;font:800 20px/1 ui-rounded,ui-sans-serif,system-ui,sans-serif!important}.panel-close:hover{background:#efebf8!important;transform:none!important}.panel-body{overscroll-behavior:contain;align-content:start;gap:16px;padding:4px 24px 18px;display:grid;overflow:auto}.panel-footer{background:#faf8fde6;border-top:1px solid #eee9f5;justify-content:flex-end;gap:10px;padding:14px 24px 20px;display:flex}.panel-card button.primary,.panel-card button.secondary{letter-spacing:.12em;cursor:pointer;border-radius:12px;padding:11px 20px;font:900 12.5px ui-rounded,ui-sans-serif,system-ui,sans-serif;transition:transform 90ms,filter .12s}.panel-card button.primary{color:#fff;text-shadow:0 1px #00000024;background:linear-gradient(#5fd27a,#3fae5e);border:0;border-bottom:3px solid #2e8b49;box-shadow:0 8px 18px #3fae5e4d}.panel-card button.secondary{color:#6f6685;background:#f7f5fb;border:2px solid #e8e3f2}.panel-card button:hover{filter:brightness(1.04);transform:translateY(-1px)}.panel-card button:active{transform:translateY(1px)}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));align-content:start;gap:10px;display:grid}.skin-card{color:var(--ink);text-align:left;cursor:pointer;box-shadow:none;font:inherit;background:#f7f5fb;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:5px;padding:8px;display:flex}.skin-card:hover{background:#f3effb;border-color:#d9cff1}.skin-card[data-state=selected]{background:#fffaeb;border-color:#ffc53d;box-shadow:0 6px 16px #ffb7032e}.skin-card[data-state=locked]{opacity:.6;cursor:not-allowed}.skin-card.shake{animation:.26s skin-shake}@keyframes skin-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.skin-swatch{background:linear-gradient(135deg, var(--body) 0 56%, var(--accent) 56% 100%);border-radius:9px;height:54px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -8px 16px #0000001f}.skin-tank{background:var(--body);border-radius:4px;width:46px;height:18px;position:absolute;bottom:13px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #00000029,inset 0 2px #ffffff2e}.skin-tank:before{content:"";background:var(--accent);border-radius:4px 4px 2px 2px;width:20px;height:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.skin-tank:after{content:"";background:var(--body);border-radius:2px;width:30px;height:4px;position:absolute;bottom:16px;left:50%;transform:translate(2px)}.skin-bar{background:var(--accent);border-radius:2px;width:54px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.skin-name{letter-spacing:.02em;padding:2px 2px 0;font-size:13px;font-weight:900}.skin-status{color:#8c81a8;letter-spacing:.06em;text-transform:uppercase;padding:0 2px 2px;font-size:9.5px;font-weight:800;line-height:1.35}.skin-detail{color:#b0a7c0;padding:0 2px 2px;font-size:9px;font-weight:700}.unlock-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.unlock-list li{color:#6f6685;background:#f7f5fb;border-radius:9px;grid-template-columns:100px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:grid}.unlock-list b{color:var(--ink)}.unlock-list i{color:#b07d00;font-variant-numeric:tabular-nums;font-style:normal;font-weight:900}.settings-group{background:#faf9fdcc;border:1px solid #eee9f5;border-radius:14px;gap:9px;padding:12px 14px;display:grid}.settings-group h3{color:#a49ab8;letter-spacing:.2em;margin:0 0 2px;font-size:9.5px;font-weight:900}.setting-row{color:#4a4360;align-items:center;gap:12px;min-height:30px;font-size:12.5px;font-weight:700;display:flex}.setting-row>span:first-child{flex:1}.setting-row input[type=range]{accent-color:#47b86a;cursor:pointer;width:min(220px,42vw)}.setting-row b{color:#8c81a8;font-variant-numeric:tabular-nums;text-align:right;width:34px;font-size:11px}.setting-stack{align-items:start;gap:7px;display:grid}.setting-hint{color:#a49ab8;font-size:10.5px;font-weight:600;line-height:1.45}.toggle{color:#8c81a8;letter-spacing:.1em;cursor:pointer;background:#f7f5fb;border:2px solid #e8e3f2;border-radius:999px;min-width:66px;padding:7px 12px;font:900 10px ui-rounded,ui-sans-serif,system-ui,sans-serif}.toggle[data-on=true]{color:#2e8b49;background:#eaf8ee;border-color:#9edcb0}.segmented{flex-wrap:wrap;gap:6px;display:inline-flex}.segmented .segment{color:#6f6685;letter-spacing:.06em;cursor:pointer;background:#fff;border:1px solid #e3dced;border-radius:10px;padding:8px 15px;font:800 11px ui-rounded,ui-sans-serif,system-ui,sans-serif}.segmented .segment[data-active=true]{color:#fff;background:#3b3355;border-color:#3b3355;box-shadow:0 4px 12px #2b23502e}.binding{color:#6f6685;align-items:center;gap:6px;min-height:26px;font-size:11.5px;font-weight:700;display:flex}.binding span{flex:1}kbd{color:#4a4360;text-align:center;background:#fff;border:1px solid #ded7eb;border-bottom-width:2px;border-radius:6px;min-width:30px;padding:3px 7px;font:800 9.5px ui-monospace,monospace}.howto-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:12px;display:grid}.howto-card{background:linear-gradient(#fbfaff,#f4f1fb);border:1px solid #eee9f5;border-radius:16px;align-content:start;align-self:start;gap:8px;padding:14px 13px;display:grid;position:relative}.howto-number{color:#d8d0e8;font:900 18px ui-rounded,ui-sans-serif,system-ui,sans-serif;position:absolute;top:10px;right:11px}.howto-illustration{background:#fff;border:1px solid #f0ecf7;border-radius:11px;justify-content:center;align-items:center;min-height:76px;display:flex}.howto-illustration svg{width:100%;max-width:150px;height:auto}.howto-card h3{color:var(--ink);letter-spacing:.01em;margin:0;font-size:14px;font-weight:900}.howto-card p{color:#6f6685;margin:0;font-size:11.5px;font-weight:600;line-height:1.5}#hud-fps{background:var(--card);border:1px solid var(--card-border);color:#6f6685;letter-spacing:.08em;z-index:9;pointer-events:none;border-radius:7px;padding:4px 9px;font:800 10px ui-monospace,monospace;display:none;position:fixed;top:12px;left:50%;transform:translate(-50%)}html[lang=fa] body{letter-spacing:0;font-family:Vazirmatn,Tahoma,Geeza Pro,Segoe UI,system-ui,sans-serif}[dir=rtl] .panel-card,[dir=rtl] .menu-card{text-align:right}[dir=rtl] .panel-head{flex-direction:row-reverse}[dir=rtl] .panel-footer{justify-content:flex-start}[dir=rtl] .panel-close{margin-left:0;margin-right:auto}[dir=rtl] .skin-card{text-align:right}[dir=rtl] .unlock-list li{grid-template-columns:100px 1fr auto}[dir=rtl] .howto-number{left:11px;right:auto}[dir=rtl] .howto-card{text-align:right}[dir=rtl] .binding{direction:rtl}[dir=rtl] #hud-game{direction:ltr}[dir=rtl] .hud-feed{direction:rtl}[dir=rtl] .hud-fps,[dir=rtl] #hud-fps{direction:ltr}@media (max-width:760px){.menu-card{gap:9px;width:min(440px,94vw);padding:20px 18px 16px}.menu-card h1{font-size:38px}.menu-card input{padding:12px 14px;font-size:16px}.play-button{padding:13px!important;font-size:18px!important}.menu-nav{grid-template-columns:repeat(2,1fr);gap:6px}.menu-nav button{padding:9px 4px!important;font-size:9.5px!important}.menu-status{gap:5px;font-size:10px}.status-mode,.status-sep{display:none}.panel-card{width:96vw;max-height:92vh}.panel-head{padding:18px 16px 10px}.panel-head h2{font-size:21px}.panel-body{padding:2px 16px 14px}.panel-footer{padding:12px 16px 16px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.howto-grid{grid-template-columns:1fr}.howto-card{grid-template-columns:76px 1fr;grid-template-areas:"icon title""icon body";align-items:center;gap:4px 10px}.howto-illustration{grid-area:icon;min-height:62px}.howto-card h3{grid-area:title;align-self:end}.howto-card p{grid-area:body;align-self:start}.howto-number{display:none}.unlock-list li{grid-template-columns:86px 1fr}.unlock-list li i{grid-column:2}.setting-row{gap:8px;font-size:11.5px}.setting-row input[type=range]{width:100%}.setting-row>span:first-child{min-width:108px}}@media (orientation:portrait) and (pointer:coarse) and (max-width:760px){.rotate-hint{display:block}}@media (orientation:landscape) and (max-height:520px){.menu-card{gap:6px;width:min(520px,76vw);padding:12px 18px 10px}.menu-card h1{font-size:30px}.menu-card h1:after{margin-top:2px;font-size:8px}.menu-card input{padding:9px 12px;font-size:14px}.play-button{padding:9px!important;font-size:15px!important}.menu-nav button{padding:7px 4px!important;font-size:9px!important}.menu-status,.menu-enter-hint,.menu-card .hint{display:none}.panel-card{max-height:94vh}.panel-head{padding:12px 18px 6px}.panel-body{padding:2px 18px 10px}.panel-footer{padding:8px 18px 12px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.skin-swatch{height:40px}.howto-illustration{min-height:52px}}
