:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9e5d9;--muted:#9ea8a1;--mint:#b4e9cf;--gold:#e3c486;--edge:#34483f;--panel:#14221e}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 24% 8%,#263e34 0%,#13231f 43%,#0c1716 100%);min-height:100vh;margin:0;font:14px/1.48 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:12px;padding:21px min(4vw,52px) 13px;display:flex}.brand{letter-spacing:.045em;color:#f1dfbd;font:small-caps 700 clamp(25px,3vw,39px)/1.1 Georgia,serif}.brand em{color:#b5e1c5;font-style:italic}.kicker{letter-spacing:.24em;text-transform:uppercase;color:#a1bdb0;margin-bottom:5px;font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.version{color:#bbd3c2;white-space:nowrap;border:1px solid #6a846d66;border-radius:999px;padding:8px 11px;font:11px ui-monospace,monospace}main{grid-template-columns:minmax(0,1fr) 315px;align-items:start;gap:19px;max-width:1390px;margin:auto;padding:21px 26px 25px;display:grid}.playfield{background:radial-gradient(at 50% 46%,#233930 0%,#132621 52%,#10211e 100%);border:1px solid #506e5d66;border-radius:19px;position:relative;overflow:hidden;box-shadow:inset 0 0 85px #0915109c,0 22px 65px #0005}canvas{aspect-ratio:920/790;touch-action:manipulation;width:100%;display:block}.hud-top{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:20px;right:20px}.hudlabel{color:#f4e4c4;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 4px #091611;font:11px/1.2 ui-monospace,monospace}.hud-left{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.omen{letter-spacing:.08em;color:#f6e3b0;text-overflow:ellipsis;white-space:nowrap;border-color:#e8c77a88;max-width:100%;font-size:10px;overflow:hidden}.omen:empty{display:none}.omen[data-tone=trouble]{color:#f8c7ae;border-color:#e88a6299}.omen[data-tone=odd]{color:#e9d6f8;border-color:#d9b8f299}.tea{color:#f3dcb6;border-color:#e0a35a88}.tea[data-tea=green]{color:#ddf3bd;border-color:#b9e37a99}.tea[data-tea=earlGrey]{color:#e6dcf8;border-color:#c9b3ef99}.tea[data-tea=chai]{color:#f8d2a8;border-color:#f0a05099}.tea[data-tea=black]{color:#f4e2c2;border-color:#e8c48a99}.tea[data-tea=herbal]{color:#f9dfe9;border-color:#f2b8cf99}.pills{flex-wrap:wrap;gap:7px;display:flex}.pill{background:#11211fc9;border:1px solid #c5b58a66;border-radius:30px;padding:6px 10px}.stage{position:relative}.strainer{color:#e4eef0;border-color:#c9d4d899}.upgrade-offer{background:#0e211bf2;border:1px solid #e8c77a99;border-radius:14px;width:min(94%,620px);padding:10px 12px 12px;animation:.35s ease-out offer-in;position:absolute;bottom:1.5%;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0009,inset 0 0 22px #e8c77a14}.upgrade-offer[hidden],.upgrade-card[hidden]{display:none}@keyframes offer-in{0%{opacity:0;transform:translate(-50%,12px)}}.offer-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}.offer-head strong{letter-spacing:.06em;color:#f1dfbd;font:small-caps 700 18px/1.2 Georgia,serif}.offer-head em{color:#c7d6c4;font:italic 13px Georgia,serif}.offer-cards{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.day-offer{width:min(92%,650px);top:25%;bottom:auto}.day-offer .offer-head strong{font-size:19px;line-height:1.3}.day-offer p{color:#d3dfce;margin:8px 0;font-size:13px;line-height:1.4}.day-offer .errand-card{touch-action:manipulation;min-height:100px}.day-offer .errand-card span{overflow-wrap:anywhere;min-width:0}.day-offer [data-day=keep]{background:#49362a}body[data-phase=day][data-view] .controls-mobile,body[data-phase=day] #mainBtn{display:none}#hudDay{color:#f0d7a1;font-size:10px}.upgrade-card,.errand-card{text-align:left;background:#1c3a2e;border-color:#a9c7a4aa;align-items:flex-start;gap:10px;padding:9px 11px;display:flex}.upgrade-card:hover,.upgrade-card:focus-visible,.errand-card:not(:disabled):hover,.errand-card:focus-visible{background:#2b5241;border-color:#f0d494;outline:none}.upgrade-card strong,.errand-card strong{color:#f0d7a1;font:small-caps 700 16px/1.25 Georgia,serif;display:block}.upgrade-card small,.errand-card small{color:#c9d6cb;margin-top:2px;font-size:12px;line-height:1.35;display:block}.spoon-kit{justify-content:space-between;gap:10px;padding:9px 0 2px;font-size:12px;display:flex}.spoon-kit span:last-child{text-align:right;color:#dfe8e6;font:12px/1.45 ui-monospace,monospace}.controls-mobile{border-top:1px solid #4f7c6650;justify-content:space-between;gap:8px;padding:10px 13px 14px;display:flex}.controls-mobile button{touch-action:none;flex:1;min-width:0;padding:9px 5px;font-weight:650}.controls-easy,.controls-pour,.controls-breakout,.controls-run,body[data-touch=easy] .controls-classic{display:none}body[data-touch=easy] .controls-easy{display:flex}body[data-mode=run] .controls-classic,body[data-mode=run] .controls-easy{display:none}body[data-mode=run] .controls-run{display:flex}body[data-mode=pour] .controls-classic,body[data-mode=pour] .controls-easy,body[data-mode=arcadeOffer] .controls-classic,body[data-mode=arcadeOffer] .controls-easy{display:none}body[data-mode=pour] .controls-pour{display:flex}.controls-pour button{touch-action:none;flex:1}.controls-pour [data-paper=throwPaper]{color:#fff4cf;background:#486541}body[data-mode=breakout] .controls-classic,body[data-mode=breakout] .controls-easy{display:none}body[data-mode=breakout] .controls-breakout{align-items:stretch;gap:12px;display:flex}.controls-breakout button{touch-action:none;flex:1}.controls-breakout .launch-pad{color:#fff4cf;background:#6b5232;flex:1.3}body[data-view=compact][data-mode=breakout] #compactMilk,body[data-view=compact][data-mode=breakout] #compactSugar,body[data-view=compact][data-mode=pour] #compactMilk,body[data-view=compact][data-mode=pour] #compactSugar,body[data-view=compact][data-phase=arcadeOffer] #mainBtn{display:none}.controls-easy{align-items:stretch;gap:12px}.controls-mobile .steer{min-height:74px;font-size:30px}.easy-hint{white-space:pre-line;text-align:center;color:#b9c8b8;flex:1.1;align-self:center;margin:0;font-size:11px;line-height:1.4}.controls-mobile .run-pad,.controls-mobile .paper-pad,.controls-mobile .launch-pad{letter-spacing:.08em;min-height:78px;font-size:18px;font-weight:800}.run-pad[data-run=jump]{background:#2f5f49}body[data-touch=easy] canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-ring{pointer-events:none;opacity:0;border:3px solid #fff1c4;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute}.touch-ring[hidden]{display:none}.touch-ring.charging{animation:ring-charge var(--press,.45s) linear forwards}.touch-ring.milk,.touch-ring.sugar{animation:.45s ease-out forwards ring-pop}.touch-ring.milk{background:#fff2;border-color:#fff}.touch-ring.sugar{background:#ffe08a22;border-color:#ffe08a}@keyframes ring-charge{0%{opacity:.15;transform:scale(1.5)}to{opacity:.9;transform:scale(.7)}}@keyframes ring-pop{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.auto{color:#d8f5e6;border-color:#b4e9cf99}.auto:empty,.strainer:empty{display:none}.errand-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.settings{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.settings .toggle{margin-left:0}button{color:#e9efdf;cursor:pointer;font:inherit;-webkit-user-select:none;user-select:none;background:#24483a;border:1px solid #6c927e;border-radius:8px;padding:10px 13px;transition:background .15s,border-color .15s}button:hover{background:#35614a;border-color:#a5dabb}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}aside{gap:15px;display:grid}.panel{background:linear-gradient(146deg,#1a2d25e8,#13231ff5);border:1px solid #66816c54;border-radius:15px;padding:17px 18px;box-shadow:0 9px 28px #0000001f}.eyebrow{color:#b5c8ba;letter-spacing:.17em;text-transform:uppercase;font:10px ui-monospace,monospace}h2{color:#ecd7ae;letter-spacing:.035em;margin:7px 0 9px;font:small-caps 26px Georgia,serif}h3{color:#ecd7ae;margin:5px 0;font:small-caps 20px Georgia,serif}p{color:#c6d2c9;margin:7px 0}.statrow{border-bottom:1px solid #ffffff16;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.statrow:last-child{border:0}.statrow strong{color:#eed9a4;font:700 15px ui-monospace,monospace}.muted{color:#91a69b}.fortune{border-left:3px solid #d5bd80;margin:14px 0 10px;padding:4px 0 5px 12px}.fortune small{color:#a8c1b0;text-transform:uppercase;letter-spacing:.12em;font:10px ui-monospace,monospace;display:block}.fortune strong{color:#f0d7a1;margin:5px 0 3px;font:small-caps 23px Georgia,serif;display:block}.fortune p{margin:2px 0;font-size:13px}.action{color:#10251c;background:#b8d9bd;border-color:#d4f0d4;width:100%;margin-top:10px;padding:12px;font-weight:700}.action:hover{color:#122a1f;background:#d4eed0}kbd{color:#e3e6d6;text-align:center;background:#294037;border:1px solid #78918170;border-radius:5px;min-width:25px;padding:2px 6px;font:11px ui-monospace,monospace;display:inline-block}.keyrow{color:#cdd7cc;justify-content:space-between;gap:5px;padding:6px 0;display:flex}.keyrow span:first-child{color:#dfd8c6}.keyrow span:last-child{text-align:right}.note{color:#b9c8b8;font-size:12px;line-height:1.5}.bottom{color:#93a99b;text-align:center;padding:0 15px 27px;font-size:11px}.toggle{color:#c5d5cc;background:0 0;border:1px solid #57776677;margin-left:8px;padding:5px 9px;font-size:11px}@media (width<=980px){main{grid-template-columns:1fr;max-width:940px}aside{grid-template-columns:repeat(2,minmax(0,1fr))}.panel:last-child{grid-column:1/-1}}@media (width<=560px){header{padding:15px 16px 12px}.brand{font-size:25px}.version{padding:6px;font-size:9px}main{gap:12px;padding:12px}aside{grid-template-columns:1fr}.panel:last-child{grid-column:auto}.hud-top{top:9px;left:9px;right:9px}.pill{padding:4px 7px}.strainer{display:none}.hudlabel{font-size:9px}body[data-mode=run] .hud-top{flex-direction:column;align-items:stretch;gap:6px}body[data-mode=run] .pills{justify-content:space-between}.controls-mobile{gap:5px;padding:8px}.controls-mobile button{font-size:11px}.upgrade-offer{padding:7px 8px 8px}.offer-head strong{font-size:15px}.offer-head em{display:none}.upgrade-card,.errand-card{gap:6px;padding:6px 7px}.upgrade-card kbd,.errand-card kbd{display:none}.upgrade-card strong,.errand-card strong{font-size:13px}.upgrade-card small,.errand-card small{font-size:11px}.errand-cards{gap:5px}.errand-cards small{font-size:10px}}.header-actions{align-items:center;gap:8px;display:flex}.compact-stats,#phaseChoices,.action-dock{display:none}#teaBreak{color:var(--ink);overscroll-behavior:contain;background:#12251f;border:1px solid #87aa8e;border-radius:18px;width:min(680px,100% - 20px);max-height:calc(100dvh - 24px);padding:0 14px 14px}#teaBreak::backdrop{background:#06140de0}.break-head{z-index:2;background:#12251f;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky;top:0}.break-head h2{margin:0}#teaBreak aside{grid-template-columns:1fr;display:grid}#teaBreak details{min-width:0}#teaBreak summary{cursor:pointer;color:#f1dfbd;border-bottom:1px solid #66816c54;min-height:48px;padding:12px;font-size:16px}#teaBreak summary:focus-visible{outline:3px solid #ffe5a5}#teaBreak .panel{grid-column:auto}#teaBreak button{min-height:44px}button:focus-visible{outline-offset:2px;outline:3px solid #ffe5a5}.playfield,.playfield *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.playfield canvas,.playfield button{touch-action:none}body[data-view=compact]{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}body[data-view=compact] header{flex:none;min-height:44px;padding:6px 12px}body[data-view=compact] .brand{font-size:clamp(18px,3vw,23px)}body[data-view=compact] .kicker,body[data-view=compact] .version,body[data-view=compact] .bottom{display:none}body[data-view=compact] #viewBtn{min-height:36px;padding:5px 9px;font-size:12px}body[data-view=compact] main{flex:1;align-items:stretch;width:100%;max-width:1500px;min-height:0;margin:0 auto;padding:5px 8px 8px;display:flex}body[data-view=compact] main>aside{display:none}body[data-view=compact] .playfield{border-radius:14px;flex:1;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}body[data-view=compact] .hud-top{border-bottom:1px solid #4f7c6650;flex-wrap:wrap;grid-row:1;gap:5px 8px;padding:8px 10px;position:static}body[data-view=compact] .hud-left{flex:1}body[data-view=compact] .hudlabel{letter-spacing:0;font-size:11px}body[data-view=compact] .pill{padding:3px 6px}body[data-view=compact] .pills{gap:4px}body[data-view=compact] #hudTea,body[data-view=compact] #hudOmen,body[data-view=compact] #hudStrainer{display:none}body[data-view=compact] .compact-stats{color:#f1dfbd;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;width:100%;font-size:13px;display:flex}body[data-view=compact] .stage{grid-row:2;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}body[data-view=compact] canvas{width:min(100cqw,116.456cqh);height:auto}body[data-view=compact] #phaseChoices{grid-row:3;display:block}body[data-view=compact] #compactFortune{color:#f1dfbd;text-align:center;margin:0;padding:6px 12px;font:700 17px/1.3 Georgia,serif}body[data-view=compact] #compactFortune:empty{display:none}body[data-view=compact] .upgrade-offer{width:auto;margin:0 8px 5px;padding:8px;animation:none;position:static;transform:none}body[data-view=compact] .upgrade-offer[hidden],body[data-view=compact] .offer-head em{display:none}body[data-view=compact] .day-offer .offer-head em{font-size:12px;display:block}body[data-view=compact] .day-offer .offer-cards{grid-template-columns:1fr 1fr}body[data-view=compact] .day-offer .errand-card{gap:5px;padding:8px}body[data-view=compact] .day-offer strong{font-size:15px}body[data-view=compact] .offer-cards{gap:6px;margin-top:5px}body[data-view=compact] .upgrade-card,body[data-view=compact] .errand-card{min-height:56px;padding:8px}body[data-view=compact] .upgrade-card strong,body[data-view=compact] .errand-card strong{font-size:16px}body[data-view=compact] .upgrade-card small,body[data-view=compact] .errand-card small{font-size:12px}body[data-view=compact] .upgrade-card kbd,body[data-view=compact] .errand-card kbd{display:none}body[data-view=compact] .controls-mobile{grid-row:4;gap:10px;padding:6px 8px}body[data-view=compact] .controls-mobile button{min-height:52px;font-size:14px}body[data-view=compact] .controls-mobile .steer{min-height:64px;font-size:28px}body[data-view=compact] .controls-mobile .run-pad,body[data-view=compact] .controls-mobile .paper-pad,body[data-view=compact] .controls-mobile .launch-pad{min-height:74px;font-size:18px}body[data-view=compact] .easy-hint{font-size:12px}body[data-view=compact] .action-dock{grid-row:5;gap:8px;padding:0 8px 8px;display:flex}body[data-view=compact] .action-dock button{min-height:44px;font-size:13px}body[data-view=compact] #mainBtn{flex:1;margin:0;padding:8px}body[data-view=compact] #menuBtn{flex:none;padding:8px 12px}body[data-view=compact][data-mode=run] #compactMilk,body[data-view=compact][data-mode=run] #compactSugar,:is(body[data-view=compact][data-active=true] #mainBtn,body[data-view=compact][data-phase=shortage] #mainBtn,body[data-view=compact][data-phase=reading]:has(#upgradeOffer:not([hidden])) #mainBtn){display:none}@media (width<=600px){body[data-view=compact][data-mode=cup][data-phase=playing] #hudScore{display:none}}@media (orientation:landscape) and (height<=600px){body[data-view=compact] header{min-height:36px;padding:2px 10px}body[data-view=compact] .playfield{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 190px}body[data-view=compact] .hud-top{grid-column:1/-1;padding:4px 8px}body[data-view=compact] .compact-stats{flex:1;justify-content:flex-end;width:auto}body[data-view=compact] .stage{grid-area:2/1/4}body[data-view=compact] #phaseChoices{grid-area:2/2;align-self:center}body[data-view=compact] .controls-mobile{border:0;flex-wrap:wrap;grid-area:2/2;align-self:end}body[data-view=compact] .easy-hint{flex-basis:100%;order:-1}body[data-view=compact] .controls-classic button{flex-basis:28%}body[data-view=compact] .controls-pour{flex-direction:column}body[data-view=compact] .controls-breakout{flex-wrap:wrap;gap:8px}body[data-view=compact] .controls-breakout .launch-pad{flex-basis:100%;order:-1}body[data-view=compact] .action-dock{flex-direction:column;grid-area:3/2}body[data-view=compact] .offer-cards{grid-template-columns:1fr}body[data-view=compact] .upgrade-card small{font-size:12px}body[data-view=compact] .offer-head strong{font-size:15px}body[data-view=compact]:has(.upgrade-offer:not([hidden])) .controls-mobile{display:none}body[data-view=compact][data-phase=day] .playfield{grid-template-columns:minmax(200px,.8fr) minmax(360px,1.2fr)}body[data-view=compact][data-phase=day] .day-offer .offer-head strong{font-size:14px}body[data-view=compact][data-phase=day] .day-offer p{margin:4px 0;font-size:11px}body[data-view=compact][data-phase=day] .day-offer .errand-card strong{font-size:14px}body[data-view=compact][data-phase=day] .day-offer .errand-card small{font-size:11px;line-height:1.25}}