@font-face{font-family:Barlow;src:url('../assets/barlow.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--ink:#101326;--panel:#1a2038;--line:#343c58;--muted:#afbbd4;--accent:#ffd77b;--accent-dim:#5d4c35;--accent-rgb:255,215,123;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:#f6f7ff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 14% 0,#3324408c,transparent 45%),radial-gradient(ellipse at 100% 65%,#16334265,transparent 42%),#101326}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff;outline-offset:4px}button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#222943;padding:10px 14px;font-weight:700;font-size:13px}button:hover{border-color:var(--accent);background:#2c3550}button:active{transform:translateY(1px)}[hidden]{display:none!important}a{color:#b8c9e5;text-decoration:none}a:hover{color:#fff}.lab{max-width:1220px;margin:0 auto;padding:26px 30px 30px}.masthead{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1.4px;border-bottom:1px solid #ffffff13;padding-bottom:22px}.back{margin-right:auto;letter-spacing:.2px;font-size:12px}.lab-label{display:flex;align-items:center;gap:9px;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:#91edca;box-shadow:0 0 15px #91edca80}.draft{color:#94a2bd;border:1px solid #39415b;border-radius:30px;padding:6px 9px;font-size:10px;letter-spacing:.5px}.intro{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:28px 0 26px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);margin:0 0 8px}h1{font-family:Barlow,Arial,sans-serif;font-size:clamp(35px,5vw,57px);line-height:1.03;letter-spacing:-1px;margin:0;font-weight:800}.intro>p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 2px}.weapon-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:20px}.weapon-tab{position:relative;display:flex;align-items:center;gap:11px;text-align:left;min-height:80px;background:#171d31;border-color:#354058;padding:14px 16px;box-shadow:0 5px 0 #0a0e1d}.weapon-tab strong{display:block;font-size:16px;letter-spacing:-.3px}.weapon-tab small{display:block;font-size:11px;color:#a6b3cd;margin-top:6px;font-weight:400}.tab-number{font-family:Barlow,Arial,sans-serif;font-size:23px;font-weight:700;color:#7688a7}.tab-icon{font-size:30px;margin-left:auto;color:#7d8cab}.weapon-tab.chosen{background:linear-gradient(110deg,rgba(var(--accent-rgb),.18),#1a2136 90%);border-color:var(--accent)}.weapon-tab.chosen .tab-number,.weapon-tab.chosen .tab-icon{color:var(--accent)}.weapon-tab.chosen:after{content:'';position:absolute;left:16px;right:16px;bottom:-1px;height:3px;background:var(--accent);border-radius:3px}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px}.arena-column{min-width:0}.arena-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mode-buttons{display:flex;background:#0c1020;border:1px solid #333d55;border-radius:10px;padding:3px}.mode-buttons button{border:0;background:transparent;min-height:38px;padding:7px 19px;color:#aab9d2}.mode-buttons button[aria-pressed=true]{background:var(--accent);color:#18202a;box-shadow:0 2px 9px #0004}.combo-toggle{color:#b9cbef;border-color:#45536f;background:#182438}.combo-toggle[aria-pressed=true]{color:#cff5ff;border-color:#8bdfff;background:#233a52}.arena-wrap{position:relative;overflow:hidden;border:1px solid #52617c;border-radius:14px;background:#1b2639;box-shadow:0 13px 42px #0004}.arena-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 65px #080b1850}canvas{width:100%;height:470px;display:block;touch-action:none;outline-offset:-5px!important}.arena-label{position:absolute;top:15px;left:16px;font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;color:#c5d5e8;pointer-events:none}.status-dot{height:5px;width:5px;background:#88eac7;border-radius:50%}.arena-stats{display:flex;gap:12px;position:absolute;right:15px;top:12px;font-size:10px;color:#bbcae0;pointer-events:none}.arena-stats b{font-family:Barlow,Arial,sans-serif;font-size:18px;margin-right:3px;color:#fff}.hit-caption{position:absolute;bottom:17px;left:12px;right:12px;text-align:center;margin:0;pointer-events:none;font-size:11px;letter-spacing:.2px;color:var(--accent);text-shadow:0 2px 5px #000,0 0 14px #000;background:transparent}.pause-curtain{position:absolute;inset:0;background:#10162de8;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.pause-curtain strong{font-family:Barlow,Arial,sans-serif;font-size:35px}.pause-curtain button{background:var(--accent);color:#182030;min-width:165px;border-color:transparent}.arena-footer{padding:13px 1px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.arena-footer p{font-size:11px;line-height:1.5;color:#acb9d2;margin:0;max-width:300px}.arena-footer strong{color:#e0e6f5}.play-buttons{display:flex;gap:6px}.play-buttons button{background:#1a2238;font-size:10px;min-height:40px;padding:9px 11px}.play-buttons button[aria-pressed=true]{border-color:#6d92a7;color:#bfeadc}.weapon-notes{border:1px solid #343f58;border-radius:13px;background:linear-gradient(155deg,#242942,#151c30);padding:21px 19px 16px;align-self:start;min-height:566px}.weapon-notes .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:13px}.weapon-notes h2{font-family:Barlow,Arial,sans-serif;font-size:31px;letter-spacing:-.6px;line-height:1.05;margin:0 0 11px}.weapon-joke{font-size:12px;line-height:1.6;color:#c1cce1;margin:0 0 21px}.note-section{padding:15px 0;border-top:1px solid #ffffff12}.weapon-notes h3{font-size:9px;letter-spacing:1.5px;color:#8e9fbf;margin:0 0 8px;line-height:1.5}.weapon-notes p{line-height:1.55}.note-section p,.try-note p,.tradeoff p{font-size:12px;margin:0;color:#e2e7f2}.try-note{display:flex;gap:10px;padding:13px 12px;margin:0 -5px;background:rgba(var(--accent-rgb),.08);border-left:2px solid var(--accent);border-radius:0 6px 6px 0}.try-note>span{color:var(--accent);font-size:23px}.try-note h3{color:var(--accent)}.tradeoff{padding-top:14px;border-top:1px solid #ffffff12}.tradeoff p{color:#a7b4ce}.recommendation{font-size:11px;color:var(--accent);padding-top:15px;margin:8px 0 0;border-top:1px solid #ffffff12}.page-footer{border-top:1px solid #ffffff12;margin-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#8f9fb9;line-height:1.5;padding-top:14px}.page-footer p{margin:0;max-width:600px}.page-footer strong{color:#d7e0ed}
@media(min-width:1450px){.lab{padding-top:35px}.intro{padding:35px 0}canvas{height:490px}}
@media(max-width:1000px){.test-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.lab{padding:20px}.weapon-tab{padding:12px}.weapon-tab strong{font-size:14px}.weapon-tab small{font-size:10px}.tab-icon{display:none}.intro{align-items:start}.intro>p{max-width:260px}.weapon-notes{padding:18px 15px}canvas{height:445px}}
@media(max-width:760px){.lab{padding:18px 14px 24px}.intro{display:block;padding:23px 0 20px}.intro>p{margin-top:13px;max-width:none;font-size:12px}.masthead{padding-bottom:16px;gap:9px}.lab-label{font-size:9px;letter-spacing:1px}.draft{display:none}.test-layout{grid-template-columns:1fr}.weapon-tabs{gap:7px;margin-bottom:18px}.weapon-tab{display:block;padding:10px 8px;min-height:85px}.tab-number{font-size:15px;display:block;margin-bottom:4px}.weapon-tab strong{font-size:12px;letter-spacing:-.25px}.weapon-tab small{display:none}.weapon-tab.chosen:after{left:8px;right:8px}.arena-toolbar{margin-bottom:9px}.mode-buttons button{font-size:12px;padding:8px 17px;min-height:38px}.combo-toggle{font-size:11px;padding:10px 12px;min-height:46px}canvas{height:clamp(300px,52vh,425px)}.arena-label{left:11px;top:13px;font-size:8px;letter-spacing:.7px}.arena-stats{right:10px;top:10px;gap:9px;font-size:9px}.arena-stats b{font-size:16px}.arena-footer{padding-top:10px;gap:9px}.arena-footer p{max-width:none;width:100%;font-size:11px}.play-buttons{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:6px}.play-buttons button{min-height:44px;font-size:11px}.weapon-notes{min-height:0;padding:20px;margin-top:4px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.weapon-notes>.eyebrow,.weapon-notes>h2,.weapon-joke,.recommendation{grid-column:1/-1}.weapon-notes h2{font-size:32px}.weapon-joke{margin-bottom:8px}.note-section,.tradeoff{padding:14px 0}.try-note{margin:9px 0 0;padding:12px 10px}.tradeoff{margin-top:4px}.recommendation{padding-top:12px}.page-footer{display:block;margin-top:18px}.page-footer p+p{margin-top:8px}}
@media(max-width:390px){.lab{padding-left:10px;padding-right:10px}.back{font-size:11px}.lab-label{font-size:8px}.weapon-notes{padding:17px;column-gap:16px}.arena-label{max-width:130px;font-size:7px}.arena-stats{gap:6px}.arena-stats b{font-size:15px}.mode-buttons button{padding:8px 13px}.combo-toggle{padding:10px;font-size:10px}.weapon-tab strong{font-size:11px}}
@media(max-height:480px) and (orientation:landscape){canvas{height:330px}.intro{padding:16px 0}.test-layout{grid-template-columns:minmax(0,1fr) 225px}.weapon-tabs{margin-bottom:12px}.weapon-tab{min-height:58px}.weapon-notes{display:block;min-height:0}.arena-toolbar{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}button:active{transform:none}}