:root{font-family:Inter,system-ui,sans-serif;color:#f3f7f5;background:#071923;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}canvas{display:block}.hidden{display:none!important}.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 55% 30%,#174b55,#071923 68%);z-index:20}.panel{width:min(560px,90vw);padding:44px;background:#04141be6;border:1px solid #5ee0b144;box-shadow:0 24px 80px #0008}.eyebrow{color:#74e9bc;text-transform:uppercase;letter-spacing:.22em;font-size:12px}h1,h2{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;margin:.1em 0;line-height:.9}h1{font-size:clamp(72px,10vw,130px)}h2{font-size:48px}.subtitle{color:#a9bdbe;margin:18px 0 28px}.menu{display:grid;gap:10px}.primary,.secondary{border:0;padding:14px 20px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;cursor:pointer}.primary{background:#e9ff54;color:#102128}.primary:hover{background:#fff}.secondary{background:#17333d;color:#eaf4ef}.secondary:hover{background:#214753}.row{display:flex;gap:10px}.row>*{flex:1}.help{font-size:12px;color:#8ca4a6;line-height:1.6;margin-top:20px}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}.score{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background:#071923dd;border-bottom:3px solid #e9ff54;min-width:360px}.score>div{padding:10px 20px}.score .numbers{font:700 32px Barlow Condensed;margin-left:auto}.score small{display:block;color:#82aaa6;text-transform:uppercase;letter-spacing:.12em}.serve-dot{color:#e9ff54}.callout{position:absolute;top:27%;left:50%;transform:translate(-50%,-50%);font:800 52px Barlow Condensed;text-transform:uppercase;text-shadow:0 3px 20px #000;animation:pop .22s ease-out}.prompt{position:absolute;left:50%;bottom:7%;transform:translate(-50%);background:#071923dd;padding:12px 18px;border:1px solid #ffffff22;text-align:center}.prompt strong{color:#e9ff54}.crosshair{position:absolute;left:50%;top:50%;width:8px;height:8px;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #000}.rally{position:absolute;right:24px;top:24px;text-align:right;font:700 26px Barlow Condensed}.rally small{display:block;font:12px Inter;color:#9bb;text-transform:uppercase}.flash{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .15s}.flash.on{opacity:.13}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#06141dcc;pointer-events:auto}.pause .panel{text-align:center}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin:24px 0}.field{display:grid;gap:6px}.field label{font-size:12px;text-transform:uppercase;color:#a9bdbe}.field input,.field select{width:100%}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.stats div{padding:10px;background:#102a34}.warning{position:fixed;bottom:0;left:0;right:0;background:#a73434;padding:6px;text-align:center;z-index:50;font-size:12px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1}}@media(max-width:700px){.panel{padding:25px}.score{min-width:300px}.settings{grid-template-columns:1fr}h1{font-size:70px}}