:root{--ink:#f6ead6;--muted:#c9b79c;--panel:#241c16eb;--edge:#6b5442;--accent:#58b83c;--accent-light:#7fdc5c;--purple:#9a5ad6;--purple-light:#b98ae8;--outline:#1d1611;--wordmark:"Anton", Impact, "Arial Narrow", sans-serif;--red:#b8383b;--display:"Oswald", Impact, system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);background:#2b2119;margin:0;overflow:hidden}[hidden]{display:none!important}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:700 18px var(--display);letter-spacing:.06em;color:var(--outline);background:var(--accent);cursor:pointer;border:0;border-radius:4px;padding:10px 20px}button.secondary{background:var(--edge);color:var(--ink)}button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}kbd{font:600 12px var(--body);background:#4a3a2d;border-radius:3px;padding:1px 5px}.panel{background:var(--panel);border:2px solid var(--edge);border-radius:6px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}h1,h2{font-family:var(--display);letter-spacing:.04em;margin:0 0 6px}h1{font-size:44px;line-height:1}.lede{color:var(--muted);margin:0 0 16px;line-height:1.45}.micro{color:var(--muted);font-size:13px}.big{font:700 48px var(--display);font-variant-numeric:tabular-nums;margin:8px 0}.row{flex-wrap:wrap;gap:10px;display:flex}.map-list{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.map-list button{text-align:left;width:100%;color:var(--ink);border:1px solid var(--edge);background:#3a2d23;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;display:grid}.map-list button:hover{border-color:var(--accent)}.map-list .name{font-size:20px}.map-list .tier{color:var(--purple-light);justify-self:end}.map-list .meta{font:400 13px var(--body);letter-spacing:0;color:var(--muted);grid-column:1/-1}h2.section{color:var(--accent-light);margin:18px 0 8px;font-size:18px}.name-row{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.name-row input,.name-row select{width:180px;color:var(--ink);border:1px solid var(--edge);font:15px var(--body);background:#1e1712;padding:6px 8px}.play-row{margin:10px 0 4px}.play-row button:not([hidden]){flex:1}.controls{margin-top:8px}.controls summary{cursor:pointer;font-family:var(--display);letter-spacing:.04em}.controls label{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.controls input{width:90px;color:var(--ink);border:1px solid var(--edge);background:#1e1712;padding:4px 6px}.bar{background:#1e1712;border-radius:4px;height:8px;margin:12px 0;overflow:hidden}.bar span{background:var(--accent);width:0;height:100%;transition:width .15s;display:block}.hud{pointer-events:none;font-family:var(--display);text-shadow:0 2px 4px #000000b3;font-variant-numeric:tabular-nums;position:fixed;inset:0}.hud-top{justify-content:space-between;gap:16px;font-size:20px;display:flex;position:absolute;top:12px;left:16px;right:16px}#hud-timer{font-size:30px}#hud-best,#hud-map{color:var(--muted)}.hud-bottom{justify-content:space-between;align-items:end;gap:12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.speed{font-size:34px}.speed:after{content:" u/s";color:var(--muted);font-size:16px}.ammo,.health{border-bottom:3px solid var(--red);background:#241c16b3;padding:4px 14px}.ammo b,.health b{font-size:40px}.ammo small,.health small{color:var(--muted);margin-left:6px;font-size:18px}.health{border-bottom-color:#5fa35f}.health b.low{color:#ff6b5b}#arena-hud .speed{opacity:.8;font-size:22px}.crosshair{background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #000}#toast{text-align:center;font:26px var(--display);color:var(--accent);pointer-events:none;text-shadow:0 2px 4px #000000b3;margin:0;position:fixed;top:22%;left:0;right:0}.score{align-items:center;gap:12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.score b{text-align:center;border-radius:4px;min-width:64px;padding:2px 10px;font-size:34px}.score span{color:var(--muted);font-size:13px}.red{background:#3e9630e0}.blu{background:#7e46b8e0}#kill-feed{justify-items:end;gap:4px;max-width:min(420px,50vw);margin:0;padding:0;font-size:16px;list-style:none;display:grid;position:absolute;top:12px;right:16px}#kill-feed li{border-radius:3px;padding:2px 10px}#kill-feed li.chat{font-family:var(--body);background:#241c16bf;font-size:14px}#respawn{text-align:center;margin:0;font-size:34px;position:absolute;top:40%;left:0;right:0}#net-stats{opacity:.7;margin:0;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}#damage-flash{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 160px 30px #ff1414cc}#low-health{opacity:0;background:radial-gradient(#0000 45%,#aa000059 75%,#8c0000bf 100%);position:absolute;inset:0}#hit-marker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}#hit-marker i{background:#fff;width:12px;height:3px;position:absolute;box-shadow:0 0 2px #000}#hit-marker i:first-child{transform:translate(-18px,-14px)rotate(45deg)}#hit-marker i:nth-child(2){transform:translate(6px,-14px)rotate(-45deg)}#hit-marker i:nth-child(3){transform:translate(-18px,11px)rotate(-45deg)}#hit-marker i:nth-child(4){transform:translate(6px,11px)rotate(45deg)}#hit-marker.hit{animation:.3s ease-out hit}#damage-flash.hit{animation:.45s ease-out hit}.edge-flash{opacity:0;position:absolute;inset:0}#parry-flash{box-shadow:inset 0 0 170px 44px var(--parry-color,#58b83c)}#parry-pop{opacity:0;pointer-events:none;letter-spacing:.04em;color:#fff;-webkit-text-stroke:3px #1d1611;text-shadow:0 0 24px var(--parry-color,#58b83c), 0 4px 0 #1d1611;margin:0;font:64px/1 Anton,Impact,sans-serif;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#parry-pop.hit{animation:.75s ease-out parry-pop}@keyframes parry-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(1.8)skew(-10deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)skew(-10deg)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(1)skew(-10deg)}}#heal-flash{box-shadow:inset 0 0 140px 26px #58d246bf}.edge-flash.hit{animation:.6s ease-out hit}@keyframes hit{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#damage-flash.hit,.edge-flash.hit{animation-duration:10ms}}#scoreboard{background:var(--panel);border:2px solid var(--edge);width:min(760px,100vw - 32px);font-family:var(--body);text-shadow:none;border-radius:6px;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard table{border-collapse:collapse;width:100%;font-size:14px}#scoreboard th{font:600 16px var(--display);text-align:left;padding:4px 6px}#scoreboard td{border-top:1px solid #ffffff14;padding:3px 6px}#scoreboard td+td,#scoreboard th+th{text-align:right;width:48px}#scoreboard table.red thead{background:#3e9630a6}#scoreboard table.blu thead{background:#7e46b8a6}#scoreboard tr.me{color:var(--accent-light)}#scoreboard small{color:var(--muted);font-size:11px}#scoreboard p{grid-column:1/-1;margin:0}@media (width<=560px){#scoreboard{grid-template-columns:1fr}}.panel.home{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#241c16db;width:min(460px,100vw - 32px)}.home h1.wordmark{justify-content:center;align-items:center;gap:4px;margin:0 0 4px;display:flex}.logo-frog{width:clamp(96px,26vw,136px);height:auto;filter:drop-shadow(4px 4px 0 var(--outline))}.wordmark .words{flex-direction:column;align-items:flex-start;display:flex}.wordmark .rocket,.wordmark .hopper{font:400 clamp(44px, 12vw, 66px)/.92 var(--wordmark);letter-spacing:.01em;-webkit-text-stroke:7px var(--outline);paint-order:stroke fill;text-shadow:5px 5px 0 var(--outline);transform:skew(-10deg)}.wordmark .rocket{color:var(--accent)}.wordmark .hopper{color:var(--purple)}.home .lede{margin:6px 0 18px}.home .play{width:100%;padding:14px 20px;font-size:28px}.drawer{text-align:left;border-top:1px solid var(--edge);margin-top:12px;padding-top:10px}.drawer summary{cursor:pointer;font:700 18px var(--display);letter-spacing:.06em;color:var(--accent-light);list-style:none}.drawer summary::-webkit-details-marker{display:none}.drawer summary:after{content:" ▾"}.drawer[open] summary:after{content:" ▴"}.drawer .map-list{max-height:40vh;margin-top:8px;overflow:auto}.drawer label{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.drawer input{width:150px;color:var(--ink);border:1px solid var(--edge);background:#1e1712;padding:4px 6px}.drawer label.slider{grid-template-columns:110px 1fr 44px;display:grid}.drawer label.slider input{width:100%;accent-color:var(--accent);background:0 0;border:0;padding:0}.drawer label.slider output{text-align:right;font-variant-numeric:tabular-nums}#click-to-play{padding:18px 34px;font-size:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #00000080}#click-to-play small{letter-spacing:.12em;opacity:.7;margin-top:6px;font-size:12px;display:block}.map-list button:has(.thumb:not([hidden])){grid-template-columns:112px 1fr auto}.map-list .thumb{object-fit:cover;border-radius:3px;grid-row:1/3;width:112px;height:63px}.map-list button:has(.thumb:not([hidden])) .meta{grid-column:2/-1}#loading-preview{aspect-ratio:16/9;object-fit:cover;border-radius:4px 4px 0 0;width:calc(100% + 48px);margin:-24px -24px 16px;display:block}#now-playing{margin:8px 0 0}.crosshair.enemy{background:#ff3b30;box-shadow:0 0 0 1px #000,0 0 6px #ff3b30cc}.row.submit{align-items:center;margin:12px 0}.row.submit input{min-width:140px;color:var(--ink);border:1px solid var(--edge);font:16px var(--body);background:#1e1712;flex:1;padding:9px 10px}.row.submit p{flex-basis:100%;margin:0}