:root{--ui-scale:1}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b0e13;height:100%;overflow:hidden}body{color:#e8edf4;cursor:default;font-family:Geist,system-ui,sans-serif}canvas{display:block;position:fixed;inset:0}#settings-btn{z-index:20;cursor:pointer;color:#c2ccdb;background:#141a24b3;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;transition:transform 80ms,background .15s;display:flex;position:fixed;top:12px;right:14px}#settings-btn:hover{background:#283242e6;transform:rotate(30deg)}#settings-panel,#practice-panel{z-index:20;overscroll-behavior:contain;background:#0e121af7;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:18px;width:320px;max-height:calc(100vh - 80px);padding:22px;display:flex;position:fixed;top:60px;right:14px;overflow-y:auto;box-shadow:0 20px 60px #00000080}#settings-panel::-webkit-scrollbar{width:8px}#practice-panel::-webkit-scrollbar{width:8px}#settings-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#practice-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#settings-panel.hidden,#practice-panel.hidden{display:none}#settings-panel h2,#practice-panel h2{letter-spacing:3px;color:#7d8aa0;font-size:15px}.set-note{color:#7d8aa0;margin-top:-10px;font-size:12px}.set-head{letter-spacing:2.5px;text-transform:uppercase;color:#ff8a3c;border-bottom:1px solid #ffffff14;margin:6px 0 -4px;padding-bottom:6px;font-size:11px;font-weight:800}.set-row{flex-direction:column;gap:8px;display:flex}.set-row label{color:#c2ccdb;justify-content:space-between;font-size:14px;display:flex}.set-row label b{color:#ff8a3c;font-variant-numeric:tabular-nums}.set-row input[type=range]{accent-color:#ff5a3c;cursor:pointer;width:100%}.set-row input[type=color]{cursor:pointer;background:#1e2632b3;border:1px solid #ffffff1f;border-radius:8px;width:100%;height:34px;padding:2px}.set-seg{gap:8px;display:flex}.set-seg button{cursor:pointer;color:#c2ccdb;background:#1e2632b3;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:10px;font-size:13px}.set-seg button.active{color:#0b0e13;background:linear-gradient(#ff7a4a,#ff5a3c);border-color:#0000;font-weight:700}#set-close,#practice-close{cursor:pointer;letter-spacing:1px;color:#0b0e13;background:#c2ccdb;border:none;border-radius:9px;margin-top:4px;padding:12px;font-weight:800}#flash{z-index:9;pointer-events:none;opacity:0;background:#ff2a2a;position:fixed;inset:0}#fps{z-index:10;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#7cfc00;text-shadow:0 1px 4px #000000e6;pointer-events:none;font-size:13px;font-weight:700;position:fixed;top:10px;left:12px}#ping{z-index:10;pointer-events:none;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#7cfc00;text-shadow:0 1px 4px #000000e6;font-size:13px;font-weight:700;position:fixed;top:28px;left:12px}#ping.hidden{display:none}#debug{z-index:10;pointer-events:none;font-variant-numeric:tabular-nums;color:#9fe7ff;white-space:pre;text-shadow:0 1px 4px #000000e6;font-size:12px;line-height:1.45;position:fixed;top:50px;left:12px}#debug.hidden{display:none}#feed{z-index:9;pointer-events:none;text-align:right;max-width:42vw;transform:scale(var(--ui-scale));transform-origin:100% 0;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:fixed;top:12px;right:14px}.feed-line{color:#e8edf4;text-shadow:0 1px 3px #000000f2;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.2;transition:opacity .5s}.feed-line.fade{opacity:0}.feed-x{color:#ff8a3c;font-weight:800}.feed-note{color:#9fb4cc;font-style:italic}#crosshair{pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0009,0 0 8px #ff8c3ce6}#cd-ring{z-index:8;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}#cd-ring.hidden{display:none}#cd-arc{filter:drop-shadow(0 0 3px #ff8a3ccc)}#chat{z-index:9;width:min(420px,60vw);transform:scale(var(--ui-scale));transform-origin:0 100%;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:130px;left:12px}#chat-log{pointer-events:none;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.chat-line{text-shadow:0 1px 3px #000000e6;word-break:break-word;background:#080a0e99;border-radius:6px;max-width:100%;padding:1px 8px;font-size:13px;line-height:1.25;transition:opacity .5s}.chat-line.fade{opacity:0}.chat-name{color:#6cb0ff;font-weight:700}.chat-name.self{color:#ffb14a}.chat-line.kill .ck{color:#ffd24a;font-weight:600}.chat-line.kill .ck-spd{color:#ff8a3c;font-weight:700}#chat-input{color:#e8edf4;background:#0a0d12eb;border:1px solid #ff8a3c;border-radius:8px;outline:none;padding:9px 12px;font-size:14px}#chat-input.hidden{display:none}#bottom-hud{transform:translateX(-50%) scale(var(--ui-scale));transform-origin:bottom;pointer-events:none;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed;bottom:28px;left:50%}#healthbar{background:#0000008c;border:1px solid #ffffff26;border-radius:9px;justify-content:center;align-items:center;width:280px;height:16px;display:flex;position:relative;overflow:hidden}#healthfill{background:#20df20;width:100%;transition:width .12s ease-out,background .12s linear;position:absolute;top:0;bottom:0;left:0}#healthval{color:#fff;text-shadow:0 1px 2px #000000e6;letter-spacing:1px;font-size:11px;font-weight:800;position:relative}#stats{text-shadow:0 2px 8px #000c;gap:40px;display:flex}.stat{flex-direction:column;align-items:center;min-width:90px;display:flex}.stat span{font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.stat label{letter-spacing:3px;color:#7d8aa0;margin-top:6px;font-size:11px}#deflects{color:#ff8a3c}#speed{color:#ffd24a}#overlay{text-align:center;background:radial-gradient(circle at 50% 40%,#141a24e6,#080a0efa);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}#overlay h1{letter-spacing:-2px;background:linear-gradient(#ff5a3c,#ffd24a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,8vw,96px);font-weight:900}#ov-tip{text-align:left;color:#ffe0b0;background:#3c2a10d9;border:1px solid #ffb43c66;border-radius:10px;align-items:flex-start;gap:12px;max-width:560px;padding:12px 14px 12px 16px;font-size:13px;line-height:1.5;display:flex}#ov-tip.hidden{display:none}#ov-tip b{color:#fff}#ov-tip #ov-tip-x{cursor:pointer;color:#ffe0b0;background:#00000040;border:1px solid #ffffff26;border-radius:6px;flex:none;width:22px;height:22px;margin-left:auto;font-size:15px;line-height:1}#ov-tip #ov-tip-x:hover{background:#00000073}#ov-body{flex-direction:column;align-items:center;gap:18px;max-width:540px;display:flex}#ov-body p{color:#c2ccdb;font-size:17px;line-height:1.6}#ov-body b{color:#fff}.keys{letter-spacing:1px;color:#7d8aa0!important;font-size:13px!important}#name-field{text-align:left;flex-direction:column;gap:6px;width:min(440px,86vw);display:flex}#name-field label{letter-spacing:3px;color:#7d8aa0;font-size:11px}#name-input{color:#e8edf4;background:#141a24cc;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:12px 14px;font-size:16px;font-weight:700}#name-input:focus{background:#1c222ef2;border-color:#ff8a3c}#account{color:#c2ccdb;align-items:center;gap:10px;width:min(440px,86vw);font-size:14px;display:flex}#account b{color:#fff}#account #auth-signout{cursor:pointer;color:#c2ccdb;background:#1e2632b3;border:1px solid #ffffff24;border-radius:8px;margin-left:auto;padding:6px 12px;font-size:12px}#account #auth-signout:hover{background:#2c3646f2}#signin{gap:8px;width:min(440px,86vw);display:flex}.signin-btn{cursor:pointer;color:#e8edf4;background:#1e2632cc;border:1px solid #ffffff24;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700}.signin-btn:hover{background:#2c3646f2;border-color:#ffffff40}.signin-note{max-width:min(440px,86vw);color:#7d8aa0!important;font-size:12px!important}#lb{border-collapse:collapse;font-variant-numeric:tabular-nums;width:min(640px,92vw);font-size:14px}#lb th,#lb td{text-align:right;padding:7px 10px}#lb th{letter-spacing:1px;color:#7d8aa0;border-bottom:1px solid #ffffff1f;font-size:11px}#lb th:nth-child(2),#lb td.lb-name{text-align:left}#lb tbody tr:nth-child(odd){background:#ffffff08}#lb .lb-name{color:#fff;font-weight:700}#menu{flex-direction:column;gap:12px;width:min(440px,86vw);display:flex}.mode{cursor:pointer;text-align:left;color:#e8edf4;background:#141a24b3;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:15px 22px;transition:transform 80ms,background .15s,border-color .15s;display:flex}.mode:hover:not(:disabled){background:#222a38eb;border-color:#ffffff38;transform:translateY(-2px)}.mode:active:not(:disabled){transform:translateY(0)scale(.99)}.mode:disabled{opacity:.45;cursor:not-allowed}.mode-name{letter-spacing:1.5px;font-size:18px;font-weight:800}.mode-sub{color:#7d8aa0;letter-spacing:.3px;font-size:12px}.mode.primary{background:linear-gradient(#ff7a4a,#ff5a3c);border-color:#0000;box-shadow:0 8px 30px #ff5a3c59}.mode.primary:hover{background:linear-gradient(#ff8a5a,#ff6a4c);transform:translateY(-2px)scale(1.01)}.mode.primary .mode-name{color:#0b0e13}.mode.primary .mode-sub{color:#0b0e13b8}#scoreboard{z-index:17;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#scoreboard.hidden{display:none}.sb-card{background:#0a0d12eb;border:1px solid #ffffff1a;border-radius:14px;width:min(720px,92vw);padding:22px 24px;box-shadow:0 20px 60px #00000080}.sb-title{text-align:center;letter-spacing:4px;color:#7d8aa0;margin-bottom:16px;font-size:13px}.sb-cols{gap:18px;display:flex}.sb-col{flex-direction:column;flex:1;gap:3px;display:flex}.sb-head{letter-spacing:2px;border-radius:7px;margin-bottom:4px;padding:6px 10px;font-size:15px;font-weight:800}.sb-count{float:right;opacity:.6;font-weight:600}.sb-col.blu .sb-head{color:#6cb0ff;background:#4aa0ff2e}.sb-col.red .sb-head{color:#ff6c6c;background:#ff4a4a2e}.sb-row{border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:14px;display:flex}.sb-row .sb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sb-row .sb-name em{color:#7d8aa0;font-size:12px;font-style:normal}.sb-row .sb-k,.sb-row .sb-d{text-align:right;font-variant-numeric:tabular-nums;width:34px}.sb-rowhead{letter-spacing:2px;color:#7d8aa0;padding-bottom:2px;font-size:10px}.sb-row.self{background:#ff8a3c29;font-weight:700}.sb-row.dead{opacity:.5}.sb-empty{color:#7d8aa0;padding:6px 10px}#pause{z-index:18;background:#080a0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pause.hidden{display:none}.pause-card{text-align:center;background:#0e121af7;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;width:min(360px,86vw);padding:28px;display:flex;box-shadow:0 20px 60px #00000080}.pause-card h2{letter-spacing:4px;color:#7d8aa0;margin-bottom:8px;font-size:16px}.pause-btn{cursor:pointer;letter-spacing:.5px;color:#e8edf4;background:#1e2632cc;border:1px solid #ffffff1f;border-radius:10px;padding:14px;font-size:15px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s}.pause-btn:hover{background:#2c3646f2;border-color:#ffffff38;transform:translateY(-1px)}.pause-btn.primary{color:#0b0e13;background:linear-gradient(#ff7a4a,#ff5a3c);border-color:#0000;font-weight:800}.pause-btn.primary:hover{background:linear-gradient(#ff8a5a,#ff6a4c)}.pause-btn.danger{color:#ff8a8a}.pause-btn.danger:hover{color:#ffb0b0;background:#461e1ee6;border-color:#ff5a5a66}