:root{color:#4f2c1d;background:#fff2df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}body{min-width:320px}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.72),transparent 34%),linear-gradient(180deg,#fff2df,#ffe6c7 58%,#ffd4e5)}#game-canvas,#ui-root{position:absolute;top:0;right:0;bottom:0;left:0}#game-canvas canvas{display:block;width:100%;height:100%}#ui-root{pointer-events:none}button{-webkit-tap-highlight-color:transparent}.game-ui{--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(10px, env(safe-area-inset-right));--safe-bottom: max(10px, env(safe-area-inset-bottom));--safe-left: max(10px, env(safe-area-inset-left));position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;color:var(--ui-text);font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif}.game-ui *,.game-ui *:before,.game-ui *:after{box-sizing:border-box}.hud-stack{position:absolute;top:var(--safe-top);left:50%;display:grid;grid-template-columns:minmax(74px,.7fr) minmax(70px,.62fr) minmax(144px,1.3fr);gap:6px;width:min(460px,calc(100vw - var(--safe-left) - var(--safe-right)));min-height:52px;padding:6px;border:1px solid rgba(104,71,54,.12);border-radius:8px;background:linear-gradient(180deg,#ffffffad,#ffffff2e),#fff6e1bd;box-shadow:0 9px 24px #63361f1f,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%);pointer-events:none}.score-card,.mini-stat,.next-treat,.combo-pill,.chain-pill,.last-bite-pill,.danger-pill,.goal-meter,.mission-strip,.ticket-button,.audio-button,.reward-toast{border:1px solid rgba(104,71,54,.1);background:#ffffff6b}.overlay-panel{border:1px solid rgba(104,71,54,.14);background:linear-gradient(180deg,#ffffffad,#fff0),var(--ui-panel);box-shadow:0 9px 24px #63361f21,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.score-card{display:grid;gap:1px;min-height:40px;align-content:center;padding:3px 5px;border-radius:6px}.score-label,.mini-stat span,.next-treat small,.receipt-score span{color:var(--ui-muted);font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.score-value{font-size:clamp(24px,7.2vw,32px);font-weight:950;line-height:.95;letter-spacing:0;font-variant-numeric:tabular-nums}.mini-row{display:contents}.mini-stat,.next-treat{min-height:40px;border-radius:6px}.mini-stat{display:grid;gap:2px;align-content:center;padding:3px 5px}.mini-stat strong,.next-treat strong,.receipt-score strong{font-size:15px;line-height:1;font-variant-numeric:tabular-nums}.next-treat{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:4px 6px}.next-treat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-copy{display:grid;min-width:0;gap:2px}.moves-row{display:grid;grid-template-columns:auto auto minmax(22px,1fr);align-items:center;gap:4px;min-width:0;color:#4f2c1d9e;font-size:8px;font-weight:950;line-height:1;text-transform:uppercase}.moves-row b{color:var(--ui-accent-strong);font-size:9px;font-variant-numeric:tabular-nums}.moves-row i{display:block;height:4px;overflow:hidden;border-radius:999px;background:#63361f1c}.moves-row i:before{display:block;width:var(--moves-progress, 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8fb1,#ffcf72);content:"";transition:width .18s ease}.next-treat[data-steps-empty=true] .moves-row b{color:var(--ui-danger)}.next-treat[data-steps-low=true] .moves-row b{color:var(--ui-danger);animation:danger-breathe .72s ease-in-out infinite alternate}.next-treat[data-steps-empty=true] .moves-row i:before{background:var(--ui-danger)}.next-treat[data-steps-low=true] .moves-row i:before{background:linear-gradient(90deg,var(--ui-danger),#ffcf72)}.treat-swatch{display:block;width:30px;aspect-ratio:1;border:3px solid var(--treat-rim, var(--ui-accent));border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9) 0 16%,transparent 17%),var(--treat-fill, var(--ui-accent));box-shadow:inset -3px -4px #522a1a21,0 3px #61352124}.treat-swatch[data-has-image=true]{border:0;border-radius:0;background:var(--treat-image) center / contain no-repeat;filter:drop-shadow(0 4px 0 rgba(97,53,33,.14));box-shadow:none;transform:scale(1.44)}.combo-pill{position:absolute;top:calc(var(--safe-top) + 104px);left:max(var(--safe-left),calc((100vw - 430px)/2));z-index:2;min-height:28px;padding:7px 10px;border-color:#e94d7333;border-radius:999px;background:#fff8e7e6;color:var(--ui-accent-strong);font-size:12px;font-weight:900;line-height:1;box-shadow:0 5px 14px #63361f1f;transform-origin:left center;animation:combo-pop .19s ease-out}.chain-pill,.last-bite-pill,.danger-pill{position:absolute;left:50%;z-index:3;min-height:30px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:950;line-height:1;box-shadow:0 8px 22px #63361f24;transform:translate(-50%);animation:combo-pop .19s ease-out}.chain-pill{top:calc(var(--safe-top) + 104px);border-color:#ffcf725c;background:linear-gradient(90deg,#ff8fb12e,#ffcf7247),#fff8e7eb;color:#7a3f1f}.last-bite-pill{top:calc(var(--safe-top) + 142px);border-color:#d9484847;background:linear-gradient(90deg,#d9484829,#e94d7338),#fff8e7f0;color:var(--ui-danger)}.danger-pill{top:calc(var(--safe-top) + 145px);left:max(var(--safe-left),calc((100vw - 430px)/2));transform:none;border-color:#d9484842;background:linear-gradient(90deg,#d948481f,#ffcf7233),#fff8e7f0;color:var(--ui-danger);font-size:11px;animation:danger-breathe .85s ease-in-out infinite alternate}.danger-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;border:0 solid rgba(217,72,72,0);pointer-events:none;transition:border-color .18s ease,border-width .18s ease,box-shadow .18s ease}.game-ui[data-danger=low_moves] .danger-vignette,.game-ui[data-danger=crowded] .danger-vignette{border-width:5px;border-color:#d9484833;box-shadow:inset 0 0 24px #d948481c}.game-ui[data-danger=critical] .danger-vignette{border-width:7px;border-color:#d948485c;box-shadow:inset 0 0 38px #d948482e;animation:danger-vignette-pulse .68s ease-in-out infinite alternate}.combo-pill[hidden],.chain-pill[hidden],.last-bite-pill[hidden],.danger-pill[hidden]{display:none}.goal-meter{position:absolute;left:7px;right:7px;bottom:3px;height:7px;overflow:hidden;border-radius:999px;box-shadow:inset 0 1px 2px #4a25131c}.goal-meter span{display:block;width:var(--goal-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8fb1,#ffcf72,#dcb7ff);transition:width .18s ease}.goal-meter strong{position:absolute;right:4px;top:-13px;display:grid;place-items:center;color:#4f2c1da8;font-size:8px;font-weight:950;line-height:1;text-transform:uppercase}.mission-strip{position:absolute;top:calc(var(--safe-top) + 66px);left:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(430px,calc(100vw - var(--safe-left) - var(--safe-right) - 18px));min-height:28px;padding:5px;border-radius:8px;background:linear-gradient(180deg,#ffffff85,#ffffff3d),#fff6e1c7;box-shadow:0 4px 10px #63361f14;transform:translate(-50%);pointer-events:none}.mission-item{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;min-width:0;min-height:22px;overflow:hidden;border-radius:6px;background:#ffffff6b;color:#4f2c1dbd;font-size:10px;font-weight:950;line-height:1}.mission-item span,.mission-item strong{position:relative;z-index:1}.mission-item span{display:grid;place-items:center;color:var(--ui-accent)}.mission-item strong{overflow:hidden;padding-right:4px;text-overflow:ellipsis;white-space:nowrap}.mission-item em{position:absolute;inset:auto 0 0;display:block;width:var(--mission-progress, 0%);height:3px;background:linear-gradient(90deg,#ff8fb1,#ffcf72);opacity:.8;transition:width .18s ease}.mission-item[data-done=true]{color:#5c321d;background:#ffdd8f94}.ticket-button{position:absolute;top:calc(var(--safe-top) + 104px);right:max(var(--safe-right),calc((100vw - 460px)/2 + 10px));display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:6px;min-width:86px;min-height:34px;border-radius:8px;color:var(--ui-text);cursor:pointer;font:inherit;font-size:11px;font-weight:950;pointer-events:auto;touch-action:manipulation;box-shadow:0 8px 18px #63361f1f}.ticket-button span{padding-left:9px;text-transform:uppercase}.ticket-button strong{display:grid;width:22px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--ui-accent);color:#fffaf4;font-size:12px;line-height:1}.ticket-button[data-ready=false]{opacity:.62}.audio-button{position:absolute;top:calc(var(--safe-top) + 145px);right:max(var(--safe-right),calc((100vw - 460px)/2 + 10px));display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:50%;color:var(--ui-text);cursor:pointer;font:inherit;font-size:16px;font-weight:950;line-height:1;pointer-events:auto;touch-action:manipulation;box-shadow:0 8px 18px #63361f1f}.audio-button[data-muted=true]{color:#4f2c1d8f;opacity:.72}.audio-credit{position:absolute;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 4px);color:#4f2c1d6b;font-size:9px;font-weight:700;line-height:1;text-decoration:none;pointer-events:auto}.audio-credit:hover{color:#4f2c1db8}.reward-toast{position:absolute;top:calc(var(--safe-top) + 104px);left:max(var(--safe-left),calc((100vw - 460px)/2 + 10px));display:grid;gap:2px;max-width:min(250px,calc(100vw - 120px));min-height:34px;padding:7px 10px;border-radius:8px;box-shadow:0 8px 18px #63361f1f;opacity:0;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease}.reward-toast[data-open=true]{opacity:1;transform:translateY(0)}.reward-toast strong{overflow:hidden;font-size:12px;font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}.reward-toast span{color:var(--ui-muted);font-size:10px;font-weight:800;line-height:1}.overlay-panel{position:absolute;right:max(var(--safe-right),calc((100vw - 460px)/2 + 10px));width:min(292px,calc(100vw - var(--safe-left) - var(--safe-right)));border-radius:8px;padding:14px;pointer-events:auto;transform:translateY(10px) scale(.98);opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.overlay-panel[data-open=true]{transform:translateY(0) scale(1);opacity:1;visibility:visible}.game-over-panel{top:var(--safe-top)}.lottery-modal{top:calc(var(--safe-top) + 78px);display:grid;gap:8px;width:min(248px,calc(100vw - var(--safe-left) - var(--safe-right)))}.overlay-panel h2{margin:0;font-size:20px;line-height:1.05;letter-spacing:0}.overlay-panel p{margin:7px 0 0;color:var(--ui-muted);font-size:13px;line-height:1.35}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.result-grid div,.receipt-score,.share-code{min-width:0;border-radius:8px;background:#ffffff8c;padding:8px}.result-grid dt{color:var(--ui-muted);font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.result-grid dd{overflow:hidden;margin:5px 0 0;font-size:13px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.primary-action,.secondary-action{width:100%;min-height:42px;border:0;border-radius:8px;color:#fffaf4;cursor:pointer;font:inherit;font-size:14px;font-weight:950;pointer-events:auto;touch-action:manipulation}.primary-action{background:linear-gradient(180deg,var(--ui-accent),var(--ui-accent-strong));box-shadow:0 7px #75382138}.secondary-action{background:var(--ui-text);box-shadow:0 7px #34201933}.primary-action:focus-visible,.secondary-action:focus-visible{outline:3px solid var(--ui-ring);outline-offset:2px}.primary-action:disabled,.secondary-action:disabled{cursor:progress;opacity:.72}.receipt-mark{display:grid;width:32px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--ui-accent);color:#fffaf4;font-size:18px;line-height:1;box-shadow:inset 0 -3px #522a1a24}.receipt-score,.share-code{display:flex;align-items:center;justify-content:space-between;gap:10px}.share-code span,.rarity-pill{color:var(--ui-muted);font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.share-code strong{overflow:hidden;font-size:12px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.rarity-pill{justify-self:start;border-radius:999px;background:#ffffff8c;padding:5px 8px}.rarity-pill[data-rarity=rare]{color:#7b4cb1}.rarity-pill[data-rarity=legendary]{color:#b66b00}.redeem-hint{margin-top:0}.copy-action{min-height:34px;background:var(--ui-accent-strong)}@media(max-width:520px){.hud-stack{grid-template-columns:minmax(74px,.7fr) minmax(66px,.58fr) minmax(136px,1.32fr);width:calc(100vw - var(--safe-left) - var(--safe-right))}.score-card{min-height:40px}.combo-pill{left:var(--safe-left)}.chain-pill{top:calc(var(--safe-top) + 104px);max-width:min(210px,calc(100vw - 136px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-bite-pill{top:calc(var(--safe-top) + 145px)}.danger-pill{top:calc(var(--safe-top) + 145px);left:var(--safe-left)}.mission-strip{top:calc(var(--safe-top) + 64px);width:calc(100vw - var(--safe-left) - var(--safe-right) - 18px)}.mission-item{font-size:9px}.ticket-button{top:calc(var(--safe-top) + 104px);right:var(--safe-right)}.audio-button{top:calc(var(--safe-top) + 145px);right:var(--safe-right)}.reward-toast{top:calc(var(--safe-top) + 142px);left:var(--safe-left)}.game-over-panel{top:calc(var(--safe-top) + 164px);right:var(--safe-right);width:min(226px,calc(100vw - var(--safe-left) - var(--safe-right)));min-width:190px;padding:12px}.game-over-panel h2{font-size:17px}.game-over-panel p{display:none}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}.lottery-modal{right:var(--safe-right);top:calc(var(--safe-top) + 164px);width:min(220px,calc(100vw - var(--safe-left) - var(--safe-right)));padding:11px}.lottery-modal h2{font-size:17px}.lottery-modal p{font-size:12px}}@media(max-width:360px){.hud-stack{grid-template-columns:minmax(64px,.68fr) minmax(56px,.54fr) minmax(124px,1.38fr)}.next-treat{grid-template-columns:28px minmax(0,1fr);gap:5px;padding-inline:7px}.treat-swatch{width:26px}.game-over-panel{width:calc(100vw - var(--safe-left) - var(--safe-right));top:auto;bottom:var(--safe-bottom)}.mission-strip{gap:3px}.mission-item{grid-template-columns:11px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.overlay-panel,.combo-pill,.chain-pill,.last-bite-pill,.danger-pill,.danger-vignette,.reward-toast,.mission-item em{animation:none;transition:none}}@keyframes combo-pop{0%{transform:scale(.9)}72%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes danger-breathe{0%{opacity:.72}to{opacity:1}}@keyframes danger-vignette-pulse{0%{opacity:.6}to{opacity:1}}