:root{--wine: #8e1426;--wine-dark: #5c0b18;--ink: #16141a;--paper: #fff8ec;--gold: #f2c14e;--sky: #4f9be0;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}[hidden]{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud-title,.hud-stats{background:#16141ab8;border:2px solid var(--ink);border-radius:10px;padding:6px 12px;font-weight:800;letter-spacing:.04em;box-shadow:3px 3px #00000059}.hud-title,.hud-stats>div{white-space:nowrap}.hud-title{color:#ff5a6e}@media(max-width:520px){.hud-title,.hud-stats{font-size:13px;padding:5px 9px}.hud-title span{display:none}}.hud-title span{color:var(--paper);font-weight:600}.hud-stats{text-align:right;font-variant-numeric:tabular-nums}#btn-sound{pointer-events:auto;margin-left:auto;width:40px;height:40px;border-radius:10px;border:2px solid var(--ink);background:#16141ab8;color:var(--gold);font:900 20px/1 system-ui,sans-serif;box-shadow:3px 3px #00000059;cursor:pointer}#btn-sound.off{color:#8b8590;text-decoration:line-through}#hud-found{color:var(--gold)}#crosshair{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #0006;opacity:.7}#crosshair.ready{border-color:var(--gold);opacity:1;transform:scale(1.4)}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-10px) rotate(-2deg);background:var(--gold);color:var(--ink);border:3px solid var(--ink);border-radius:6px;padding:10px 18px;font-weight:900;font-size:clamp(18px,4.5vw,30px);text-transform:uppercase;letter-spacing:.03em;box-shadow:5px 5px 0 var(--ink);opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}#toast.show{opacity:1;transform:translate(-50%) rotate(-2deg)}#speedlines{position:absolute;inset:0;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff0 0deg 5deg,#ffffff38 5deg 5.6deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 38%,#000 75%);mask-image:radial-gradient(circle at 50% 50%,transparent 38%,#000 75%)}#touch{position:fixed;inset:0;pointer-events:none}#stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px solid rgba(255,255,255,.55);background:#16141a40;opacity:0;transition:opacity .15s}#stick.active{opacity:1}#stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffffd9;border:3px solid var(--ink)}.tbtn{position:absolute;pointer-events:auto;width:72px;height:72px;border-radius:50%;border:3px solid var(--ink);background:#fff8ece6;color:var(--ink);font:800 12px/1 Trebuchet MS,system-ui,sans-serif;box-shadow:3px 3px #00000073;touch-action:none}.tbtn.down{transform:translate(2px,2px);box-shadow:1px 1px #00000073;background:var(--gold)}.tbtn-big{width:96px;height:96px;background:var(--wine);color:var(--paper);font-size:14px}.tbtn-big.down{background:#c21d38}#btn-swing{right:16px;bottom:max(28px,env(safe-area-inset-bottom))}#btn-jump{right:124px;bottom:max(24px,env(safe-area-inset-bottom))}#btn-zip{right:34px;bottom:calc(max(28px,env(safe-area-inset-bottom)) + 108px)}#menu{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 35%,#4f9be040,#16141aa6)}.menu-card{width:min(460px,100%);background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:14px;padding:24px 22px 20px;box-shadow:8px 8px 0 var(--ink);text-align:center;transform:rotate(-1deg)}.menu-kicker{font-weight:700;color:var(--wine);letter-spacing:.08em}.menu-card h1{margin:4px 0 6px;font-size:clamp(38px,11vw,58px);line-height:.95;color:var(--wine);letter-spacing:.02em;text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.menu-sub{margin:0 0 16px;font-weight:600}#play{width:100%;padding:14px 18px;font:900 20px/1 Trebuchet MS,system-ui,sans-serif;text-transform:uppercase;color:var(--paper);background:var(--wine);border:3px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);cursor:pointer}#play:disabled{background:#8b8590;cursor:progress}#play:not(:disabled):active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.menu-controls{margin-top:16px;font-size:14px;line-height:1.5;text-align:left;border-top:2px dashed rgba(22,20,26,.3);padding-top:12px}.touch-only{display:none}@media(pointer:coarse){.touch-only{display:block}.desktop-only{display:none}}