@charset "UTF-8";
:root{color-scheme:dark;--bg:#090f1b;--white:#eef4f8;--muted:#8493a8;--mint:#56eed1;--yellow:#f2d779}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% -25%,#153143 0,transparent 59%),var(--bg);color:var(--white);font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button:disabled{cursor:default;opacity:.35}.app{width:min(1160px,94vw);margin:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--white);letter-spacing:.12em;font-size:23px;font-weight:750;white-space:nowrap}.wordmark b{color:var(--mint);font-weight:500}.wordmark small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.14em;margin-top:6px}.brand-mark{font-size:49px;line-height:1;color:var(--mint);transform:rotate(-20deg)}.header-actions{display:flex;gap:18px}.quiet-button{border:0;background:none;color:#c4d0dd;padding:11px 3px;font-size:13px}.quiet-button:hover:not(:disabled){color:var(--mint)}.quiet-button span{font-size:10px;opacity:.45;margin-left:7px}.hud{width:min(100%,calc((100svh - 240px)*1.5));margin:0 auto 17px;display:flex;align-items:center;gap:45px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted);display:block;margin-bottom:3px}.hud strong{font-size:26px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.07em}.hud>div:nth-child(2) strong{color:#9aaac0}.wave-hud{margin-left:auto}.health{text-align:right}.health strong{color:var(--mint);letter-spacing:.16em;font-size:21px}.arena{position:relative;width:min(100%,calc((100svh - 240px)*1.5));min-width:min(100%,420px);aspect-ratio:3/2;margin:auto;background:#080f20;overflow:hidden;border:1px solid #26344a;border-radius:18px;box-shadow:0 25px 90px #0005,0 0 65px #43d4dc05}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#091321b8,#09132128);transition:opacity .16s}.overlay[hidden]{display:none}.overlay-content{text-align:center;padding:22px;max-width:630px}.kicker{display:block;font-size:10px;letter-spacing:.26em;color:var(--mint);margin-bottom:18px}h1{font-size:clamp(25px,3.3vw,47px);line-height:1.3;letter-spacing:-.05em;margin:0 0 17px;font-weight:700}h1 em{font-style:normal;color:var(--mint)}.overlay p{color:#aebdcf;font-size:14px;line-height:1.75;margin:0}#overlay-description{white-space:pre-line}.start-controls{display:flex;justify-content:center;gap:25px;font-size:12px;color:#aebdcf;margin:23px 0}.start-controls[hidden]{display:none}.start-controls span{display:flex;gap:5px;align-items:center}kbd{font-family:inherit;color:#c5d3e2;font-size:11px;font-weight:500;border-bottom:1px solid #698098;padding:2px 4px;white-space:nowrap}.primary{background:var(--mint);color:#092021;border:0;border-radius:40px;padding:14px 29px;font-size:15px;font-weight:750;min-width:205px;box-shadow:0 0 35px #56eed11a;transition:transform .12s,background .12s}.primary:hover{background:#8af7e2;transform:translateY(-2px)}.primary span{margin-left:34px;font-size:22px}.overlay .overlay-foot{font-size:11px;color:#8192a7;margin-top:17px}.wave-callout{position:absolute;top:16%;left:0;right:0;text-align:center;pointer-events:none;font-size:14px;letter-spacing:.22em;color:var(--yellow);opacity:0;transition:opacity .2s}.wave-callout.visible{opacity:1}.sound-note{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-size:11px;color:var(--yellow)}footer{display:flex;justify-content:space-between;gap:15px;padding:16px 0 8px;color:#7f90a5;font-size:11px}footer p{margin:0;line-height:1.8}footer i{font-style:normal;margin:0 7px;opacity:.45}.footer-right{white-space:nowrap}.footer-right span{color:#b9c8d7}.storage-note{text-align:center;font-size:11px;color:var(--yellow)}
@media(max-width:650px){.header{height:82px}.wordmark{font-size:16px;gap:7px}.brand-mark{font-size:35px}.wordmark small{font-size:8px;letter-spacing:.03em}.header-actions{gap:10px}.quiet-button{font-size:11px}.quiet-button span{display:none}.hud{gap:20px;margin-top:10px}.hud strong{font-size:21px}.health strong{font-size:17px}.arena{border-radius:12px;min-width:100%}.overlay-content{padding:12px}.kicker{margin-bottom:9px;font-size:8px}h1{font-size:25px;margin-bottom:10px}.overlay p{font-size:11px}.start-controls{margin:12px 0;font-size:10px;gap:15px}.primary{font-size:12px;padding:8px 20px;min-width:160px}.overlay .overlay-foot{font-size:9px;margin-top:9px}footer{display:block;font-size:10px}.footer-right{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}