:root{color-scheme:dark;--bg:#090909;--panel:#111112;--yellow:#f4cc4b;--text:#eeeae0;--muted:#96948d;--border:#2a2925;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#302a171f,transparent 60%),var(--bg);color:var(--text);font-size:15px;line-height:1.6}[hidden]{display:none!important}button,.button{font:600 13px Inter,Segoe UI,Arial,sans-serif;border:1px solid var(--border);border-radius:7px;background:#191919;color:var(--text);padding:12px 16px;text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s}button:hover,.button:hover{border-color:#807344;background:#26231b}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.primary{background:var(--yellow);color:#171307;border-color:var(--yellow)}.primary:hover{background:#ffdf75}.range-shell{max-width:1120px;margin:auto;padding:28px}.range-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-bottom:24px}.range-header>div{display:flex;gap:8px;align-items:center}.range-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--yellow);font-size:28px;font-family:Georgia,serif}.range-brand>span{font:700 14px Inter,Arial,sans-serif;color:var(--text);letter-spacing:2px}.range-brand small{display:block;font-size:9px;color:#b4a47e;letter-spacing:3px;margin-top:5px}.game-heading{padding:38px 0 22px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#c6b78f;font-weight:600}.game-heading h1{font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1;letter-spacing:-2px;margin:16px 0}.game-heading h1 span{color:var(--yellow);margin-left:12px}.game-heading p,.range-panel p{color:var(--muted)}.range-panel{padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:24px}.range-panel h2{font-size:24px;letter-spacing:-.5px;margin:8px 0}.setup-top{display:flex;justify-content:space-between;gap:32px;align-items:center}.setup-top p{font-size:13px;margin:8px 0}.nickname-label{display:block;width:280px;max-width:100%;font-size:12px;color:#c6b78f}.nickname-label small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}input[type=text],input:not([type]){width:100%;display:block;background:#090909;color:var(--text);border:1px solid #494333;border-radius:7px;padding:12px 14px;margin-top:8px;font:inherit;font-size:16px}fieldset{border:0;padding:0;margin:25px 0 0}legend{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#b4a47e;margin-bottom:12px}.characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.character-card{position:relative;cursor:pointer;border:1px solid var(--border);background:linear-gradient(#151916,#0c100e);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:18px;gap:10px;transition:border-color .2s,background .2s}.character-card:has(input:checked){border-color:var(--yellow);background:linear-gradient(#332c16,#16170f);box-shadow:inset 0 0 0 1px var(--yellow)}.character-card:has(input:focus-visible){outline:2px solid var(--yellow);outline-offset:3px}.character-card:hover{border-color:#807344}.character-card input{position:absolute;top:12px;left:12px;accent-color:var(--yellow)}.character-card .game-sprite{height:200px;width:100px;object-fit:contain;image-rendering:pixelated}.character-card strong{font-size:13px}.roster-note{font-size:11px}.setup-bottom{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:20px}.setup-bottom p{font-size:12px;max-width:650px}.setup-bottom button{min-width:165px}.hud{display:flex;align-items:center;gap:40px;padding:16px 22px;border:1px solid #51462c;background:#15140f;border-radius:10px 10px 0 0}.hud>span{display:flex;flex-direction:column}.hud small,.results-grid small{font-size:9px;letter-spacing:1.8px;color:#b4a47e}.hud strong{font-family:monospace;font-size:27px;font-variant-numeric:tabular-nums;color:var(--yellow)}.hud button{margin-left:auto}#arena{position:relative;height:clamp(300px,48vw,500px);width:100%;overflow:hidden;background-color:#17201b;background-size:cover;background-position:center;image-rendering:pixelated;border:1px solid #51462c;isolation:isolate;touch-action:none;user-select:none}#arena.playing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='7' fill='none' stroke='%23f4cc4b' stroke-width='2'/%3E%3Cpath d='M16 1v10m0 10v10M1 16h10m10 0h10' stroke='%23eeeae0' stroke-width='2'/%3E%3C/svg%3E") 16 16,crosshair}.arena-caption{position:absolute;bottom:10px;left:14px;color:#d1c396;font:10px monospace;letter-spacing:2px;pointer-events:none;opacity:.65}#countdown{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(36px,8vw,80px) monospace;color:#fff2bf;background:#09090988;z-index:5;pointer-events:none;text-shadow:4px 4px #080b09}.range-target{position:absolute;transform:translate(-50%,-50%);image-rendering:pixelated;animation:target-in var(--appear) ease-out both;filter:drop-shadow(4px 6px 0 #0008);z-index:2}.range-target .game-sprite{width:100%;height:100%;display:block;pointer-events:none;object-fit:contain}.range-target.target-out{animation:target-out .1s ease-in forwards}.shot-flash{position:absolute;transform:translate(-50%,-50%);z-index:3;pointer-events:none;color:#fff3b5;font:700 42px monospace;animation:flash-out .24s ease-out both}.shot-flash.hit{color:#b0dda3}.range-shake{animation:range-shake .1s linear}.arena-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 0;color:#b4a47e;font-size:11px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.results-grid>div{padding:18px;background:#191912;border:1px solid #373324;border-radius:8px}.results-grid strong{display:block;font:700 27px monospace;color:var(--yellow);margin-top:6px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}#result-name{font-size:32px}#result-character{margin:0}#save-status{font-size:13px}.ranking-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.ranking-note{font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th{font-size:10px;letter-spacing:1px;color:#b4a47e}th,td{padding:14px 12px;border-bottom:1px solid var(--border)}td:first-child{color:#b4a47e}.your-score{background:#f4cc4b12;box-shadow:inset 3px 0 var(--yellow)}.your-score td{color:#fff0bb}footer{padding:14px 0 28px;color:#c6b78f;font-size:12px}footer span{font-style:italic;color:var(--muted);margin-left:8px}.error,#ranking-error{color:#f1a989}.error{padding:14px;border:1px solid #8d5140;border-radius:8px}@keyframes target-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes target-out{to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes flash-out{0%{opacity:1;scale:.8}to{opacity:0;scale:1.4}}@keyframes range-shake{25%{translate:1px 0}75%{translate:-1px 1px}to{translate:0 0}}@media(max-width:720px){.range-shell{padding:16px}.range-header{gap:12px;align-items:flex-start}.range-header>div{flex-direction:column;align-items:stretch}.range-brand{gap:8px}.range-brand>span{font-size:10px;letter-spacing:1px}.range-brand small{font-size:8px;letter-spacing:1px}.game-heading{padding-top:26px}.game-heading h1 span{display:block;margin:5px 0 0}.range-panel{padding:18px}.setup-top,.setup-bottom{flex-direction:column;align-items:stretch;gap:12px}.nickname-label{width:100%}.characters{gap:8px}.character-card{padding:14px 5px}.character-card .game-sprite{height:132px;width:66px}.character-card strong{font-size:11px}.hud{gap:22px;padding:12px}.hud strong{font-size:22px}.hud button{padding:9px;font-size:11px}#arena{height:360px}.arena-footer{flex-direction:column;gap:3px}.results-grid{grid-template-columns:repeat(2,1fr)}.results-grid>div{padding:12px}.results-grid strong{font-size:23px}th,td{padding:12px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}button,a,input,.character-card{-webkit-tap-highlight-color:transparent}#result-name,.character-card strong,.arena-footer{overflow-wrap:anywhere}@media(min-width:960px){.characters{grid-template-columns:repeat(6,minmax(0,1fr))}.character-card{padding:20px 7px 14px}.character-card .game-sprite{height:210px;width:105px}}.game-sprite{display:block;image-rendering:pixelated;pointer-events:none}.range-target{filter:drop-shadow(0 2px 2px #000b) drop-shadow(0 0 1px #efcd8599)}#arena:before{content:"";position:absolute;inset:0;background:#0308075c;z-index:0;pointer-events:none}.arena-caption{z-index:1}