:root{--ink:#f4ead6;--muted:#b9a98f;--amber:#f0a53a;--amber-hi:#ffc266;--blood:#c0201c;--card:#100b08cc;--line:#ffdcaa24}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#0b0908;margin:0;font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#danger,#flash{pointer-events:none;position:fixed;inset:0}#danger{opacity:0;background:radial-gradient(#0000 45%,#960808a6 100%)}#flash{opacity:0;background:#c80a0a8c}#flash.on{animation:.9s ease-out forwards flash}@keyframes flash{0%{opacity:1}to{opacity:0}}#hud{pointer-events:none;position:fixed;inset:0}#corner.dying #btnPause{display:none}.well{color:#fff;background:#000000d1;border:2px solid #fff;border-radius:3px;padding:6px 12px 7px;box-shadow:0 3px #0000008c}.well .label{letter-spacing:.15em;text-transform:uppercase;color:#d9d2c4;font-size:10px;font-weight:700;display:block}.well b{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:900}.well .row{align-items:baseline;gap:12px;display:flex}#hudScore{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));max-width:calc(50vw - 100px - max(14px, env(safe-area-inset-left)));flex-wrap:wrap;align-items:stretch;gap:8px;display:flex;position:absolute}.well.score{padding:8px 14px 10px}#points{font-size:clamp(32px,3.9vw,56px);line-height:1}.well.score .rate{flex-direction:column;line-height:1;display:flex}#rate{color:var(--amber-hi);font-size:clamp(18px,2.2vw,24px)}.well.score small{letter-spacing:.16em;text-transform:uppercase;color:#d9d2c4;margin-top:3px;font-size:9px}.pair{gap:8px;display:flex}.pair .well{white-space:nowrap;flex-direction:column;flex:1;justify-content:space-between;display:flex}.well.small b{font-size:clamp(22px,2.3vw,30px);line-height:1.05}.pair .well b{font-size:clamp(28px,3.4vw,48px);line-height:1}.well.small.none b{opacity:.45}.well.flare{animation:.9s ease-out wellFlare}#rate.flare{animation:.9s ease-out rateFlare}@keyframes wellFlare{0%{border-color:var(--amber-hi);background:#ffc266e6;transform:scale(1.1);box-shadow:0 0 26px #ffc266f2}35%{background:#ffc26659}to{background:#000000d1;border-color:#fff;transform:scale(1);box-shadow:0 3px #0000008c}}@keyframes rateFlare{0%{color:#fff;text-shadow:0 0 12px #ffd278}to{color:var(--amber-hi);text-shadow:none}}#hudTime{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));text-align:right;min-width:96px;position:absolute}#staminaWrap{left:50%;bottom:max(16px, env(safe-area-inset-bottom));align-items:center;gap:14px;padding:9px 14px;display:flex;position:absolute;transform:translate(-50%)}#staminaWrap .label{font-size:11px}#stamina{background:#111;border:2px solid #fff;border-radius:2px;width:min(460px,62vw);height:18px;position:relative;overflow:hidden}#staminaFill{height:100%;width:var(--fill,100%);background:linear-gradient(90deg, hsl(var(--hue,125) 70% 34%), hsl(var(--hue,125) 85% 52%));transition:width 80ms linear}#seedMeter{right:max(20px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));opacity:0;filter:drop-shadow(0 4px #00000080);width:92px;height:148px;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;transform:translateY(16px)scale(.85)}#seedMeter canvas,.token img{width:100%;height:100%;display:block}#seedMeter.show{opacity:1;transform:none}#seedMeter.show.dim{opacity:.6}#seedMeter.bite{animation:.18s ease-out seedBite}@keyframes seedBite{40%{transform:scale(.93)rotate(-5deg)}}#seedMeter.pulse{transform-origin:50% 88%;animation:.35s ease-in-out seedPulse}@keyframes seedPulse{50%{filter:drop-shadow(0 0 16px #ffc266)brightness(1.7);transform:scale(1.15)}}#seedMeter.show.eating canvas{animation:.42s ease-in-out infinite alternate seedEat}@keyframes seedEat{0%{filter:none;scale:1}to{filter:drop-shadow(0 0 8px #ffc86e)brightness(1.25);scale:1.08}}@media (pointer:coarse){#seedMeter{bottom:calc(max(56px, calc(env(safe-area-inset-bottom) + 40px)) + 124px);right:calc(max(22px, env(safe-area-inset-right)) + 24px);width:64px;height:103px}}.crumb{pointer-events:none;border-radius:1px;width:5px;height:4px;position:fixed;top:0;left:0}.token canvas{width:100%;height:100%;display:block}.token{pointer-events:none;filter:drop-shadow(0 0 14px #ffc266f2);position:fixed;top:0;left:0}#staminaLost{width:var(--lost,0%);background:repeating-linear-gradient(135deg,#3a0b0b 0 5px,#1c0505 5px 10px);border-left:2px solid #fff;transition:width .3s;position:absolute;top:0;bottom:0;right:0}#staminaFill.low{animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:1}}#staminaWrap.adrenaline #staminaFill{background:linear-gradient(90deg,#6e0f09,#c42a1f 55%,#ff5a3c);animation:.42s ease-in-out infinite alternate adrenaline}@keyframes adrenaline{0%{filter:brightness(.8)}to{filter:brightness(1.35)}}#staminaWrap.surge{animation:.7s ease-out surge}@keyframes surge{0%{filter:brightness(2.2);box-shadow:0 0 #ff4628f2}to{filter:none;box-shadow:0 0 0 22px #ff462800}}@media (max-width:600px){.well{padding:4px 8px 5px}.well .label{font-size:8px}#staminaWrap{gap:8px;padding:6px 10px}#stamina{height:12px}}#corner{top:calc(max(14px, env(safe-area-inset-top)) + 70px);right:max(12px, env(safe-area-inset-right));z-index:20;gap:8px;display:flex;position:fixed}.round{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#100b0899;border-radius:50%;font-size:14px}.round.off{color:#6d6253;position:relative}.round.off:after{content:"";background:#e0573a;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:7px;right:7px;transform:rotate(-45deg)}.round{place-items:center;padding:0;display:grid}#popups{pointer-events:none;position:fixed;inset:0;overflow:hidden}.pop{letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 10px #000000d9;font-size:22px;font-weight:900;animation:1.15s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.pop.close{color:#ffde59;font-size:26px}.pop.bonk{color:#9fd7ff}.pop.seed{color:#ffe0a3;font-size:16px;font-weight:700}.pop.bad{color:#ff5a46;font-size:30px}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.08)}to{opacity:0;transform:translate(-50%,-180%)scale(1)}}.screen{z-index:10;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#paused{background:#0806058c}.card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);text-align:center;border-radius:20px;width:min(520px,100%);max-height:calc(100% - 8px);padding:28px 30px 24px;overflow-y:auto;box-shadow:0 30px 80px #0000008c}.card.small{width:min(360px,100%)}h2{margin:0 0 6px;font-size:32px;font-weight:800}.lede{color:#dccdb3;max-width:30em;margin:0 auto 16px;font-size:15px;line-height:1.5}kbd{min-width:24px;color:var(--ink);text-align:center;background:#fff0d212;border:1px solid #ffe6be47;border-bottom-width:3px;border-radius:6px;padding:2px 6px;font:600 12px Rubik,sans-serif;display:inline-block}button.primary{letter-spacing:.04em;cursor:pointer;background:var(--amber);color:#1b120a;border:0;border-radius:999px;padding:13px 28px;font:800 17px Rubik,sans-serif;transition:transform 80ms,background .15s;box-shadow:0 8px 26px #f0a53a4d}button.primary:hover{background:var(--amber-hi)}button.primary:disabled{opacity:.6;cursor:progress}#fps{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));color:#cfe8c8;z-index:30;pointer-events:none;background:#00000073;border-radius:6px;padding:4px 8px;font:600 12px Rubik,sans-serif;position:fixed}button.primary:active{transform:scale(.97)}#devStart{z-index:10;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}#touch{pointer-events:none;z-index:5;position:fixed;inset:0}#touch,#touch *{touch-action:none}#stickZone{pointer-events:auto;width:50%;height:60%;position:absolute;bottom:0;left:0}#stick{left:max(22px, env(safe-area-inset-left));bottom:max(56px, calc(env(safe-area-inset-bottom) + 40px));opacity:.75;pointer-events:none;background:#0000002e;border:2px solid #fff0d24d;border-radius:50%;width:112px;height:112px;transition:opacity .12s;position:absolute}#stick.on{opacity:1;border-color:#fff0d280}#stick svg{width:100%;height:100%;position:absolute;inset:0}#stick path{fill:none;stroke:#fff0d26b;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}#knob{background:#ffdca052;border:2px solid #fff0d28c;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%}#stick.on #knob{background:#ffdca073;transition:none}#actPad{right:max(22px, env(safe-area-inset-right));bottom:max(56px, calc(env(safe-area-inset-bottom) + 40px));width:112px;height:112px;color:var(--ink);pointer-events:auto;background:#f0a53a1f;border:2px solid #ffdca073;border-radius:50%;position:absolute}#actPad:after{content:"";border-radius:50%;position:absolute;inset:-18px}#dodgeLbl{text-align:center;letter-spacing:.14em;opacity:.8;pointer-events:none;font:800 9px Rubik,sans-serif;position:absolute;top:5px;left:0;right:0}#hopDisc{letter-spacing:.06em;pointer-events:none;background:#f0a53a52;border:2px solid #ffdca099;border-radius:50%;place-items:center;width:66px;height:66px;margin:-33px 0 0 -33px;font:900 16px Rubik,sans-serif;display:grid;position:absolute;top:50%;left:50%}#actPad.hop #hopDisc{background:#f0a53a99}#actPad.dodge{background:#f0a53a61}@media (pointer:coarse) and (orientation:portrait){#staminaWrap{left:calc(max(22px, env(safe-area-inset-left)) + 120px);right:calc(max(22px, env(safe-area-inset-right)) + 120px);bottom:max(18px, calc(env(safe-area-inset-bottom) + 6px));height:32px;padding:0;display:block;overflow:hidden;transform:none}#stamina{border:0;border-radius:0;width:auto;height:auto;position:absolute;inset:0}#staminaWrap .label{z-index:1;letter-spacing:.14em;color:#fff;text-shadow:0 1px 2px #000000e6,0 0 5px #000000b3;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}#stick,#actPad{bottom:max(18px, calc(env(safe-area-inset-bottom) + 6px))}#seedMeter{top:calc(env(safe-area-inset-top,0px) + 82px);width:68px;height:42px;margin-left:-34px;bottom:auto;left:50%;right:auto}#seedMeter canvas{width:42px;height:68px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}#seedMeter.pulse{transform-origin:50%}#seedMeter.inrow{left:var(--seed-x);top:var(--seed-y);width:calc(68px * var(--seed-k));height:calc(42px * var(--seed-k));margin-left:0}#seedMeter.inrow canvas{width:calc(42px * var(--seed-k));height:calc(68px * var(--seed-k))}#hudScore{top:calc(env(safe-area-inset-top,0px) + 10px);left:max(10px, env(safe-area-inset-left));flex-wrap:nowrap;gap:6px;max-width:none}.pair{gap:6px}#hudScore .well,#hudTime{height:64px}.pair .well b{font-size:32px}#hudTime{top:calc(env(safe-area-inset-top,0px) + 10px);right:max(10px, env(safe-area-inset-right));flex-direction:column;justify-content:space-between;min-width:0;display:flex}#corner{top:calc(env(safe-area-inset-top,0px) + 84px);right:max(10px, env(safe-area-inset-right))}#hud~#bg-ingame{gap:8px}#hud~#bg-ingame button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);text-shadow:none;background:#100b0899;font-size:17px}.well.score{padding:4px 7px 6px}.well.score .row{flex-direction:column;align-items:flex-start;gap:3px}#points{font-size:24px}#points.long{font-size:20px}.well.score .rate{white-space:nowrap;flex-direction:row;align-items:baseline;gap:4px}#rate{font-size:14px}.well.score small{letter-spacing:.08em;margin-top:0;font-size:7.5px}}@media (max-width:760px),(max-aspect-ratio:1){.card{padding:22px 18px 18px}}@media (max-height:520px){.lede{display:none}.card{padding:16px 18px}}
