@font-face{font-family:Inter;src:url(assets/inter.woff2);font-display:swap}@font-face{font-family:'Space Grotesk';src:url(assets/space-grotesk.woff2);font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#f5ead3;background:#101b2c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100svh;overflow:hidden}[hidden]{display:none!important}button,select{font:inherit;font-weight:650;min-width:44px;min-height:44px;border:1px solid #608394;border-radius:11px;background:#1b3d50;color:#f5ead3;padding:9px 12px;cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #ffcf78;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}button:disabled,select:disabled{opacity:.45;cursor:default}.primary{background:linear-gradient(#ffd89a,#e7ac56);color:#232b35;border-color:#ffe2ad}.shell{max-width:1100px;margin:auto;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 116px;gap:6px;padding:7px 10px}.shell>*{min-width:0}.hud{display:flex;align-items:center;gap:18px;padding-right:84px}.score small,.visit small{display:block;font-size:9px;color:#bbccdb}.score strong{font:700 30px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.you strong{color:#ffd18c}.visit{margin-left:auto}.visit strong{font-size:12px;display:block}.visit small{margin-top:5px}.arena{position:relative;min-height:0;overflow:hidden;border-radius:18px;background:#1d242e}#stage{width:100%;height:100%;display:block;touch-action:none}#reticle{position:absolute;width:19px;height:19px;transform:translate(-50%,-50%);border:2px solid #63e5f0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #122239}#reticle::before,#reticle::after{content:'';position:absolute;background:#63e5f0;box-shadow:0 0 0 1px #122239}#reticle::before{width:27px;height:1px;left:-6px;top:7px}#reticle::after{width:1px;height:27px;left:7px;top:-6px}#loupe{position:absolute;width:108px;height:108px;pointer-events:none;border:2px solid #82aaba;border-radius:15px;box-shadow:0 5px 18px #0009}.controls{width:min(100%,650px);margin:auto;text-align:center}.aim-row{display:flex;align-items:center;gap:10px}.arrows{display:flex;gap:5px}.arrows button{padding:8px}.aim-row>.primary{flex:1}#aim-score{display:block;font-size:9px;font-weight:600;margin-top:2px;min-height:11px}.controls p{font-size:11px;line-height:1.35;margin:7px 0 0;color:#d8e3e9}#checkout{color:#a8c9d7;font-size:10px}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:14px;overflow:auto;background:#101b2cef;backdrop-filter:blur(4px)}.menu{background:linear-gradient(100deg,#101b2cf5,#101b2cb0),url(assets/cover.webp) center/cover}.sheet{width:min(100%,470px);max-height:100%;overflow:auto;border:1px solid #6c8997;border-radius:23px;padding:25px;background:#142537f5;text-align:center;box-shadow:0 20px 80px #030b1588}.sheet h1,.sheet h2{font:700 clamp(30px,6vw,46px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:8px 0 15px;color:#ffd18c}.sheet p{font-size:14px;line-height:1.5;color:#dbe4e7}.sheet .eyebrow{font-size:9px;font-weight:750;letter-spacing:.12em;color:#81d2dd;margin-top:0}.sheet .instructions,.sheet .save-note{font-size:11px;color:#b4c8d4}.sheet>button{display:block;width:100%;margin:10px 0}.settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;text-align:left}.settings label{font-size:9px;font-weight:700;color:#b4c8d4}.settings select{display:block;margin-top:5px;width:100%;font-size:13px}.result{font:700 42px 'Space Grotesk',sans-serif;color:#ffd18c}.record{border-color:#ffd18c;box-shadow:0 0 30px #ffcf7825}#loading{position:fixed;inset:0;z-index:8;background:#101b2c;display:grid;place-items:center;font-size:14px}
@media(max-width:420px){.shell{padding:5px;grid-template-rows:54px minmax(0,1fr) 122px;gap:4px}.hud{gap:10px;padding-right:0}.hud .visit{max-width:135px}.visit strong{font-size:10px}.visit small{font-size:8px}.score strong{font-size:26px}.aim-row{gap:6px}.arrows{gap:3px}.arrows button{padding:4px}.controls p{font-size:10px}.sheet{padding:18px}.sheet p{font-size:12px}.arena{border-radius:12px}}
@media(max-height:450px) and (min-width:600px){.shell{grid-template-columns:minmax(0,1fr) 235px;grid-template-rows:48px minmax(0,1fr);max-width:none;gap:4px 10px}.hud{grid-column:1/-1}.arena{grid-row:2;grid-column:1}.controls{grid-row:2;grid-column:2}.aim-row{flex-direction:column}.aim-row>.primary{width:100%}.controls p{margin-top:12px}.sheet{padding:15px}.sheet h1,.sheet h2{font-size:29px}.sheet p{margin:8px 0}.sheet .instructions{font-size:10px}.settings{margin:8px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}