: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}#hud>*{transition:opacity .5s}#hud.dying>*{opacity:0}#corner.dying{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}.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{background:linear-gradient(90deg,#e08a2c,#ffd27a);width:100%;height:100%;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% 92%;animation:.33s ease-in-out 3 seedPulse}@keyframes seedPulse{50%{filter:drop-shadow(0 0 16px #ffc266)brightness(1.7);transform:scale(1.15)}}@media (pointer:coarse){#seedMeter{bottom:calc(max(56px, calc(env(safe-area-inset-bottom) + 40px)) + 104px);right:max(30px, env(safe-area-inset-right));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{background:repeating-linear-gradient(135deg,#3a0b0b 0 5px,#1c0505 5px 10px);border-left:2px solid #fff;width:0;transition:width .3s;position:absolute;top:0;bottom:0;right:0}#staminaFill.low{background:linear-gradient(90deg,#a51d12,#ff5a3c);animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:1}}@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;text-decoration:line-through}.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}#stickZone{pointer-events:auto;width:60%;position:absolute;top:0;bottom:0;left:0}#stick{opacity:0;pointer-events:none;background:#fff0d20f;border:2px solid #fff0d238;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;transition:opacity .12s;position:absolute}#stick.on{opacity:1}#knob{background:#ffdca066;border:2px solid #fff0d280;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#hopBtn{right:max(22px, env(safe-area-inset-right));bottom:max(56px, calc(env(safe-area-inset-bottom) + 40px));width:92px;height:92px;color:var(--ink);letter-spacing:.06em;pointer-events:auto;background:#f0a53a47;border:2px solid #ffdca080;border-radius:50%;font:900 18px Rubik,sans-serif;position:absolute}#hopBtn:active{background:#f0a53a80}@media (max-width:760px),(max-aspect-ratio:1){.card{padding:22px 18px 18px}}@media (max-height:520px){.lede{display:none}.card{padding:16px 18px}}