@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/InterVariable.woff2") format("woff2")}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial}html,body{margin:0;height:100%;background:#000;overflow:hidden;touch-action:none}body{margin:0;min-height:100vh;background-image:url("../background.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}canvas{display:block;width:100vw;height:100vh}.hud{position:fixed;left:12px;top:10px;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#fff;opacity:.75;user-select:none;pointer-events:none}.bigScore{position:fixed;left:50%;top:20%;transform:translate(-50%,-50%);font:900 92px/1 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;letter-spacing:-0.05em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 30px rgba(255,255,255,.12);user-select:none;pointer-events:none;transition:opacity .2s ease,transform .2s ease;opacity:.92;white-space:nowrap}.bigScore.subtle{opacity:.55}.bigScore.hide{opacity:0}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);color:#fff;user-select:none;pointer-events:none;opacity:0;transition:opacity .2s ease}.overlay.show{opacity:1}.overlay .box{text-align:center;padding:22px 18px;max-width:min(520px,90vw)}.overlay .title{font:900 28px/1.1 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin-bottom:10px;letter-spacing:-0.02em}.overlay .count{font:900 88px/1 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;letter-spacing:-0.05em;margin:10px 0 6px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 20px rgba(255,255,255,.08)}.overlay .sub{font:650 14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;opacity:.85}.btn{position:fixed;left:12px;bottom:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;padding:10px 12px;border-radius:12px;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;cursor:pointer;user-select:none}.btn:active{transform:translateY(1px)}.audioBadge{position:fixed;right:12px;bottom:12px;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#fff;opacity:.7;user-select:none;pointer-events:none;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);opacity:0}.fullscreenBtn{position:fixed;right:12px;top:12px;z-index:45;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.42);color:rgba(255,255,255,.9);font:900 18px/1 Inter,Arial,sans-serif;cursor:pointer;user-select:none;backdrop-filter:blur(3px)}.fullscreenBtn:active{transform:translateY(1px)}@media (max-width:520px){.bigScore{font-size:72px}.overlay .count{font-size:68px}}.surrender{position:fixed;left:50%;bottom:20vh;transform:translate(-50%,12px);font:900 56px/1 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;letter-spacing:-0.05em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 20px rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;user-select:none;cursor:pointer}.surrender.show{opacity:0.92;transform:translate(-50%,0);pointer-events:auto}@media (max-width:520px){.surrender{font-size:44px;bottom:34px}}.okBtn{margin-top:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#fff;padding:12px 14px;border-radius:14px;font:700 14px/1 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;cursor:pointer;user-select:none;pointer-events:auto}.okBtn:active{transform:translateY(1px)}