:root{--gui-scale:1;--panel:#0e121ae6;--panel-2:#1c222eeb;--line:#ffffff1f;--text:#eef2f7;--muted:#9aa6b8;--accent:#ffd34d;--accent-ink:#2a2102;--boat:#63d2ff;--good:#6fdc8c;--bad:#ff7a6b;--warn:#ffc15e;--focus:#fff;--crosshair:#fff;--crosshair-size:1;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0b0f16;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;outline:none;display:block;position:fixed;inset:0}body.fixed-canvas #game{width:1920px;height:1080px}.num{font-variant-numeric:tabular-nums}#overlay{background:radial-gradient(at 50% 30%,#1e2c468c,#05080cd9);justify-content:safe center;align-items:safe center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}#overlay[hidden]{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(980px, calc((100vw - 48px) / var(--gui-scale)));max-height:calc((100vh - 48px) / var(--gui-scale));zoom:var(--gui-scale);margin:auto;padding:22px 24px;overflow:auto;box-shadow:0 18px 60px #00000080}.panel.narrow{width:min(460px, calc((100vw - 48px) / var(--gui-scale)))}h1,h2,h3{letter-spacing:.02em;margin:0 0 10px;font-weight:750}.brand{align-items:baseline;gap:14px;margin-bottom:4px;display:flex}.brand h1{letter-spacing:.08em;text-transform:uppercase;font-size:34px}.brand h1 span{color:var(--accent)}.sub{color:var(--muted);margin:0 0 18px}.modes{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.mode-card{text-align:left;border:2px solid var(--line);background:var(--panel-2);border-radius:var(--radius);cursor:pointer;color:var(--text);min-height:150px;font:inherit;flex-direction:column;gap:8px;padding:18px;display:flex}.mode-card:hover{border-color:#ffffff4d}.mode-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mode-card.boat[aria-pressed=true]{border-color:var(--boat);box-shadow:inset 0 0 0 1px var(--boat)}.mode-card .title{font-size:21px;font-weight:750}.mode-card .desc{color:var(--muted);font-size:14px}.mode-icon{align-items:flex-end;gap:3px;height:34px;display:flex}.mode-icon i{background:var(--accent);width:14px;height:14px;display:block;box-shadow:inset -3px -3px #00000040}.mode-icon.boat i{background:var(--boat)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.spread{justify-content:space-between}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;display:grid}.meta{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;margin-bottom:14px;padding:12px 14px;font-size:14px}.meta b{color:var(--text)}.meta .muted,.muted{color:var(--muted)}.badge{border:1px solid var(--warn);color:var(--warn);border-radius:999px;padding:1px 7px;font-size:12px;font-weight:650;display:inline-block}button,.btn{font:inherit;color:var(--text);border-radius:var(--radius);cursor:pointer;background:#2b3446;border:1px solid #ffffff29;border-bottom-width:3px;padding:9px 16px}button:hover{background:#36415a}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#b8901a;font-weight:750}button.primary:hover{background:#ffdf73}button.big{padding:12px 34px;font-size:19px}button.danger{border-color:#ff7a6b99}button:focus-visible,select:focus-visible,input:focus-visible,.mode-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}select,input[type=number],input[type=text]{font:inherit;color:var(--text);border-radius:var(--radius);background:#1b2232;border:1px solid #ffffff2e;padding:6px 8px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}label.field{flex-direction:column;gap:4px;font-size:14px;display:flex}label.check{align-items:center;gap:8px;font-size:14px;display:flex}.field .hint{color:var(--muted);font-size:12px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:14px;padding-bottom:10px;display:flex}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:#b8901a}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}th{color:var(--muted);font-weight:600}.bind-row td:last-child{white-space:nowrap}.warn-box{border-radius:var(--radius);background:#ffc15e14;border:1px solid #ffc15e80;margin:8px 0;padding:8px 12px;font-size:13px}.error-box{border-radius:var(--radius);background:#ff7a6b1a;border:1px solid #ff7a6b99;margin:8px 0;padding:10px 12px}.footer-note{color:var(--muted);margin-top:16px;font-size:12px}kbd{background:#ffffff0f;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}#hud{pointer-events:none;zoom:var(--gui-scale);position:fixed;inset:0}#hud[hidden]{display:none}.hud-stats{border-radius:var(--radius);text-shadow:0 1px 2px #000;background:#080a108c;min-width:190px;padding:8px 12px;font-size:14px;position:absolute;top:12px;left:12px}.hud-stats .line{justify-content:space-between;gap:16px;display:flex}.hud-stats .line span:first-child{color:var(--muted)}.hud-stats .status{color:var(--accent);margin-top:4px;font-weight:650}.hud-details{border-radius:var(--radius);text-shadow:0 1px 2px #000;background:#080a108c;min-width:200px;padding:8px 12px;font-size:13px;position:absolute;top:12px;right:12px}.hud-details[hidden]{display:none}.hud-details canvas{margin-top:6px;display:block}#crosshair{width:calc(18px * var(--crosshair-size));height:calc(18px * var(--crosshair-size));pointer-events:none;mix-blend-mode:difference;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:var(--crosshair);position:absolute}#crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#crosshair[hidden]{display:none}.hotbar{background:#0a0c1299;border:2px solid #0000008c;border-radius:3px;gap:2px;padding:3px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.slot{border:2px solid #ffffff2e;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.slot img{width:36px;height:36px;image-rendering:pixelated}.slot.selected{border:3px solid #fff;box-shadow:0 0 0 2px #000}.slot .count{text-shadow:1px 1px #000;font-size:13px;font-weight:750;position:absolute;bottom:0;right:3px}.slot .key{color:#ffffffbf;font-size:10px;position:absolute;top:0;left:3px}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.toast{text-shadow:0 1px 2px #000;background:#0a0c12b8;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:650;transition:opacity .3s}.toast.good{color:var(--good)}.toast.bad{color:var(--bad)}.toast.warn{color:var(--warn)}.result{border-radius:var(--radius);text-align:center;background:#0a0c12b8;max-width:90vw;padding:8px 16px;font-size:14px;transition:opacity .6s;position:absolute;top:132px;left:50%;transform:translate(-50%)}.result .head{font-size:16px;font-weight:750}.result .tl{color:var(--muted);margin-top:4px}.tl .ok{color:var(--good)}.tl .miss{color:var(--bad);text-decoration:underline}.profile-tag{color:#ffffffc7;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:12px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.calib-area{border-radius:var(--radius);height:200px;color:var(--muted);cursor:crosshair;border:2px dashed #ffffff4d;justify-content:center;align-items:center;margin:14px 0;font-size:18px;display:flex}.calib-area.active{border-color:var(--accent);color:var(--text)}.big-num{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;padding:8px 10px}.stat .label{color:var(--muted);font-size:12px}.stat .value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:750}.loadout-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.loadout-grid label{flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.loadout-grid img{width:40px;height:40px;image-rendering:pixelated}.loadout-grid select{width:100%;padding:3px;font-size:12px}body.high-contrast{--panel:#000000f5;--muted:#d0d6df;--line:#fff6}body.high-contrast .profile-tag,body.high-contrast .slot .key{color:#fff}body.high-contrast .hud-stats,body.high-contrast .hud-details,body.high-contrast .toast{background:#000000e6}@media (prefers-reduced-motion:reduce){.toast,.result{transition:none!important}}body.reduced-motion *{transition:none!important;animation:none!important}@media (max-width:720px){.modes,.grid2{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}