:root{--ha-theme:#d4a017;--ha-theme-hi:#f0c35a;--ha-theme-edge:#8a5a12;--bg:#3a2214;--cream:#f3e2c2;--ink:#2a160e;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);--spr-flour:none;--spr-egg:none;--spr-berries:none;--spr-cake:none;--spr-guest:none;--spr-coins:none;--spr-cream:none;--spr-coin:none;--spr-sun:none;--spr-merge:none;--spr-serve:none;--spr-empty:none;--spr-dish:none}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);touch-action:manipulation;-webkit-user-select:none;user-select:none;height:100%;font-family:Songti SC,STSong,Source Han Serif SC,Noto Serif SC,serif;overflow:hidden}button{cursor:pointer;font-family:inherit}#c{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#stage{z-index:1;pointer-events:none;position:fixed;inset:0}#hud{z-index:4;pointer-events:none;position:fixed;inset:0}#title{top:calc(2px + var(--sa-t));text-align:center;color:#fff8e8;letter-spacing:.14em;text-shadow:0 1px #3a1c08,0 0 10px #281208b3;font-size:13px;font-weight:700;position:absolute;left:0;right:0}.pill{top:calc(22px + var(--sa-t));color:#6a3a12;background:linear-gradient(#fff6e4,#f0d4a0);border-radius:999px;align-items:center;gap:6px;min-width:148px;min-height:44px;padding:4px 14px 4px 6px;font-size:18px;font-weight:800;display:flex;position:absolute;box-shadow:0 4px #b07a38,inset 0 1px #fffaf0}#coins-pill{right:8px}#day-pill{left:8px}.pill.bump{animation:.28s ease-out pill-bump}@keyframes pill-bump{50%{transform:scale(1.08)}}.coin-ic,.sun-ic{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:34px;height:34px}.coin-ic{background-image:var(--spr-coin)}.sun-ic{background-image:var(--spr-sun);border-radius:10px}.room{top:calc(86px + var(--sa-t));pointer-events:none;background:0 0;width:auto;position:absolute;left:44%}.room-tag{color:#fff6e4;white-space:nowrap;background:#481c12d1;border-radius:8px;padding:3px 8px;font-size:11px;box-shadow:0 2px #00000040}.board{left:16px;top:calc(128px + var(--sa-t));pointer-events:auto;background:0 0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;width:198px;height:300px;padding:16px 14px 22px;display:grid;position:absolute}.cell{background-color:#f7ead2;background-image:var(--spr-empty);color:var(--ink);text-shadow:0 1px #fff8e8;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:0;font-size:12px;font-weight:700;display:flex}.cell.on{outline-offset:-3px;outline:3px solid #f0c35a}.spr{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:48px;height:48px;display:block}.spr-flour{background-image:var(--spr-flour)}.spr-egg{background-image:var(--spr-egg)}.spr-cream{background-image:var(--spr-cream)}.spr-berries{background-image:var(--spr-berries)}.spr-cake,.spr-dish,.spr-dish-0{background-image:var(--spr-cake)}.spr-dish-1{background-image:var(--spr-cake);filter:hue-rotate(48deg)saturate(1.2)}.spr-dish-2{background-image:var(--spr-cake);filter:brightness(1.2)saturate(.45)hue-rotate(18deg)}.spr-dish-3{background-image:var(--spr-cake);filter:hue-rotate(-42deg)saturate(1.5)}.cell .spr{width:62%;max-width:72px;height:54%;max-height:72px}.guest{right:6px;top:calc(210px + var(--sa-t));pointer-events:none;flex-direction:column;align-items:center;width:168px;display:flex;position:absolute}.guest[data-mood=none]{opacity:.25}.guest-body{background-image:var(--spr-guest);filter:drop-shadow(0 6px 4px #28140859);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:150px;height:230px}.guest[data-look="1"] .guest-body{filter:hue-rotate(52deg)saturate(1.15)drop-shadow(0 6px 4px #28140859)}.guest[data-look="2"] .guest-body{filter:hue-rotate(168deg)saturate(.85)drop-shadow(0 6px 4px #28140859)}.guest[data-look="3"] .guest-body{filter:hue-rotate(-48deg)saturate(1.35)drop-shadow(0 6px 4px #28140859)}.want{min-width:84px;color:var(--ink);text-align:center;background:#fff6e4;border-radius:18px;padding:8px 10px;font-size:12px;font-weight:700;position:absolute;top:-8px;left:4px;box-shadow:0 3px #c9a56a}.guest-name{color:#fff6e4;text-shadow:0 1px 3px #000;margin-top:2px;font-size:12px}.counter{pointer-events:auto;background:0 0;justify-content:flex-end;align-items:center;gap:10px;height:96px;padding:8px 14px 8px 46%;display:flex;position:absolute;top:528px;left:0;right:0}.plate{min-width:78px;min-height:64px;color:var(--ink);background:#fff8e88c;border:2px dashed #c9a56a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.plate .spr{width:48px;height:48px}.plate.empty{color:#8a6a48}.tools{height:calc(124px + var(--sa-b));pointer-events:none;background:0 0;padding:0;position:absolute;bottom:0;left:0;right:0}.act{color:#fff8e8;text-shadow:0 2px #28140873;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;font-weight:800;overflow:hidden}.act.serve{pointer-events:auto;background:linear-gradient(#8ee05c,#3db43a);border-radius:18px;width:100px;min-width:96px;height:72px;font-size:18px;box-shadow:0 5px #2a7a22,inset 0 2px #c8f6a0}.act.spawn{left:14px;bottom:calc(18px + var(--sa-b));color:#5a3a12;pointer-events:auto;text-shadow:0 1px #fff4d8;background:linear-gradient(#f6e0a8,#e0b45a);border-radius:18px;width:84px;min-width:78px;height:84px;font-size:16px;position:absolute;box-shadow:0 5px #a07830,inset 0 2px #fff6d8}#hint{left:104px;right:12px;bottom:calc(6px + var(--sa-b));color:#fff6e4;text-shadow:0 1px 3px #000;pointer-events:none;font-size:11px;position:absolute}#cta{z-index:6;color:#fff6e4;letter-spacing:.08em;text-shadow:0 2px #5a2a10,0 0 24px #ffb43cb3;pointer-events:none;background:linear-gradient(#0000 30%,#0c080e26 54%,#0c080ed1 100%);justify-content:center;align-items:flex-end;padding-bottom:88px;font-size:42px;font-weight:800;display:flex;position:fixed;inset:0}#cta[hidden],.guest[hidden]{display:none!important}@media (width>=900px){#title{top:calc(4px + var(--sa-t));font-size:18px}#coins-pill{left:12px;right:auto;top:calc(12px + var(--sa-t));min-width:300px;min-height:52px}#day-pill{left:auto;right:12px;top:calc(12px + var(--sa-t));min-width:240px;min-height:52px}.board{width:31%;height:52%;padding:20px 18px 28px;top:22%;left:4%}.guest{width:20%;top:26%;right:24%}.guest-body{width:170px;height:250px}.room{top:16%;left:auto;right:7%}.counter{justify-content:center;width:24%;height:90px;padding:0;top:44%;bottom:auto;left:36%}.plate.empty{opacity:0}.tools{height:100px}.act.serve{z-index:5;color:#fff8e8;text-shadow:0 2px #2a6a18;background:linear-gradient(#8ee05c,#3db43a);width:280px;min-width:220px;height:110px;font-size:28px;position:fixed;bottom:6px;left:51.5%;box-shadow:0 6px #2a7a22,inset 0 2px #c8f6a0}.act.spawn{z-index:5;color:#fff8e8;text-shadow:0 2px #5a2a8a;background:linear-gradient(#c9a2f5,#9b5ee8);width:280px;min-width:220px;height:110px;font-size:28px;position:fixed;bottom:6px;left:29%;box-shadow:0 6px #6a38b0,inset 0 2px #ead9ff}#hint{text-align:center;opacity:.9;font-size:11px;bottom:0;left:30%;right:24%}}