:root{--green:#079537;--ink:#10341d;--yellow:#f5f333;--milk:#fffdeb}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--milk);background:#20cb41}body{overflow:hidden;background-image:radial-gradient(ellipse at 82% 40%,#c7f14699,transparent 54%),url(assets/kv-mesh.svg);background-size:auto,250px auto}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff788;outline-offset:3px}[hidden]{display:none!important}header{height:62px;background:var(--green);border-bottom:2px solid #127631;display:flex;align-items:center;gap:18px;padding:0 max(18px,calc((100vw - 1150px)/2))}.brand{display:block;width:84px;height:39px}.prototype{font-size:9px;letter-spacing:.14em;font-weight:850;color:#e6f8c6}.top-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.icon{display:grid;place-items:center;background:#006c2b45;border:1px solid #42bb5266;color:var(--milk);border-radius:50%;width:40px;height:40px}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}main{display:grid;grid-template-columns:minmax(0,540px) minmax(0,390px);gap:6vw;max-width:1120px;height:calc(100dvh - 62px);padding:19px 27px;margin:auto;align-items:center}.game{width:100%;height:100%;max-height:900px;position:relative;overflow:hidden;isolation:isolate;border:2px solid #10341d;border-radius:23px;background:linear-gradient(#60d9b1,#e7fc6c 44%,#33b84b);box-shadow:0 5px 0 #075a25,0 15px 35px #065e2b33}.game canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;outline:none}.screen-shade{position:absolute;inset:0;background:linear-gradient(#083e2636,transparent 26%,transparent 72%,#062d2673);pointer-events:none}.intro{position:absolute;inset:0;text-align:center;padding:25px 20px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.intro h1{font:1000 italic clamp(42px,5.4vw,72px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:-.065em;margin:17px 0 12px;color:#fffdeb;-webkit-text-stroke:1.8px #183622;paint-order:stroke fill;text-shadow:3px 5px #153520}.intro h1 em{color:#ffe449;font-size:1.3em;font-style:inherit}.intro p{font-size:13px;line-height:1.45;font-weight:750;color:#163d26;background:#fffdefe6;border-radius:8px;padding:7px 12px;margin:0}.sticker{display:inline-block;background:#fffdec;color:#153b23;padding:5px 10px;border:2px solid #173d23;box-shadow:2px 3px #123b22;font-size:10px;letter-spacing:.1em;font-weight:850;transform:rotate(-3deg)}.intro-bottom{margin-top:auto;width:100%;pointer-events:auto}.intro-bottom>small{display:block;font-size:10px;font-weight:750;margin-top:10px;color:#fff8dc;text-shadow:0 1px #163d23}.instructions{display:flex;justify-content:center;gap:11px;margin-bottom:12px;color:#fff9d5;font-size:19px;text-shadow:0 1px #133a21}.instructions span{display:flex;align-items:center;gap:4px}.instructions b{font-size:11px}.cta{display:block;width:100%;border:2px solid #153820;border-bottom-width:4px;border-radius:12px;background:linear-gradient(145deg,#ffdf42 0 48%,#edf43e 49%);color:#19381e;min-height:49px;font-size:16px;font-weight:900;padding:10px 16px}.cta:active{transform:translateY(1px)}.cta:disabled{opacity:.7;cursor:wait}.hud{position:absolute;inset:13px 12px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.milk-panel,.progress-panel{background:#073c2bdc;backdrop-filter:blur(6px);border:1px solid #d7eda175;border-radius:12px;padding:8px 10px;box-shadow:0 3px #10402722}.milk-panel{display:flex;gap:9px;align-items:center}.hud small{display:block;font-size:8px;letter-spacing:.12em;font-weight:850;color:#d9ecba}.milk-panel strong{font-size:11px;font-weight:750}.milk-track{height:6px;background:#6c9d62;border-radius:7px;width:84px;margin:3px 0 1px;overflow:hidden}.milk-track i{display:block;height:100%;width:0;background:white;border-radius:inherit;transition:width .16s}.cupicon{width:23px;height:32px;border:1.7px solid #ecffef;border-radius:2px 2px 6px 6px;transform:perspective(55px) rotateX(-8deg);position:relative;overflow:hidden;background:#e9fff31a}.cupicon i{position:absolute;inset:auto 1px 2px;height:0;background:#fffdf0;border-radius:1px 1px 3px 3px;transition:height .15s}.progress-panel{text-align:right;min-width:68px}.progress-panel b{font-size:19px;line-height:1.15}.progress-track{height:3px;width:55px;background:#59825c;margin:4px 0 0 auto;border-radius:6px}.progress-track i{display:block;height:100%;width:0;background:#f1ef46}.combo{position:absolute;left:50%;top:90px;transform:translateX(-50%);background:#fffbeeed;color:#19412a;border:1px solid #fff8ca;border-radius:20px;padding:5px 14px;white-space:nowrap;overflow:hidden;display:flex;gap:7px;align-items:center;box-shadow:0 3px 0 #1a713522}.combo span{font-size:9px;font-weight:850;letter-spacing:.08em}.combo b{font-size:12px;z-index:1}.combo>i{position:absolute;left:0;bottom:0;height:3px;background:#fbd82b;transition:width .15s}.callout{position:absolute;top:27%;left:10%;width:80%;text-align:center;font:900 italic 27px/1.1 "Arial Black",Arial,sans-serif;color:#fffdec;text-shadow:2px 3px #123a24;pointer-events:none;opacity:0;transform:scale(.7) rotate(-4deg);transition:opacity .14s,transform .2s}.callout.show{opacity:1;transform:scale(1) rotate(-4deg)}.countdown{position:absolute;top:38%;width:100%;text-align:center;font:900 italic 94px/1 Arial;color:#ffea3f;-webkit-text-stroke:2px #164726;paint-order:stroke fill;text-shadow:3px 5px #12421e}.actionbar{position:absolute;inset:auto 12px 13px;display:flex;gap:7px;justify-content:center;pointer-events:none}.actionbar button{width:47px;height:44px;border-radius:11px;border:1px solid #f3ffbf70;background:#0b653687;color:#fff8da;font-weight:850;font-size:22px;pointer-events:auto;line-height:1}.actionbar span{display:block;font-size:8px;margin-top:1px}.actionbar button:active{background:#edef4588;color:#163721}.final-line{position:absolute;top:14%;width:100%;text-align:center;pointer-events:none}.final-line small{font-size:10px;font-weight:850;letter-spacing:.17em}.final-line h2{font:900 italic 34px/1 Arial;margin:7px 0;text-shadow:2px 3px #235437}.result{position:absolute;inset:auto 14px 17px;background:#fffcea;color:#173c25;border:2px solid #173a20;border-radius:16px;padding:17px;text-align:center;box-shadow:0 5px #173d2488}.result .sticker{background:#edf33f;font-size:9px}.result h2{font:900 italic 30px/.95 Arial;letter-spacing:-.05em;margin:14px 0 8px}.result p{font-size:12px;font-weight:650;margin:7px 0 14px;line-height:1.4}.stats{display:flex;justify-content:space-between;gap:8px;margin:10px 0 13px;padding:9px 0;border-block:1px solid #406a3e33}.stats div{flex:1}.stats b{display:block;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.stats span{font-size:7px;font-weight:850;letter-spacing:.04em;display:block}.back{color:#225a34;display:inline-block;font-weight:650;font-size:11px;padding-top:10px}.pause-screen{position:absolute;inset:0;display:grid;place-items:center;background:#0e3e2ac4;backdrop-filter:blur(4px);padding:20px}.pause-screen section{background:#fffdea;border:2px solid #194b27;padding:24px;border-radius:18px;color:#19482a;text-align:center;width:100%}.pause-screen h2{font-size:25px;letter-spacing:-.05em}.textbutton{background:none;border:0;color:#205133;padding:12px;font-weight:750}.pause-screen a{display:inline-block;margin:15px;color:#1d6837}#burst{position:absolute;inset:0;box-shadow:inset 0 0 45px #faff5780;opacity:0;pointer-events:none;transition:opacity .4s}body[data-boost="true"] #burst{opacity:1}body[data-boost="true"] .combo{background:#fff55b}.paused canvas{filter:blur(2px)}aside{align-self:center;color:#113e22}aside h2{font:900 italic clamp(42px,4.2vw,65px)/.96 "Arial Black",Arial,sans-serif;letter-spacing:-.065em;transform:rotate(-2deg);margin:23px 0;color:#fffbea;-webkit-text-stroke:2px #173c23;paint-order:stroke fill;text-shadow:3px 4px #153a20}aside h2 em{font-style:inherit;color:#ffe449}aside p{font-size:18px;font-weight:750;line-height:1.5}aside ul{list-style:none;padding:17px 0;border-block:1px solid #196f3140;line-height:2;font-size:13px;font-weight:650}aside li:before{content:"";display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:9px;background:#154627;transform:rotate(45deg)}aside .end-note{font-size:13px;font-weight:650}
@media(max-width:760px){header{height:51px;padding:0 13px;gap:12px}.brand{width:75px;height:34px}.prototype{font-size:7px}.icon{width:36px;height:36px;background:none;border:0}main{display:block;height:calc(100dvh - 51px);padding:0;max-width:500px}.game{border:0;box-shadow:none;border-radius:0;height:100%;max-height:none}aside{display:none}.intro{padding:22px 19px 16px}.intro h1{font-size:clamp(39px,12vw,58px);margin-top:18px}.intro p{font-size:11px}.intro-bottom>small{font-size:9px}.hud{inset:11px 10px auto}.callout{font-size:24px}.result h2{font-size:27px}.result{padding:15px}.stats b{font-size:24px}}
@media(max-height:650px){.intro{padding-top:15px}.intro h1{font-size:40px;margin:12px 0 8px}.intro p{font-size:10px}.intro .sticker{font-size:8px}.instructions{margin-bottom:7px}.intro-bottom>small{margin-top:5px}.cta{min-height:43px}.final-line{top:10%}.result{padding:12px}.result h2{margin:9px 0 5px;font-size:25px}.result p{margin:5px 0 8px;font-size:11px}.stats{padding:6px 0;margin:7px 0 9px}.combo{top:82px}.stats b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.callout,.milk-track i{transition:none}#burst{display:none}}

#actor{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}
.milk-track{width:108px;overflow:visible}.milk-track .target-mark{position:absolute;left:70%;top:-3px;width:2px;height:12px;background:#ffe343;box-shadow:0 0 0 1px #183c25}.milk-track{position:relative}.milk-panel strong{font-size:15px;font-variant-numeric:tabular-nums;line-height:1.1}.milk-panel{min-width:165px}.hud{gap:5px}.challenge-status{position:absolute;top:91px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.challenge-status span{font-size:10px;font-weight:850;color:#183e27;background:#fffbeaee;border:1px solid #1c512822;padding:5px 9px;border-radius:20px;box-shadow:0 2px 0 #0f5a2630}.challenge-status .safe{background:#edf44b}.challenge-status .danger{background:#ffe4cd;color:#933810}.combo{top:127px}.callout{top:34%;font-size:25px}.screen-shade{background:linear-gradient(#103c2008,transparent 70%,#133e2466)}.intro{padding-top:25px}.intro h1{font-size:clamp(42px,5.3vw,65px);margin-block:15px 10px}.intro p{max-width:330px}.actionbar button{background:#14442ac9;border-color:#fff5b970;box-shadow:0 3px 0 #133b2840}.progress-panel b{font-size:18px}.milk-panel small{font-size:7px}.intro-bottom{padding-top:4px}#spillFlash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px #ff8d5150;opacity:0;transition:opacity .17s}body[data-spill="true"] #spillFlash{opacity:1}.result.failed .sticker{background:#ffdda2}.game[data-phase="finish"] .screen-shade,.game[data-phase="end"] .screen-shade{background:none}
@media(max-width:760px){.intro h1{font-size:clamp(38px,11vw,52px)}.intro p{font-size:11px}.challenge-status{top:88px}.combo{top:122px}.callout{top:33%;font-size:23px}}
@media(max-height:650px){.intro{padding-top:13px}.intro h1{font-size:34px;margin-block:11px 7px}.intro p{font-size:10px}.challenge-status{top:85px}.challenge-status span{font-size:8px}.combo{top:117px;padding-block:4px}.callout{top:36%;font-size:20px}.milk-panel{min-width:150px}.milk-track{width:94px}.intro .sticker{font-size:8px}.instructions{gap:10px}.instructions b{font-size:9px}}