:root{--ink:#22212b;--sugar:#f5c147;--sugar-deep:#c48a16;--colony:#2e6f8e;--foe:#c2405b;--pebble:#8e97a8;--trail:#a78d6b;--resin:#b4713a;--glowcap:#9be86b;--glowworm:#ffb347;--honeydew:#ffd98a;--text:#f7f0e3;--text-dim:#c3b39a;--text-faint:#8d7f6a;--plate:#1b1610a8;--plate-solid:#1b1610;--hairline:#c7a97c38;--hairline-soft:#c7a97c1c;--rule:#e0bd8670;--vignette:#15100a80;--vignette-edge:#15100abf;--band-0:#9fd0e8;--band-1:#7fb4d4;--band-2:#6b9fc4;--band-3:#4a6f8a;--band-4:#33485a;--band-5:#241c14;--hud-scale:1;--band-h:calc(64px * var(--hud-scale));--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font-display:"Rowdies", "Trebuchet MS", "Verdana", system-ui, sans-serif;--font-ui:"Chivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm:3px;--r-md:6px;--r-lg:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#0b0a10;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{width:100%;height:100dvh;position:fixed;inset:0}#stage{touch-action:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}#vignette{pointer-events:none;z-index:1;background:radial-gradient(120% 98% at 50% 46%, transparent 54%, var(--vignette) 88%, var(--vignette-edge) 100%), linear-gradient(to bottom, var(--vignette) 0%, transparent 14%), linear-gradient(to top, var(--vignette) 0%, transparent 20%);position:absolute;inset:0}#hud,#overlay{pointer-events:none;z-index:2;position:absolute;inset:0}#hud{font-size:calc(15px * var(--hud-scale))}.cap{font-size:calc(9.5px * var(--hud-scale));letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.band{height:calc(var(--band-h) + var(--safe-t));padding-top:var(--safe-t);position:absolute;top:0;left:0;right:0;overflow:hidden}.band__sky{top:var(--safe-t);background:linear-gradient(to bottom, var(--band-0) 0%, var(--band-1) 30%, var(--band-2) 52%, var(--band-3) 72%, var(--band-4) 88%, var(--band-5) 100%);position:absolute;bottom:44%;left:0;right:0}.band__stars{opacity:0;transition:opacity 1.4s;position:absolute;inset:0}.band--night .band__stars{opacity:1}.band__stars i{width:calc(1.5px * var(--hud-scale));height:calc(1.5px * var(--hud-scale));background:#eef2ff;border-radius:50%;position:absolute}.band__body{width:0;height:0;margin-top:var(--safe-t);position:absolute}.band__disc{--disc:calc(13px * var(--hud-scale));width:var(--disc);height:var(--disc);margin:calc(var(--disc) / -2) 0 0 calc(var(--disc) / -2);box-shadow:0 0 0 calc(4px * var(--hud-scale)) #ffe29629, 0 0 calc(18px * var(--hud-scale)) calc(5px * var(--hud-scale)) #ffd2784d;background:#ffeaa8;border-radius:50%;position:absolute;top:50%;left:50%}.band--night .band__disc{box-shadow:0 0 0 calc(4px * var(--hud-scale)) #c8d4ff1f, 0 0 calc(16px * var(--hud-scale)) calc(4px * var(--hud-scale)) #aabeff38;background:#dfe4f5}.band--night .band__disc:after{content:"";right:calc(-3px * var(--hud-scale));top:calc(-2px * var(--hud-scale));width:calc(11px * var(--hud-scale));height:calc(11px * var(--hud-scale));background:var(--band-1);border-radius:50%;position:absolute}.band__ground{background:linear-gradient(to bottom, var(--soil) 0%, var(--soil-deep) 100%);height:44%;position:absolute;bottom:0;left:0;right:0}.band__horizon{background:var(--rule);height:1px;position:absolute;top:0;left:0;right:0}.band__stratum{background:#00000029;height:1px;position:absolute;left:0;right:0}.band__stratum--a{top:34%}.band__stratum--b{background:#ffffff0f;top:68%}.band--night .band__stratum{background:#ffffff0d}.band__stone{background:var(--pebble);opacity:.34;border-radius:50%;position:absolute;top:16%}.band__mouth{--mouth:calc(22px * var(--hud-scale));left:12%;top:calc(56% + var(--safe-t) * .44);width:var(--mouth);height:calc(var(--band-h) * .34);margin-left:calc(var(--mouth) / -2);background:var(--soil-deep);clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);position:absolute}.band__blades{width:calc(26px * var(--hud-scale));height:calc(15px * var(--hud-scale));margin-left:calc(-13px * var(--hud-scale));line-height:0;position:absolute;bottom:44%}.band__blades svg{stroke:#6d8a4e;stroke-width:1.4px;stroke-linecap:round;opacity:.8;width:100%;height:100%;display:block}.band__blades--flip svg{transform:scaleX(-1)}.band__blades--short{height:calc(10px * var(--hud-scale))}.band__blades--short svg{opacity:.6}.band--night .band__blades svg{stroke:#3d4a55}.band__comb{gap:calc(3px * var(--hud-scale));display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.band__cell{width:calc(11px * var(--hud-scale));height:calc(12px * var(--hud-scale));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 0 0 1px var(--hairline);background:#00000057}.band__cell.on{background:var(--sugar);box-shadow:0 0 calc(7px * var(--hud-scale)) #f5c14773}.counters{left:calc(var(--safe-l) + 12px);top:calc(var(--safe-t) + var(--band-h) + 10px);border-radius:var(--r-md);background:var(--plate);border:1px solid var(--hairline);box-shadow:inset 0 1px 0 var(--hairline-soft);align-items:stretch;display:flex;position:absolute;overflow:hidden}.chip{font-weight:900;font-size:calc(19px * var(--hud-scale));letter-spacing:-.01em;align-items:center;gap:6px;padding:6px 11px;line-height:1;display:flex}.chip+.chip{border-left:1px solid var(--hairline)}.chip.hidden{display:none}.chip__glyph{width:calc(15px * var(--hud-scale));height:calc(15px * var(--hud-scale));flex:none}.chip__cap{font-size:calc(12px * var(--hud-scale));color:var(--text-faint);font-weight:700}.chip--sugar{color:var(--sugar)}.chip--honeydew{color:var(--honeydew)}.chip--leaf{color:var(--glowcap)}.chip--full{animation:.34s ease-out chipFull}@keyframes chipFull{0%{background:#c2405bd9}to{background:0 0}}.nightbar{left:50%;top:calc(var(--safe-t) + var(--band-h) + 14px);flex-direction:column;align-items:center;gap:6px;width:min(72%,340px);display:none;position:absolute;transform:translate(-50%)}.nightbar.on{display:flex}.broodbar{width:100%;height:calc(7px * var(--hud-scale));border-radius:var(--r-sm);background:var(--plate);border:1px solid var(--hairline);overflow:hidden}.broodbar__fill{background:linear-gradient(#b6e86b,#6cb35f);width:100%;height:100%;transition:width .18s linear}.broodbar__fill.hurt{background:linear-gradient(180deg, var(--sugar), #c98a24)}.broodbar__fill.crit{background:linear-gradient(180deg, #e05b74, var(--foe))}.wavepips{font-size:calc(9.5px * var(--hud-scale));letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;font-weight:700;display:flex}.pip{width:calc(10px * var(--hud-scale));height:calc(3px * var(--hud-scale));background:var(--hairline)}.pip.done{background:var(--foe)}.btn{pointer-events:auto;color:inherit;font:inherit;cursor:pointer;touch-action:none;background:0 0;border:none;position:absolute}.btn--pause{top:calc(var(--safe-t) + var(--band-h) + 10px);right:calc(var(--safe-r) + 12px);border-radius:var(--r-md);background:var(--plate);border:1px solid var(--hairline);width:44px;height:44px;box-shadow:inset 0 1px 0 var(--hairline-soft);color:var(--text-dim);place-items:center;display:grid}.btn--endday{top:calc(var(--safe-t) + var(--band-h) + 10px);right:calc(var(--safe-r) + 64px);border-radius:var(--r-md);background:var(--plate);border:1px solid var(--hairline);height:44px;box-shadow:inset 0 1px 0 var(--hairline-soft);color:var(--text-dim);font-size:calc(10px * var(--hud-scale));letter-spacing:.12em;text-transform:uppercase;place-items:center;padding:0 12px;font-weight:700;display:grid}.btn--endday.hidden{display:none}.btn--endday.nudge{color:var(--text);border-color:#9be86bb3;animation:1.5s ease-in-out infinite nudge}@keyframes nudge{0%,to{box-shadow:0 0 #9be86b66}50%{box-shadow:0 0 0 5px #9be86b00}}@media (prefers-reduced-motion:reduce){.btn--endday.nudge{animation:none}}.btn--action{right:calc(var(--safe-r) + 20px);bottom:calc(var(--safe-b) + 30px);background:radial-gradient(circle at 50% 34%, #9be86b33, transparent 68%), var(--plate);width:86px;height:86px;color:var(--text);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;border:1px solid #9be86b8c;border-radius:50%;place-items:center;font-size:12px;font-weight:900;transition:transform 80ms;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 0 22px #9be86b1f}.btn--action.hidden{display:none}.btn--action:disabled{opacity:.3;border-color:var(--hairline);box-shadow:none}.btn--action span{z-index:2;text-shadow:0 1px 3px #000c;position:relative}.btn--action:after{content:"Space";z-index:2;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:8.5px;font-weight:700;display:none;position:absolute;bottom:11px;left:0;right:0}:root[data-input=keys] .btn--action:after{display:block}:root[data-input=keys] .btn--action span{transform:translateY(-5px)}.btn--action .wipe{background:conic-gradient(#000000a8 var(--wipe,0turn), transparent 0);z-index:1;position:absolute;inset:0}.btn--action.press{transform:scale(.94)}.stick{border:1px solid var(--hairline);background:radial-gradient(circle, transparent 52%, var(--plate) 100%);opacity:0;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;transition:opacity .4s;position:absolute}.stick.on{opacity:1;transition:opacity 80ms}.stick__knob{background:radial-gradient(circle at 50% 36%,#f5c14780,#f5c14729);border:1px solid #f5c14799;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.labels{position:absolute;inset:0;overflow:hidden}.lbl{white-space:nowrap;border-radius:var(--r-sm);background:var(--plate);border:1px solid var(--hairline);border-top-color:var(--rule);font-size:calc(14px * var(--hud-scale));text-align:center;color:var(--text);will-change:transform;padding:4px 8px 5px;font-weight:900;line-height:1.1;position:absolute;transform:translate(-50%,-50%)}.lbl__name{font-size:calc(10px * var(--hud-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:700;display:block}.lbl__value{font-size:calc(15px * var(--hud-scale));letter-spacing:-.01em;font-weight:900;display:block}.lbl--locked{color:var(--text-faint);background:0 0;border-color:#0000}.lbl--locked .lbl__name{color:var(--text-faint)}.lbl--cost .lbl__value{color:var(--sugar)}.lbl--short{border-color:#c2405b99;border-top-color:var(--foe)}.lbl--short .lbl__value{color:var(--foe)}.lbl__sub{font-size:calc(10px * var(--hud-scale));color:var(--text-faint);letter-spacing:.04em;font-weight:700;display:block}.lbl--chevron{font-size:calc(15px * var(--hud-scale));text-shadow:0 0 8px #000000b3;background:0 0;border:none;padding:0}.hud--tutorial .toast{bottom:calc(var(--safe-b) + 268px)}.tut{z-index:6;left:50%;bottom:calc(var(--safe-b) + 130px);border-radius:var(--r-md);background:var(--plate-solid);border:1px solid var(--hairline);border-top-color:var(--rule);opacity:0;width:min(92%,400px);padding:11px 14px 10px;transition:opacity .28s,transform .28s;display:none;position:absolute;transform:translate(-50%)translateY(8px);box-shadow:0 14px 40px #0000008c}.tut.on{opacity:1;display:block;transform:translate(-50%)translateY(0)}.tut.on.dim{opacity:.24}.tut__head{border-bottom:1px solid var(--hairline);font-size:calc(9.5px * var(--hud-scale));letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;padding-bottom:7px;font-weight:700;display:flex}.tut__chapter{color:var(--glowcap)}.tut__count{color:var(--text-faint);letter-spacing:.08em}.tut__text{font-size:calc(15px * var(--hud-scale));color:var(--text);font-weight:700;line-height:1.35}.tut__detail{font-size:calc(12.5px * var(--hud-scale));color:var(--text-dim);margin-top:4px;line-height:1.45}.tut__row{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.tut__btn{pointer-events:auto;border-radius:var(--r-sm);border:1px solid var(--hairline);color:var(--text-faint);font-family:inherit;font-size:calc(10px * var(--hud-scale));letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:7px 12px;font-weight:700}.tut__btn--go{color:var(--text);background:#9be86b1a;border-color:#9be86b80}.toast{z-index:6;left:50%;bottom:calc(var(--safe-b) + 168px);border-radius:var(--r-md);background:var(--plate-solid);border:1px solid var(--hairline);border-top-color:var(--rule);max-width:78%;font-size:calc(14px * var(--hud-scale));text-align:center;color:var(--text);opacity:0;padding:9px 15px;font-weight:700;transition:opacity .3s;position:absolute;transform:translate(-50%)}.toast.on{opacity:1}.stamp{z-index:6;font-family:var(--font-display);font-size:calc(46px * var(--hud-scale));letter-spacing:.01em;color:var(--text);text-shadow:0 2px 26px #000000e6;opacity:0;text-align:center;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(1.4)}.stamp.on{animation:1.6s cubic-bezier(.16,1.2,.3,1) forwards stampIn}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}14%{opacity:1;transform:translate(-50%,-50%)scale(1)}76%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.02)}}.tally{border-radius:var(--r-md);background:var(--plate-solid);border:1px solid var(--hairline);border-top-color:var(--rule);z-index:5;flex-direction:column;gap:7px;min-width:min(78%,320px);padding:16px 18px;display:none;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #0009}.tally.on{animation:.34s cubic-bezier(.16,1.2,.3,1) tallyIn;display:flex}@keyframes tallyIn{0%{opacity:0;transform:translate(-50%,-46%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tally__line{font-size:calc(10px * var(--hud-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:baseline;gap:14px;font-weight:700;display:flex}.tally__line b{font-weight:900;font-size:calc(15px * var(--hud-scale));letter-spacing:0;text-transform:none;color:var(--glowcap)}.tally__line--total{border-top:1px solid var(--hairline);color:var(--text-dim);margin-top:5px;padding-top:10px}.tally__line--total b{font-family:var(--font-display);font-size:calc(22px * var(--hud-scale));color:var(--sugar)}.dmg{font-size:calc(13px * var(--hud-scale));color:var(--text);text-shadow:0 1px 4px #000000e6;pointer-events:none;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.dmg--foe{color:var(--sugar)}.dmg--friendly{color:var(--foe)}.trailhint{background:var(--glowcap);pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;box-shadow:0 0 10px #9be86bcc}.sheet{pointer-events:auto;padding:calc(var(--safe-t) + 20px) 22px calc(var(--safe-b) + 20px);background:#08070ce6;place-items:center;display:grid;position:absolute;inset:0}.sheet__card{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:400px;max-height:100%;display:flex;overflow-y:auto}.sheet h1{font-family:var(--font-display);letter-spacing:.01em;color:var(--sugar);font-size:42px;font-weight:700;line-height:1}.sheet h2{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.1}.sheet p{color:var(--text-dim);font-size:14px;line-height:1.55}.sheet .tagline{letter-spacing:.01em;color:var(--text-faint);margin-top:-6px;font-size:13px}.big{border-radius:var(--r-md);border:1px solid var(--sugar-deep);background:linear-gradient(180deg, #f8cd63, var(--sugar));width:100%;color:var(--ink);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;pointer-events:auto;padding:15px 20px;font-size:13px;font-weight:900;display:block}.ghost{border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--plate);width:100%;color:var(--text);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;pointer-events:auto;padding:13px 18px;font-size:12px;font-weight:700;display:block}.sheet__foot{border-top:1px solid var(--hairline-soft);flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;display:flex}.rows{text-align:left;border-top:1px solid var(--hairline);flex-direction:column;display:flex}.row{border-bottom:1px solid var(--hairline);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px;font-size:10px;font-weight:700;display:flex}.row b{letter-spacing:0;text-transform:none;color:var(--sugar);font-size:15px;font-weight:900}.row--tally b{color:var(--glowcap)}.help{text-align:left;color:var(--text-dim);font-size:14px;line-height:1.65}.help li{margin-left:18px}.help b{color:var(--text)}.setting{border-bottom:1px solid var(--hairline);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;font-size:10px;font-weight:700;display:flex}.setting input[type=range]{width:128px;accent-color:var(--sugar)}.switch{border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--plate);min-width:58px;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:6px 12px;font-size:10px;font-weight:900}.switch[aria-pressed=true]{color:var(--text);background:#2e6f8e66;border-color:#9be86b99}.debug{left:calc(var(--safe-l) + 10px);bottom:calc(var(--safe-b) + 10px);border-radius:var(--r-sm);border:1px solid var(--hairline);white-space:pre;color:var(--glowcap);pointer-events:none;background:#000000a8;padding:7px 9px;font-size:11px;line-height:1.45;position:absolute}.cheats{right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 130px);pointer-events:auto;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}.cheats button{letter-spacing:.06em;border-radius:var(--r-sm);border:1px solid var(--hairline);color:var(--text-dim);cursor:pointer;background:#000000b3;padding:5px 8px;font-size:10px;font-weight:700}@media (prefers-reduced-motion:reduce){.stamp.on{animation-timing-function:linear}.broodbar__fill{transition:none}}