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;color:#fff;text-align:center;flex-direction:column;align-items:center;gap:10px;min-height:100vh;max-height:100vh;padding:18px 12px;font-family: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:#b5bac1;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{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:8px;padding:10px 16px;font-size:15px}.mode-select button:active{transform:scale(.96)}.mode-select .menu-back{background:#4e5058;margin-top:8px;padding:8px 20px;font-size:15px}.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:#3b3d44;min-width:110px;padding:6px 14px;font-size:13px}.bind-row .bind-key.capturing{background:#5865f2}.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{background:#3b3d44;border-radius:10px;padding:8px 10px;font-size:22px}.hat-grid button.selected{background:#5865f2;outline:2px solid #b8c3ff}.hat-grid button.locked{opacity:.4;filter:grayscale()}.career-level{color:#ffd166;margin:4px 0;font-size:26px;font-weight:700}.career-xp{background:#ffffff26;border-radius:5px;width:260px;height:10px;overflow:hidden}.career-xp-fill{background:linear-gradient(90deg,#6fc3ff,#5865f2);height:100%}.career-stats{flex-direction:column;gap:4px;width:260px;margin-top:8px;display:flex}.career-row{background:#ffffff0d;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:#8fe3ff}.setting-row input[type=range]{accent-color:#5865f2;touch-action:none;width:100%}#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)}
