:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Trajan Pro", "Optima", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;--font-num:"Consolas", "SFMono-Regular", "Courier New", monospace;--font-ui:"Optima", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-ui);background:#0a0604;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.hud__score{font-family:var(--font-num);letter-spacing:3px;font-variant-numeric:tabular-nums;color:#ffd9a0;text-shadow:0 2px #4a1503,0 0 22px #ff7a188c;background:linear-gradient(#2b1a10b8,#0a0604a8);border:1px solid #ff7a1852;border-radius:3px;margin-top:14px;padding:4px 26px 6px;font-size:44px;font-weight:700;box-shadow:inset 0 1px #ffd9a029,0 4px 18px #0000008c}.hud__best{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:#e8a15a;text-shadow:0 1px 6px #0009;opacity:.9;margin-top:6px;font-size:12px}.overlay{text-align:center;pointer-events:auto;touch-action:manipulation;z-index:20;background:radial-gradient(circle at 50% 56%,#2b1a1042 0%,#0a0604ed 80%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 24px 21vh;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay__title{font-family:var(--font-display);letter-spacing:14px;text-indent:14px;text-transform:uppercase;color:#ffb055;text-shadow:0 1px #7a2c05,0 2px #4a1503,0 3px 2px #000000b3,0 0 34px #ff7a1873;font-size:58px;font-weight:700}.overlay__subtitle{font-family:var(--font-display);letter-spacing:5px;text-transform:uppercase;color:#e8b381;text-shadow:0 1px 6px #000000bf;font-size:14px}.overlay__score{font-family:var(--font-num);letter-spacing:3px;font-variant-numeric:tabular-nums;color:#e8e2d0;text-shadow:0 1px 8px #0009;font-size:22px}.overlay__hint{letter-spacing:1px;color:#cbb79a;background:#0a060480;border-left:2px solid #ff7a1866;flex-direction:column;align-items:flex-start;gap:9px;margin-top:10px;padding:14px 20px;font-size:13px;display:flex}.legend{align-items:center;gap:10px;display:flex}.legend__chip{border-radius:5px;flex:none;width:26px;height:9px;display:inline-block}.legend__chip--low{background:linear-gradient(#fff0d0,#ff7a18 55%,#6b1e02);box-shadow:0 0 12px #ff7a18b3}.legend__chip--high{background:linear-gradient(#fff8e8,#a89b7e 60%,#4a4032)}.blood{pointer-events:none;z-index:18;opacity:0;transition:opacity .16s ease-out;position:absolute;inset:0;overflow:hidden}.blood.is-shown{opacity:.94}.blood__spot{background:#740812e6;position:absolute}.blood__drip{background:linear-gradient(#800913e6,#3a020899);border-radius:0 0 70% 70%;height:0;animation-name:blood-run;animation-timing-function:cubic-bezier(.3,0,.6,1);animation-fill-mode:forwards;position:absolute}@keyframes blood-run{0%{height:0}to{height:var(--run,30vh)}}.countdown{pointer-events:none;z-index:25;font-family:var(--font-display);letter-spacing:6px;color:#ffd9a0;text-shadow:0 3px #4a1503,0 0 44px #ff7a18b3;opacity:0;justify-content:center;align-items:center;font-size:150px;font-weight:700;display:flex;position:absolute;inset:0}.countdown.is-shown{animation:.75s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.12)}40%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.spectate{letter-spacing:2px;white-space:nowrap;color:#ffd9a0;pointer-events:none;z-index:22;background:#0a0604d1;border:2px solid #ff7a188c;border-radius:999px;padding:10px 20px;font-size:14px;display:none;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.spectate.is-shown{display:block}.touch-zone{pointer-events:none;z-index:12;justify-content:center;align-items:center;height:50%;transition:background .12s;display:none;position:absolute;left:0;right:0}.touch-zone--up{border-bottom:1px dashed #ffd9a029;top:0}.touch-zone--down{bottom:0}.touch-zone__label{letter-spacing:3px;color:#ffd9a06b;border:1px solid #ffd9a038;border-radius:999px;padding:6px 14px;font-size:11px}.touch-zone--up .touch-zone__label{margin-top:96px}.touch-zone--down .touch-zone__label{margin-bottom:72px}.touch-zone.is-active{background:#ff7a1817}.touch-zone.is-active .touch-zone__label{color:#ffd9a0;border-color:#ffd9a099}@media (hover:none) and (pointer:coarse){.touch-zone.is-shown{display:flex}}@media (width<=620px){.overlay__title{letter-spacing:7px;text-indent:7px;font-size:30px}.overlay{padding-bottom:14vh}.overlay__hint{font-size:11px}.hud__score{font-size:42px}.countdown{font-size:110px}}