*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}#game{display:block;width:100vw;height:100vh}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;text-shadow:0 2px 2px rgba(0,0,0,.5)}#crosshair{--gap: 6px;position:absolute;left:50%;top:50%;transition:opacity .1s}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 0 1px #0009}#crosshair .t,#crosshair .b{width:2px;height:10px;left:-1px}#crosshair .l,#crosshair .r{width:10px;height:2px;top:-1px}#crosshair .t{bottom:var(--gap)}#crosshair .b{top:var(--gap)}#crosshair .l{right:var(--gap)}#crosshair .r{left:var(--gap)}#hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;background:linear-gradient(currentColor,currentColor) center / 2px 100% no-repeat,linear-gradient(currentColor,currentColor) center / 100% 2px no-repeat;-webkit-mask:radial-gradient(circle,transparent 6px,#000 6.5px);mask:radial-gradient(circle,transparent 6px,#000 6.5px);color:#fff}#hitmarker.head{color:#fc3}#hitmarker.kill{color:#ff4040}#stats{position:absolute;top:16px;left:20px;font-size:20px;font-weight:600}#killfeed{position:absolute;top:16px;right:20px;text-align:right;font-size:16px}#killfeed div{background:rgba(0,0,0,.35);padding:4px 10px;margin-bottom:4px;border-radius:4px}#killfeed .hs{color:#fc3}#speed{position:absolute;left:50%;bottom:90px;transform:translate(-50%);font-size:18px;font-weight:600;opacity:.85}#ammo{position:absolute;right:30px;bottom:24px;font-size:48px;font-weight:700}#ammo small{font-size:22px;opacity:.7}#ammo.reloading #mag{color:#fc3}#fps{position:absolute;left:20px;bottom:16px;font-size:13px;opacity:.6}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(10,16,28,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#overlay.hidden{display:none}.panel{background:rgba(20,26,38,.92);padding:28px 36px;border-radius:10px;width:min(460px,calc(100vw - 32px));box-shadow:0 10px 40px #00000080}.panel h1{margin:0 0 18px;font-size:34px;letter-spacing:2px}.panel h1 span{font-size:14px;letter-spacing:1px;color:#e08a3c;vertical-align:middle}.panel button{display:block;width:100%;padding:13px;margin-top:10px;font-size:19px;font-weight:700;color:#fff;cursor:pointer;border:0;border-radius:6px}.panel button.primary{background:#e08a3c}.panel button.primary:hover{background:#f09a4c}.panel button.secondary{background:#3a4458}.panel button.secondary:hover{background:#4a5670}.panel button[hidden]{display:none}.name{display:grid;gap:4px;font-size:14px}.name input{padding:10px 12px;font-size:17px;color:#fff;background:#0f1520;border:1px solid #3a4458;border-radius:6px;outline:none}.name input:focus{border-color:#e08a3c}body:not(.started) .pause-only,body.started .start-only{display:none}body:not([data-mode=online]) .online-only{display:none}#timer{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;background:rgba(0,0,0,.3);padding:2px 14px;border-radius:6px}#health{position:absolute;left:20px;bottom:40px;width:220px;height:22px;background:rgba(0,0,0,.45);border-radius:4px;overflow:hidden}#healthFill{height:100%;width:100%;background:#4cd964;transition:width .15s}#healthFill.low{background:#ff4040}#healthText{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-weight:700;line-height:22px}#killfeed .arrow{color:#e08a3c}#killfeed .notice{opacity:.8;font-style:italic}#netstatus{position:absolute;top:40%;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;background:rgba(0,0,0,.55);padding:10px 22px;border-radius:8px}#death{position:absolute;top:28%;left:50%;transform:translate(-50%);text-align:center;font-size:28px;background:rgba(120,0,0,.45);padding:12px 28px;border-radius:8px}#death b{color:#fc3}#death small{font-size:16px;opacity:.85}#scoreboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));background:rgba(15,20,30,.88);border-radius:10px;padding:18px 22px}#scoreboard h2{margin:0 0 12px;font-size:20px;text-align:center}#scoreboard table{width:100%;border-collapse:collapse;font-size:16px}#scoreboard th{text-align:left;font-size:13px;opacity:.6;font-weight:600;padding:4px 6px}#scoreboard td{padding:6px;border-top:1px solid rgba(255,255,255,.08)}#scoreboard tr.me td{color:#fc3;font-weight:700}[hidden]{display:none!important}.settings{margin:18px 0;display:grid;gap:10px}.settings label{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:14px}.settings input{grid-column:1 / -1;width:100%}.controls{width:100%;font-size:14px;border-collapse:collapse}.controls td{padding:3px 0}.controls td:first-child{color:#e08a3c;font-weight:600;width:40%}.tip{font-size:13px;opacity:.7;margin:14px 0 0}.panel{max-height:calc(100vh - 32px);overflow-y:auto}.account{margin-bottom:14px}.account .tabs,.locker-panel .tabs{display:flex;gap:4px;margin-bottom:10px}.tabs button{flex:1;margin:0;padding:8px;font-size:14px;font-weight:600;color:#c8ccd4;background:transparent;border:0;border-bottom:2px solid #3a4458;border-radius:0;cursor:pointer}.tabs button.active{color:#fff;border-bottom-color:#e08a3c}.auth-form{display:grid;gap:8px}.auth-form[hidden]{display:none}.auth-form input,.name input{padding:10px 12px;font-size:16px;color:#fff;background:#0f1520;border:1px solid #3a4458;border-radius:6px;outline:none}.auth-form input:focus{border-color:#e08a3c}.auth-form button.secondary{margin-top:2px;font-size:16px;padding:10px}.error{color:#ff6b6b;font-size:13px;margin:0;min-height:0}.muted{color:#9aa3b2}.small{font-size:12px;margin:8px 0 0}.or{text-align:center;font-size:12px;color:#9aa3b2;margin:10px 0 6px}.google{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;font-size:15px;font-weight:600;color:#1f1f1f;background:#fff;border-radius:6px;text-decoration:none}.google:hover{background:#f1f3f4}.acct-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.acct-name{font-size:20px;font-weight:700}.acct-actions{display:flex;gap:8px;align-items:center}.acct-actions button.secondary{flex:1;font-size:15px;padding:9px}.panel button.link{width:auto;margin-top:10px;padding:9px 4px;font-size:14px;font-weight:600;color:#9aa3b2;background:none;text-decoration:underline}.coins-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,176,32,.15);color:#fc5;font-weight:700;font-size:16px}.coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe28a,#e0a020 70%);box-shadow:inset 0 0 0 1.5px #b07810}.name{margin-bottom:4px}#killfeed .coins{color:#fc5;font-weight:700}#locker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(5,8,14,.7)}.locker-panel{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;background:#141a26;border-radius:10px;padding:20px 24px;box-shadow:0 10px 40px #0009}.locker-panel header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.locker-panel h2{margin:0;flex:1;font-size:26px}.locker-panel .close{background:none;border:0;color:#c8ccd4;font-size:22px;cursor:pointer;padding:4px 8px}.locker-panel .tabs button{flex:0 0 auto;padding:8px 18px}#lockerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.item-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;background:#1c2433;border-radius:8px;border-top:3px solid var(--rarity)}.item-card.equipped{outline:2px solid #e08a3c}.item-name{font-weight:700;font-size:16px}.item-rarity{font-size:12px;text-transform:capitalize;color:var(--rarity);font-weight:600}.item-card button{margin-top:6px;width:100%;padding:8px;font-size:14px;font-weight:700;color:#fff;background:#3a4458;border:0;border-radius:6px;cursor:pointer}.item-card button:hover:not(:disabled){background:#4a5670}.item-card button.buy{background:#b9771f}.item-card button.buy:hover:not(:disabled){background:#d08a2a}.item-card button:disabled{opacity:.55;cursor:default}.swatch{height:92px;display:flex;align-items:center;justify-content:center}.swatch i{display:block;box-shadow:inset 0 -3px #0003}.swatch.character{flex-direction:column}.swatch.character .head{width:30px;height:30px;position:relative}.swatch.character .visor{position:absolute;left:4px;right:4px;top:10px;height:7px;box-shadow:none}.swatch.character .body{width:44px;height:30px}.swatch.character .legs{width:36px;height:30px}.swatch.weapon{position:relative;width:130px}.swatch.weapon .stock{width:26px;height:18px}.swatch.weapon .receiver{width:62px;height:22px}.swatch.weapon .barrel{width:36px;height:8px}.swatch.weapon .sight{position:absolute;left:56px;top:31px;width:16px;height:7px}.hint{color:#fc5;font-size:13px;margin:-2px 0 0}.verify-text{font-size:14px;color:#c8ccd4;margin:0}.verify-text b{color:#fff;word-break:break-all}.auth-form .code-input{font-size:26px;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}.verify-links{display:flex;justify-content:space-between}.panel .verify-links button.link{margin-top:0;font-size:13px}.panel button.link:disabled{opacity:.5;cursor:default;text-decoration:none}#authError{margin-top:8px}.notice-box{margin:0;padding:10px 12px;font-size:14px;line-height:1.4;color:#ffdf9e;background:rgba(255,176,32,.1);border:1px solid rgba(255,176,32,.35);border-radius:6px}.notice-box[hidden]{display:none}