:root{--menu-bg:#eef0f2;--menu-stripe:#00000007;--menu-ink:#3c4046;--menu-ink-soft:#7d838b;--menu-accent:#34beed;--menu-accent-ink:#0a86b8;--menu-btn:#fff;--menu-btn-ink:#3c4046;--menu-btn-edge:#c3c8ce;--menu-btn-sel:#d9f3fd;--menu-panel:#0000000b;--tile-rim:#fff;--tile-edge:#c3c8ce;--tile-empty:#dfe2e6;--tile-empty-stripe:#fff9;--tile-shadow:#28323c2e;--bar-top:#e9ebed;--bar-bottom:#cdd1d6;--round-face:#fff;--round-edge:#b9bec5;--level:#d97706;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--menu-bg:#17191d;--menu-stripe:#ffffff06;--menu-ink:#e4e7eb;--menu-ink-soft:#9aa2ad;--menu-accent-ink:#5fd0f5;--menu-btn:#2a2e35;--menu-btn-ink:#e4e7eb;--menu-btn-edge:#444a53;--menu-btn-sel:#123d4f;--menu-panel:#ffffff0d;--tile-rim:#2b2f36;--tile-edge:#454b54;--tile-empty:#22252b;--tile-empty-stripe:#ffffff06;--tile-shadow:#00000080;--bar-top:#2c3037;--bar-bottom:#1e2126;--round-face:#30353d;--round-edge:#4a515b;--level:#ffd166;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--menu-bg:#17191d;--menu-stripe:#ffffff06;--menu-ink:#e4e7eb;--menu-ink-soft:#9aa2ad;--menu-accent-ink:#5fd0f5;--menu-btn:#2a2e35;--menu-btn-ink:#e4e7eb;--menu-btn-edge:#444a53;--menu-btn-sel:#123d4f;--menu-panel:#ffffff0d;--tile-rim:#2b2f36;--tile-edge:#454b54;--tile-empty:#22252b;--tile-empty-stripe:#ffffff06;--tile-shadow:#00000080;--bar-top:#2c3037;--bar-bottom:#1e2126;--round-face:#30353d;--round-edge:#4a515b;--level:#ffd166;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{touch-action:none;overscroll-behavior:none;background:#2b2d31;margin:0;padding:0}.hidden{display:none!important}.mode-select{box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:100vh;max-height:100vh;color:var(--menu-ink);background:repeating-linear-gradient(180deg, var(--menu-stripe) 0 2px, transparent 2px 6px), var(--menu-bg);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;font-family:Nunito,Varela Round,Arial Rounded MT Bold,Helvetica Neue,sans-serif;display:flex;overflow-y:auto}.mode-select:before,.mode-select:after{content:"";margin-block-start:auto;margin-block-end:auto}.mode-select h1{margin-bottom:4px}.mode-select p{color:var(--menu-ink-soft);margin:0 0 6px}.menu-items{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;width:100%;max-width:660px;display:flex}.menu-items button{white-space:normal;flex:150px;max-width:300px;min-height:52px;line-height:1.2}.mode-select button{background:var(--menu-btn);color:var(--menu-btn-ink);border:2px solid var(--menu-btn-edge);font:inherit;cursor:pointer;box-shadow:0 2px 6px var(--tile-shadow);border-radius:16px;padding:10px 18px;font-size:15px;font-weight:700}.mode-select button:hover{border-color:var(--menu-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--menu-accent) 35%, transparent), 0 2px 6px var(--tile-shadow);outline:none}.mode-select button:focus-visible{border-color:var(--menu-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--menu-accent) 35%, transparent), 0 2px 6px var(--tile-shadow);outline:none}.mode-select button:active{transform:scale(.96)}.mode-select .menu-back{background:var(--menu-panel);margin-top:8px;padding:8px 20px;font-size:15px}.mode-select.home{--bar-h:104px;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.mode-select.home:before,.mode-select.home:after{display:none}.home-scroller{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:3vmin 3vmin 2vmin;display:flex;overflow-y:auto}.home-grid{width:min(96vw, 1180px, calc((100vh - var(--bar-h) - 6vmin) * 2.25));grid-template-columns:repeat(4,1fr);gap:max(6px,min(1.6vmin,18px));margin:auto;display:grid}.mode-select .home-ch{aspect-ratio:16/9;border:3px solid var(--tile-edge);background:var(--tile-rim);min-height:0;box-shadow:0 2px 6px var(--tile-shadow);border-radius:max(10px,min(1.5vw,20px));padding:max(2px,min(.35vw,5px));transition:transform .12s ease-out,border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.home-ch img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:max(6px,min(1.1vw,15px));width:100%;height:100%;display:block}.mode-select .home-ch:hover{z-index:1;border-color:var(--menu-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--menu-accent) 45%, transparent), 0 0 18px color-mix(in srgb, var(--menu-accent) 55%, transparent);outline:none;transform:scale(1.04)}.mode-select .home-ch:focus-visible{z-index:1;border-color:var(--menu-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--menu-accent) 45%, transparent), 0 0 18px color-mix(in srgb, var(--menu-accent) 55%, transparent);outline:none;transform:scale(1.04)}.mode-select .home-ch:active{transform:scale(.98)}.mode-select .home-ch-empty{background:repeating-linear-gradient(135deg, var(--tile-empty-stripe) 0 6px, transparent 6px 12px), var(--tile-empty);box-shadow:inset 0 1px 4px var(--tile-shadow);opacity:.8}.home-bar{flex:0 0 var(--bar-h);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(12px,min(3vw,40px));display:grid;position:relative}.home-bar-shape{width:100%;height:100%;filter:drop-shadow(0 -2px 5px var(--tile-shadow));position:absolute;top:0;bottom:0;left:0;right:0}.home-bar-fill{fill:url(#home-bar-grad)}.home-bar-top{stop-color:var(--bar-top)}.home-bar-bottom{stop-color:var(--bar-bottom)}.home-bar-line{fill:none;stroke:var(--menu-accent);stroke-width:3px}.home-bar>:not(svg){position:relative}.mode-select .home-badge,.mode-select .home-round{width:calc(var(--bar-h) * .8);height:calc(var(--bar-h) * .8);border:3px solid var(--round-edge);background:radial-gradient(circle at 50% 30%, var(--round-face) 55%, var(--bar-bottom));box-shadow:0 2px 8px var(--tile-shadow), inset 0 -3px 6px var(--tile-shadow);border-radius:50%;margin:0;padding:0}.mode-select .home-badge{color:var(--menu-accent-ink);flex-direction:column;justify-content:center;justify-self:start;align-items:center;line-height:1;display:flex}.home-badge-mark{width:36%;height:36%;margin-bottom:2%}.home-badge-top{font-size:calc(var(--bar-h) * .15);white-space:pre;font-weight:800}.home-badge-bottom{font-size:calc(var(--bar-h) * .085);letter-spacing:.18em;text-transform:uppercase;color:var(--menu-ink-soft);font-weight:700}.mode-select .home-round{color:var(--menu-accent-ink);font-size:calc(var(--bar-h) * .3);justify-self:end;line-height:1}.mode-select .home-round:hover{border-color:var(--menu-accent)}.mode-select .home-round:focus-visible{border-color:var(--menu-accent)}.home-clock{padding-bottom:calc(var(--bar-h) * .07);color:var(--menu-ink-soft);align-self:end;line-height:1}.home-time{font-size:calc(var(--bar-h) * .38);letter-spacing:.03em;font-variant-numeric:tabular-nums;font-weight:700}.home-ampm{margin-left:.2em;font-size:.42em}.home-date{margin-top:calc(var(--bar-h) * .04);font-size:calc(var(--bar-h) * .15);color:var(--menu-ink);font-weight:700}.home-preview{z-index:20;background:repeating-linear-gradient(180deg, var(--menu-stripe) 0 2px, transparent 2px 6px), var(--menu-bg);flex-direction:column;animation:.22s ease-out home-zoom;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes home-zoom{0%{opacity:0;transform:scale(.86)}}.home-preview-stage{touch-action:pan-y;flex-direction:column;flex:auto;align-items:center;gap:1.2vmin;min-height:0;padding:4vmin 4vw 1vmin;display:flex;overflow-y:auto}.home-preview-frame{aspect-ratio:16/9;border:4px solid var(--tile-edge);background:var(--tile-rim);width:min(86vw,900px,160vh - 320px);box-shadow:0 6px 22px var(--tile-shadow);border-radius:22px;flex:none;margin-top:auto;padding:5px}.home-preview-frame img{border-radius:16px;width:100%;height:100%;display:block}.mode-select .home-preview-title{margin:0;font-size:max(18px,min(3.4vmin,30px))}.mode-select .home-preview-desc{max-width:62ch;margin:0 0 auto;font-size:max(13px,min(2.2vmin,17px));line-height:1.35}.home-preview-actions{border-top:3px solid var(--menu-accent);background:linear-gradient(var(--bar-top), var(--bar-bottom));flex:none;justify-content:center;gap:6vw;padding:2vmin 4vw 3vmin;display:flex}.mode-select .home-pill{border-radius:999px;min-width:min(34vw,260px);padding:.6em 1.2em;font-size:max(15px,min(2.6vmin,22px))}@media (max-height:480px){.mode-select.home{--bar-h:74px}.home-preview-frame{width:min(86vw,160vh - 240px)}}@media (orientation:portrait) and (max-width:700px){.home-grid{grid-template-columns:repeat(2,1fr);width:94vw;margin:0 auto}}@media (prefers-reduced-motion:reduce){.home-preview{animation:none}.mode-select .home-ch:hover,.mode-select .home-ch:active{transform:none}.mode-select .home-ch:focus-visible{transform:none}}.binds-list{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;gap:4px;max-height:45vh;padding:4px 8px;display:flex;overflow-y:auto}.bind-row{justify-content:space-between;align-items:center;gap:24px;width:300px;font-size:14px;display:flex}.bind-row .bind-key{background:var(--menu-panel);min-width:110px;padding:6px 14px;font-size:13px}.bind-row .bind-key.capturing{background:var(--menu-btn-sel);border-color:var(--menu-accent)}.hat-grid{touch-action:pan-y;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(6,1fr);gap:6px;max-height:45vh;padding:6px;display:grid;overflow-y:auto}.hat-grid button{border-radius:12px;padding:8px 10px;font-size:22px}.hat-grid button.selected{background:var(--menu-btn-sel);border-color:var(--menu-accent)}.hat-grid button.locked{opacity:.4;filter:grayscale()}.career-level{color:var(--level);margin:4px 0;font-size:26px;font-weight:700}.career-xp{background:var(--menu-panel);border-radius:5px;width:260px;height:10px;overflow:hidden}.career-xp-fill{background:linear-gradient(90deg, #6fd8ff, var(--menu-accent));height:100%}.career-stats{flex-direction:column;gap:4px;width:260px;margin-top:8px;display:flex}.career-row{background:var(--menu-panel);border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:14px;display:flex}.setting-row{flex-direction:column;gap:6px;width:280px;margin:6px 0;display:flex}.setting-top{justify-content:space-between;font-size:14px;display:flex}.setting-value{color:var(--menu-accent-ink)}.setting-row input[type=range]{width:100%;accent-color:var(--menu-accent);touch-action:none}#game-ui{justify-content:center;align-items:center;min-height:100vh;display:flex}canvas{touch-action:none;background:#36393f;margin:auto;display:block}.mobile-ui{pointer-events:none;z-index:2;position:absolute;bottom:16px;left:0;right:0}.mobile-ui-jump{position:absolute;bottom:0;left:16px}.mobile-ui-menu{position:absolute;bottom:0;right:16px}.mobile-ui-mute{position:fixed;top:10px;left:10px}.mobile-ui-mute button{opacity:.85;border-radius:50%;padding:8px 11px;font-size:16px}.mobile-ui-fps{grid-template-areas:".jump.""melee fire grenade"".equip.";gap:7px;display:grid;position:absolute;bottom:48px;right:12px}.mobile-ui-fps button{border-radius:50%;width:52px;height:52px;padding:0;font-size:18px}#fps-jump-btn{grid-area:jump}#scope-btn{grid-area:1/1}#vehicle-btn{grid-area:1/3}#nade-cycle-btn{grid-area:3/3}#melee-btn{grid-area:melee}#fire-btn{background:#8c281eb8;grid-area:fire}#grenade-btn{grid-area:grenade}#equip-btn{grid-area:equip}@media (max-width:480px){.mobile-ui button{padding:10px 14px;font-size:17px}.mobile-ui-fps button{width:46px;height:46px;padding:0;font-size:15px}.mobile-ui-fps{gap:6px;bottom:40px}}.layout-chip{color:#fff;z-index:6;touch-action:none;-webkit-user-select:none;user-select:none;background:#141c30d9;border:2px dashed #8cb4ebcc;border-radius:50%;width:52px;height:52px;font-size:20px;position:fixed}.mobile-ui button{pointer-events:auto;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#0009;border:none;border-radius:20px;padding:14px 20px;font-size:22px}.mobile-ui button:active{transform:scale(.92)}