:root{--color-letterbox: #07080d;--color-frame-bg: #151a24;--color-frame-edge: #2c3547;--color-accent: #35d6a4;--color-accent-dim: #1d7a5e;--color-warn: #ffb347;--color-text: #e8edf6;--color-text-dim: #8d9ab3;--color-btn-green-outer-top: #ceec7d;--color-btn-green-outer-mid: #8dd327;--color-btn-green-outer-bottom: #389447;--color-btn-green-outer-edge: #9ecc39;--color-btn-green-inner-top: #95da22;--color-btn-green-inner-bottom: #31ac3d;--color-btn-green-inner-edge: #dcf48e;--color-btn-text-light: #fffff1;--color-btn-green-text-edge: #347025;--color-panel-surface: #fcf3d3;--color-panel-bevel: #efbe8d;--color-panel-slot-fill: #ffe5b4;--color-panel-slot-edge: #ffd086;--color-panel-num-fill: #fffff1;--color-panel-num-edge: #903f08;--color-btn-red-outer-top: #f08f55;--color-btn-red-outer-mid: #dc653b;--color-btn-red-outer-bottom: #bb301a;--color-btn-red-outer-edge: #d45330;--color-btn-red-inner-top: #f28158;--color-btn-red-inner-bottom: #e1452a;--color-btn-red-inner-edge: #f7bb7f;--color-btn-red-text-edge: #952915;--color-btn-blue-outer-top: #50ebff;--color-btn-blue-outer-mid: #06bbff;--color-btn-blue-outer-bottom: #0575d1;--color-btn-blue-outer-edge: #34bef9;--color-btn-blue-inner-top: #43dbfe;--color-btn-blue-inner-bottom: #43a9fc;--color-btn-blue-inner-edge: #52edff;--color-btn-blue-text-edge: #0b66ab;--color-btn-grey-outer-top: #c0c0c0;--color-btn-grey-outer-mid: #a7a7a7;--color-btn-grey-outer-bottom: #595959;--color-btn-grey-outer-edge: #b7b7b7;--color-btn-grey-inner-top: #9f9f9f;--color-btn-grey-inner-bottom: #6b6b6b;--color-btn-grey-inner-edge: #d9d9d9;--color-footer-muted: #c5a47d;--color-footer-text-edge: #967a66;--color-btn-orange-text-edge: #9b2c03;--color-btn-orange-outer-top: #fad03e;--color-btn-orange-outer-mid: #ef842a;--color-btn-orange-outer-bottom: #e06120;--color-btn-orange-outer-edge: #e67b2c;--color-btn-orange-inner-top: #f6ae3c;--color-btn-orange-inner-bottom: #f17d2b;--color-btn-orange-inner-edge: #fde89e}@font-face{font-family:Grandstander;src:url(/fonts/grandstander-black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:Dancing Script;src:url(/fonts/dancing-script-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Dancing Script;src:url(/fonts/dancing-script-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}#ui-root{position:absolute;top:0;left:0;width:390px;height:844px;--collection-cx: calc(390px - var(--safe-right-v, 0px) - 15px - 42.5px);--collection-cy: calc(844px - var(--safe-bottom-v, 0px) - 15px - 37px);--preview-top-inset: min(var(--safe-top-v, 0px), 38px);transform-origin:0 0;transform:translate(var(--vp-offset-x, 0px),var(--vp-offset-y, 0px)) scale(var(--vp-scale, 1));pointer-events:none;touch-action:pan-x pan-y;font-family:system-ui,-apple-system,Roboto,sans-serif}#ui-debug{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-debug .dbg{position:absolute;background:#ff5470}.dbg-safe-t{left:var(--safe-left-v, 0px);right:var(--safe-right-v, 0px);top:calc(var(--safe-top-v, 0px) - .5px);height:1px}.dbg-safe-b{left:var(--safe-left-v, 0px);right:var(--safe-right-v, 0px);bottom:calc(var(--safe-bottom-v, 0px) - .5px);height:1px}.dbg-safe-l{top:var(--safe-top-v, 0px);bottom:var(--safe-bottom-v, 0px);left:calc(var(--safe-left-v, 0px) - .5px);width:1px}.dbg-safe-r{top:var(--safe-top-v, 0px);bottom:var(--safe-bottom-v, 0px);right:calc(var(--safe-right-v, 0px) - .5px);width:1px}.dbg-cross-h{left:175px;top:421.5px;width:40px;height:1px}.dbg-cross-v{left:194.5px;top:402px;width:1px;height:40px}#ui-debug .bleed{background:#22d3ee}.dbg-bleed-t{left:calc(var(--vp-visible-x, 0px) + 3px);top:calc(var(--vp-visible-y, 0px) + 2.5px);width:calc(var(--vp-visible-width, 390px) - 6px);height:1px}.dbg-bleed-b{left:calc(var(--vp-visible-x, 0px) + 3px);top:calc(var(--vp-visible-y, 0px) + var(--vp-visible-height, 844px) - 3.5px);width:calc(var(--vp-visible-width, 390px) - 6px);height:1px}.dbg-bleed-l{left:calc(var(--vp-visible-x, 0px) + 2.5px);top:calc(var(--vp-visible-y, 0px) + 3px);width:1px;height:calc(var(--vp-visible-height, 844px) - 6px)}.dbg-bleed-r{left:calc(var(--vp-visible-x, 0px) + var(--vp-visible-width, 390px) - 3.5px);top:calc(var(--vp-visible-y, 0px) + 3px);width:1px;height:calc(var(--vp-visible-height, 844px) - 6px)}.dbg-count{position:absolute;left:12px;bottom:152px;font:11px ui-monospace,Menlo,monospace;color:#22d3ee}.dom-spike{position:absolute;inset:0;pointer-events:none}.dom-spike .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#04060cd1;pointer-events:auto}.dom-spike .panel{position:absolute;left:24px;right:24px;padding:14px 16px;background:var(--color-frame-bg);border:1px solid var(--color-frame-edge);border-radius:12px;color:var(--color-text);pointer-events:auto}.dom-spike h2{font-size:16px;font-weight:700;margin:0 0 4px}.dom-spike p{font-size:12px;line-height:16px;color:var(--color-text-dim);margin:0 0 10px}.dom-spike .row{display:flex;gap:8px}.dom-spike .row .ui-btn{flex:1;font-size:13px}.demo-list{margin-top:12px;height:200px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--color-frame-edge);border-radius:8px}.demo-item{padding:10px 12px;font-size:12px;color:var(--color-text-dim);border-bottom:1px solid var(--color-frame-edge)}.ui-screen{position:absolute;inset:0;pointer-events:none}.ui-btn{pointer-events:auto;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font:700 14px system-ui,-apple-system,Roboto,sans-serif;letter-spacing:.5px;color:var(--color-text);background:var(--color-frame-bg);border:2px solid var(--color-accent);border-radius:12px}.ui-btn.warn{border-color:var(--color-warn)}.ui-btn .ui-btn-label,.ui-btn .ui-btn-icon{position:relative}.ui-btn:active{filter:brightness(1.35);transform:translateY(1px)}.ui-btn.primary{--pill-outer-top: var(--color-btn-green-outer-top);--pill-outer-mid: var(--color-btn-green-outer-mid);--pill-outer-bottom: var(--color-btn-green-outer-bottom);--pill-outer-edge: var(--color-btn-green-outer-edge);--pill-inner-top: var(--color-btn-green-inner-top);--pill-inner-bottom: var(--color-btn-green-inner-bottom);--pill-text-edge: var(--color-btn-green-text-edge);--pill-shadow: rgba(21, 69, 9, .45)}.ui-btn.info{--pill-outer-top: var(--color-btn-blue-outer-top);--pill-outer-mid: var(--color-btn-blue-outer-mid);--pill-outer-bottom: var(--color-btn-blue-outer-bottom);--pill-outer-edge: var(--color-btn-blue-outer-edge);--pill-inner-top: var(--color-btn-blue-inner-top);--pill-inner-bottom: var(--color-btn-blue-inner-bottom);--pill-text-edge: var(--color-btn-blue-outer-bottom);--pill-shadow: rgba(5, 60, 110, .45)}.ui-btn.danger{--pill-outer-top: var(--color-btn-red-outer-top);--pill-outer-mid: var(--color-btn-red-outer-mid);--pill-outer-bottom: var(--color-btn-red-outer-bottom);--pill-outer-edge: var(--color-btn-red-outer-edge);--pill-inner-top: var(--color-btn-red-inner-top);--pill-inner-bottom: var(--color-btn-red-inner-bottom);--pill-text-edge: var(--color-btn-red-text-edge);--pill-shadow: rgba(117, 27, 12, .45)}.ui-btn.orange{--pill-outer-top: var(--color-btn-orange-outer-top);--pill-outer-mid: var(--color-btn-orange-outer-mid);--pill-outer-bottom: var(--color-btn-orange-outer-bottom);--pill-outer-edge: var(--color-btn-orange-outer-edge);--pill-inner-top: var(--color-btn-orange-inner-top);--pill-inner-bottom: var(--color-btn-orange-inner-bottom);--pill-text-edge: var(--color-btn-orange-text-edge);--pill-shadow: rgba(153, 55, 15, .45)}.ui-btn.primary,.ui-btn.danger,.ui-btn.info,.ui-btn.orange{position:relative;border:none;border-radius:999px;background:linear-gradient(to bottom,var(--pill-outer-top) 0%,var(--pill-outer-mid) 34%,var(--pill-outer-bottom) 88%);box-shadow:0 3.429px 3.429px var(--pill-shadow),inset 0 0 0 1.714px var(--pill-outer-edge);color:var(--color-btn-text-light);font-family:Grandstander,system-ui,sans-serif;font-weight:900;letter-spacing:.5px;text-shadow:1px 1px 0 var(--pill-text-edge),-1px 1px 0 var(--pill-text-edge),1px -1px 0 var(--pill-text-edge),-1px -1px 0 var(--pill-text-edge)}.ui-btn.primary:before,.ui-btn.danger:before,.ui-btn.info:before,.ui-btn.orange:before{content:"";position:absolute;inset:6px;border-radius:999px;background:linear-gradient(to bottom,var(--pill-inner-top),var(--pill-inner-bottom));pointer-events:none}.ui-btn.primary:active,.ui-btn.danger:active,.ui-btn.info:active,.ui-btn.orange:active{filter:brightness(1.08);transform:translateY(1px)}.menu{position:absolute;inset:0}.menu .ui-btn{position:absolute}@keyframes menu-play-in{0%{transform:translate(-50%) scale(.88)}to{transform:translate(-50%) scale(1)}}.menu>.ui-btn.primary{animation:menu-play-in .46s cubic-bezier(.25,1.2,.35,1) 1}@keyframes menu-play-pop-a{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes menu-play-pop-b{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}.menu.recipe-arriving-a>.ui-btn.primary{animation:menu-play-pop-a .42s cubic-bezier(.34,1.56,.64,1) .55s backwards}.menu.recipe-arriving-b>.ui-btn.primary{animation:menu-play-pop-b .42s cubic-bezier(.34,1.56,.64,1) .55s backwards}.menu-scene{position:absolute;inset:0;pointer-events:none;--pot-w: calc(var(--scene-pot-scale) * var(--scene-size));--pot-h: calc(var(--pot-w) / var(--pot-aspect));transform-origin:var(--pot-x) var(--pot-y);transform:translateY(var(--cook-pan, 0px)) scale(var(--scene-zoom-out, 1));transition:transform var(--scene-zoom-ms, .76s) cubic-bezier(.32,.72,.2,1)}.menu-scene.is-in{transform:translateY(var(--cook-pan, 0px)) scale(var(--scene-zoom-in, 1.38))}.menu-bg{position:absolute;width:var(--scene-size);height:var(--scene-size);left:calc(var(--pot-x) - var(--ring-x) * var(--scene-size));top:calc(var(--pot-y) - var(--ring-y) * var(--scene-size));background:var(--color-letterbox)}.menu-scene-pot{position:absolute;left:var(--pot-x);top:var(--pot-y);width:var(--pot-w);height:var(--pot-h);margin-left:calc(-1 * var(--pot-base-x) * var(--pot-w));margin-top:calc(-1 * var(--pot-base-y) * var(--pot-h))}.menu-scene-pot-body,.menu-scene-pot-lid{position:absolute;display:block;object-fit:contain}.menu-scene-pot-body{inset:0;width:100%;height:100%}.menu-scene-pot-lid{left:calc(var(--lid-x) * 100%);top:calc(var(--lid-y) * 100%);width:calc(var(--lid-w) * 100%);height:calc(var(--lid-h) * 100%);margin-left:calc(-.5 * var(--lid-w) * var(--pot-w));margin-top:calc(-.5 * var(--lid-h) * var(--pot-h))}@keyframes menu-lid-wiggle-a{0%{transform:rotate(0) translateY(0)}22%{transform:rotate(-6.5deg) translateY(-7px)}48%{transform:rotate(4.5deg) translateY(-3px)}72%{transform:rotate(-2deg) translateY(-1px)}to{transform:rotate(0) translateY(0)}}@keyframes menu-lid-wiggle-b{0%{transform:rotate(0) translateY(0)}22%{transform:rotate(-6.5deg) translateY(-7px)}48%{transform:rotate(4.5deg) translateY(-3px)}72%{transform:rotate(-2deg) translateY(-1px)}to{transform:rotate(0) translateY(0)}}.menu-scene-pot-lid.wiggle-a{animation:menu-lid-wiggle-a var(--lid-wiggle-ms, .18s) ease-out 1}.menu-scene-pot-lid.wiggle-b{animation:menu-lid-wiggle-b var(--lid-wiggle-ms, .18s) ease-out 1}.menu-scene-pot.is-arriving{animation:menu-pot-in var(--pot-in-ms, .62s) cubic-bezier(.34,1.56,.64,1) 1}@keyframes menu-pot-in{0%{transform:translateY(-46px) scale(.72);opacity:0}62%{transform:translateY(0) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.menu-scene-pot.is-cooking{animation:menu-pot-cook-shake var(--pot-shake-ms, 132ms) linear infinite}.menu-scene-pot.is-cooking .menu-scene-pot-lid{animation:menu-lid-cook-chatter var(--lid-chatter-ms, 97ms) linear var(--lid-chatter-delay-ms, .52s) infinite}@keyframes menu-pot-cook-shake{0%{transform:translate(0)}25%{transform:translate(1.6px,.9px)}50%{transform:translate(-.8px,-1.1px)}75%{transform:translate(-1.5px,1px)}to{transform:translate(0)}}@keyframes menu-lid-cook-chatter{0%{transform:translate(0) rotate(0)}25%{transform:translate(-1.8px,-1.4px) rotate(-1.5deg)}50%{transform:translate(1.4px,.6px) rotate(1.1deg)}75%{transform:translate(1.9px,-.9px) rotate(1.6deg)}to{transform:translate(0) rotate(0)}}.menu.ui-cascade .recipe-panel-frame,.menu.ui-cascade .recipe-panel-card,.menu.ui-cascade .recipe-panel-name,.menu.ui-cascade .recipe-plate,.menu.ui-cascade .recipe-coming-soon>*,.menu.ui-card-in .recipe-panel-frame,.menu.ui-card-in .recipe-panel-card,.menu.ui-card-in .recipe-panel-name,.menu.ui-card-in .recipe-plate,.menu.ui-card-in .recipe-coming-soon>*{animation:menu-ui-fade .32s ease-out backwards}.menu.ui-cascade .recipe-level,.menu.ui-cascade .recipe-progress{animation:menu-ui-pop .3s cubic-bezier(.34,1.56,.64,1) .26s backwards}.menu.ui-cascade>.ui-btn.primary{animation:menu-ui-pill-in .3s cubic-bezier(.34,1.56,.64,1) .48s backwards}.menu.ui-dealt:not(.ui-cascade)>.ui-btn.primary{animation:none}@keyframes menu-ui-fade{0%{opacity:0}to{opacity:1}}@keyframes menu-ui-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes menu-ui-pill-in{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}.recipe-fx-origin{position:absolute;left:50%;bottom:calc(var(--play-bottom, 184px) + var(--play-h, 82px) / 2);width:0;height:0;pointer-events:none}.menu-shade{position:absolute;left:var(--vp-visible-x, 0px);top:calc(var(--vp-visible-y, 0px) + var(--vp-visible-height, 844px) - 301px);width:var(--vp-visible-width, 390px);height:301px;background:linear-gradient(to bottom,#0000,#000);pointer-events:none;opacity:1;transition:opacity var(--scene-zoom-ms, .76s) ease}.menu.scene-out .menu-shade{opacity:0}.menu.zoom-instant .menu-scene,.menu.zoom-instant .menu-shade{transition:none}.menu.bar-out .recipe-progress,.menu.bar-out .recipe-level,.menu.bar-out .recipe-level-tick{animation:menu-bar-out var(--bar-out-ms, .26s) ease both}@keyframes menu-bar-out{0%{opacity:1}to{opacity:0}}.menu-block{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);pointer-events:auto}.booster-info{position:absolute;left:39px;bottom:136px;box-sizing:border-box;width:312px;height:40px;pointer-events:none;animation:booster-in-up .62s cubic-bezier(.22,.85,.3,1)}.booster-info-pill,.booster-info-icon{position:absolute;inset:0}.booster-info-pill{border-radius:51px;background:var(--booster-info-pill);box-shadow:var(--booster-info-pill-glow, none)}.booster-info-icon{transform-origin:297.5px 20px}.booster-info{--booster-info-pill: rgba(33, 32, 59, .78)}.booster-info.is-full,.booster-info.is-notice{--booster-info-pill: rgba(47, 134, 60, .78);--booster-info-pill-glow: 0 0 3px 3px rgba(249, 255, 67, .44)}.booster-info-line{position:absolute;left:10px;top:0;width:240px;height:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:0;font:900 22px Grandstander,system-ui,sans-serif;line-height:1;white-space:pre;text-align:center;color:var(--color-panel-surface)}.booster-info.is-notice .booster-info-line{font-size:20px}.booster-info-glass-inline{width:26px;height:29px;object-fit:cover;margin:0 3px;flex:none}.booster-info-bloom{position:absolute;left:265px;top:-10px;width:57px;height:57px;border-radius:50%;background:radial-gradient(circle closest-side,#ffee37 55%,#f2c11b80 78%,#e4940000)}.booster-info-glass{position:absolute;left:275px;top:-4.5px;width:45px;height:49px;object-fit:cover}.booster-info.is-empty .booster-info-glass{filter:grayscale(1)}.booster-info-count{position:absolute;left:280.5px;top:22.7px;width:29px;font:900 27px Grandstander,system-ui,sans-serif;line-height:27px;text-align:center;color:var(--color-panel-num-fill);text-shadow:2px 0 0 var(--color-panel-num-edge),-2px 0 0 var(--color-panel-num-edge),0 2px 0 var(--color-panel-num-edge),0 -2px 0 var(--color-panel-num-edge),0 2px 4px rgba(0,0,0,.45)}.booster-info{--booster-info-pop-scale: 1.12}.booster-info.is-pop-a .booster-info-pill,.booster-info.is-pop-a .booster-info-icon{animation:booster-info-pop-a .26s ease-out}.booster-info.is-pop-b .booster-info-pill,.booster-info.is-pop-b .booster-info-icon{animation:booster-info-pop-b .26s ease-out}@keyframes booster-info-pop-a{0%{transform:scale(1)}40%{transform:scale(var(--booster-info-pop-scale))}to{transform:scale(1)}}@keyframes booster-info-pop-b{0%{transform:scale(1)}40%{transform:scale(var(--booster-info-pop-scale))}to{transform:scale(1)}}.booster-info.is-pressable{padding:0;border:0;margin:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.booster-info.is-pressable:disabled{cursor:default}.booster-info.is-pressable .booster-info-bloom{pointer-events:none}.booster-info.is-pressable .booster-info-line{left:18px;width:232px}.booster-info.is-pressable:not(:disabled):active{filter:brightness(1.08);transform:translateY(1px)}.booster-info-i{position:absolute;left:-9px;top:9px;box-sizing:border-box;width:22px;height:22px;border:1.5px solid var(--color-btn-blue-outer-edge);border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--color-btn-blue-outer-top) 0%,var(--color-btn-blue-outer-mid) 34%,var(--color-btn-blue-outer-bottom) 88%);box-shadow:0 0 0 2px var(--color-panel-surface),0 2px 3px #00000059;font:900 15px Grandstander,system-ui,sans-serif;line-height:1;color:var(--color-btn-text-light);text-shadow:1px 1px 0 var(--color-btn-blue-outer-bottom),-1px 1px 0 var(--color-btn-blue-outer-bottom),1px -1px 0 var(--color-btn-blue-outer-bottom),-1px -1px 0 var(--color-btn-blue-outer-bottom);pointer-events:none}.booster-info-i:before{content:"";position:absolute;inset:2px;border:.55px solid var(--color-btn-blue-inner-edge);border-radius:999px;background:linear-gradient(to bottom,var(--color-btn-blue-inner-top),var(--color-btn-blue-inner-bottom));z-index:-1}.booster-info-i{isolation:isolate}:root{--booster-gutter-right: 11px;--booster-gutter-bottom: 89px;--booster-box-width: 52px;--booster-box-height: 55px;--booster-face-size: 50px;--booster-face-top: 5px}.booster{position:absolute;right:calc(var(--safe-right-v, 0px) + var(--booster-gutter-right));bottom:calc(var(--safe-bottom-v, 0px) + var(--booster-gutter-bottom));width:var(--booster-box-width);height:var(--booster-box-height);--booster-gold-top: #fadf6b;--booster-gold-mid: #ecae36;--booster-gold-bottom: #e5a431;--booster-bowl-core: #e49400;--booster-bowl-inner: #ebab0e;--booster-bowl-outer: #f2c11b;--booster-bowl-rim: #ffee37;--booster-grey-face: #d0d0d0;--booster-grey-edge: #c7c7c7;pointer-events:none;isolation:isolate;animation:booster-in-right .62s cubic-bezier(.22,.85,.3,1)}@keyframes booster-in-right{0%{transform:translate(130px)}72%{transform:translate(-9px)}to{transform:translate(0)}}@keyframes booster-in-up{0%{transform:translateY(150px)}72%{transform:translateY(-11px)}to{transform:translateY(0)}}.booster-nudge{position:absolute;inset:0;--booster-nudge-cycle: 3s;transform-origin:25px 30px}.booster-nudge.is-nudging{animation:booster-nudge var(--booster-nudge-cycle) linear infinite}.booster-nudge.is-calling{animation:booster-call 1.5s ease-in-out infinite}@keyframes booster-call{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes booster-nudge{0%{transform:rotate(0)}4%{transform:rotate(-7deg)}8%{transform:rotate(6deg)}12%{transform:rotate(-4deg)}14.5%{transform:rotate(2deg)}16.667%{transform:rotate(0)}to{transform:rotate(0)}}.booster-face{position:absolute;left:0;top:var(--booster-face-top);box-sizing:border-box;width:var(--booster-face-size);height:var(--booster-face-size);padding:0;border:0;border-radius:999px;background:linear-gradient(to bottom,var(--booster-gold-top) 0%,var(--booster-gold-mid) 34.1%,var(--booster-gold-bottom) 88.5%);box-shadow:0 3.4px 3.4px #78380b73,0 5px 3px #00000040;pointer-events:auto;cursor:pointer}.booster-face:disabled{cursor:default}.booster-face:before{content:"";position:absolute;box-sizing:border-box;inset:3px;border-radius:999px;background:radial-gradient(circle closest-side at 50% 50%,var(--booster-bowl-core) 32.2%,var(--booster-bowl-inner) 49.2%,var(--booster-bowl-outer) 66.1%,var(--booster-bowl-rim) 100%);pointer-events:none}.booster.is-pressable .booster-face:active{filter:brightness(1.08);transform:translateY(1px)}@property --booster-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.booster-sweep{position:absolute;inset:3px;border-radius:inherit;background:conic-gradient(rgba(0,0,0,0) var(--booster-sweep),rgba(0,0,0,.5) 0);pointer-events:none;animation:booster-sweep var(--booster-sweep-ms, 60s) linear forwards}@keyframes booster-sweep{0%{--booster-sweep: 0deg}to{--booster-sweep: 360deg}}.booster-icon{position:absolute;left:-1px;top:-5px;width:53px;height:57px;object-fit:cover;pointer-events:none}.booster-count{position:absolute;left:37px;top:-5px;width:15px;height:30px;display:flex;align-items:center;justify-content:center;font:900 30px Grandstander,system-ui,sans-serif;line-height:1;color:var(--color-panel-num-fill);text-shadow:2px 0 0 var(--color-panel-num-edge),-2px 0 0 var(--color-panel-num-edge),0 2px 0 var(--color-panel-num-edge),0 -2px 0 var(--color-panel-num-edge),1.5px 1.5px 0 var(--color-panel-num-edge),-1.5px 1.5px 0 var(--color-panel-num-edge),1.5px -1.5px 0 var(--color-panel-num-edge),-1.5px -1.5px 0 var(--color-panel-num-edge);pointer-events:none}.booster-timer{position:absolute;left:3px;top:49px;box-sizing:border-box;width:44px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--color-panel-surface);box-shadow:0 2px 2px #00000040;font:900 14px Grandstander,system-ui,sans-serif;line-height:normal;padding-top:1.5px;color:var(--color-btn-orange-text-edge);pointer-events:none}.booster-timer.is-away{transform:translateY(-26px);z-index:-1}.booster-timer.is-in{animation:booster-timer-in .54s cubic-bezier(.22,.85,.3,1)}.booster-timer.is-out{animation:booster-timer-out .44s cubic-bezier(.22,.85,.3,1)}@keyframes booster-timer-in{0%{transform:translateY(-26px);z-index:-1}59.9%{z-index:-1}60%{transform:translateY(9px);z-index:0}to{transform:translateY(0);z-index:0}}@keyframes booster-timer-out{0%{transform:translateY(0);z-index:0}34.9%{z-index:0}35%{transform:translateY(9px);z-index:-1}to{transform:translateY(-26px);z-index:-1}}.booster.is-empty .booster-icon,.booster.is-sweeping .booster-icon{filter:grayscale(1)}.booster.is-empty .booster-face{background:none;box-shadow:0 3.4px 1.7px #78380b73}.booster.is-empty .booster-face:before{background:var(--booster-grey-face);border:3px solid var(--booster-grey-edge)}.recipe-meta{position:absolute;inset:0;pointer-events:none}.recipe-progress{position:absolute;left:62px;top:533.6px}.recipe-progress .progress-bar{width:268.4px;height:26.8px;padding:3.8px 4.8px}.recipe-progress-bar .progress-fill{background:linear-gradient(to bottom,var(--color-btn-orange-outer-top) 0%,var(--color-btn-orange-outer-mid) 34%,var(--color-btn-orange-outer-bottom) 88%);box-shadow:0 1px 1px #99370f73,inset 0 0 0 1px var(--color-btn-orange-outer-edge)}.recipe-progress-bar .progress-fill:after{background:linear-gradient(to bottom,var(--color-btn-orange-inner-top),var(--color-btn-orange-inner-bottom));box-shadow:inset 0 0 0 1px var(--color-btn-orange-inner-edge)}.recipe-coming-soon-note{position:absolute;left:20px;top:112px;width:366px;height:350px;object-fit:contain;transform:rotate(7deg);pointer-events:none}.recipe-coming-soon-clip{position:absolute;left:256px;top:106px;width:73px;height:88px;object-fit:contain;pointer-events:none}.recipe-coming-soon-title{position:absolute;left:9px;right:9px;top:214px;height:127px;margin:0;display:flex;align-items:center;justify-content:center;transform:rotate(-2.65deg);font:500 64px Dancing Script,cursive;line-height:.88;text-align:center;color:var(--color-btn-green-text-edge)}.recipe-coming-soon-body{position:absolute;left:9px;right:9px;top:364px;margin:0;transform:rotate(-2.65deg);font:900 22px Grandstander,system-ui,sans-serif;line-height:1.2;text-align:center;color:var(--color-panel-num-edge)}.recipe-coming-soon-prompt{position:absolute;left:9px;right:9px;top:456px;margin:0;font:900 20px Grandstander,system-ui,sans-serif;line-height:24px;text-align:center;--prompt-ink: #b07545;color:var(--prompt-ink)}.recipe-coming-soon-feedback{--feedback-scale: 1.25;position:absolute;left:50%;top:calc(522px - 25px * var(--feedback-scale));transform:translate(-50%);width:calc(160px * var(--feedback-scale));height:calc(50px * var(--feedback-scale))}.recipe-coming-soon-feedback .ui-btn{position:absolute;inset:0;width:100%;height:100%;font-size:calc(22px * var(--feedback-scale));padding:0 calc(14px * var(--feedback-scale))}.recipe-fx{position:absolute;inset:0;pointer-events:none;z-index:2}.recipe-fx-bit{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;object-fit:contain;animation:recipe-fx-fly .52s cubic-bezier(.4,0,.6,1) both}@keyframes recipe-fx-fly{0%{transform:translate(0) scale(.55);opacity:0}14%{transform:translate(calc(var(--fx-dx) * .1),calc(var(--fx-dy) * .1 - 16px)) scale(1.06);opacity:1}62%{transform:translate(calc(var(--fx-dx) * .62),calc(var(--fx-dy) * .62 - 22px)) scale(1);opacity:1}92%{opacity:1}to{transform:translate(var(--fx-dx),var(--fx-dy)) scale(.34);opacity:0}}@keyframes recipe-bar-pop-a{0%,to{transform:scale(1)}35%{transform:scale(1.09,1.16)}}@keyframes recipe-bar-pop-b{0%,to{transform:scale(1)}35%{transform:scale(1.09,1.16)}}.progress-bar.recipe-pop-a{animation:recipe-bar-pop-a .24s ease-out}.progress-bar.recipe-pop-b{animation:recipe-bar-pop-b .24s ease-out}.recipe-soon-frame{position:absolute;left:9px;top:123px;width:373px;height:497px;border-radius:54px;background:#e7a005;box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel)}.recipe-soon-card{position:absolute;left:13px;top:134px;width:365px;height:475px;border-radius:54px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel)}img.recipe-panel-card{position:absolute;left:-7.5px;top:373.7px;width:407.9px;height:272.6px;pointer-events:none}.recipe-panel-name{position:absolute;left:170px;width:199px;top:393px;height:114.3px;margin:0;display:flex;align-items:center;justify-content:center;transform:rotate(-2.65deg);font:500 38px Dancing Script,cursive;line-height:1.009;text-align:center;color:var(--color-btn-green-text-edge)}.recipe-panel-name.done{top:344px}.recipe-plate{position:absolute;left:1.6px;top:378px;width:187px;height:153.2px}.recipe-plate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.25))}.recipe-plate>img.recipe-plate-state{opacity:0;transition:opacity .32s ease-out}.recipe-plate>img.recipe-plate-state.is-shown{opacity:1}.recipe-plate>img.recipe-plate-tick{position:absolute;inset:auto -6px -2px auto;width:82px;height:75px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.recipe-dish-rays,.recipe-dish-sparkles{pointer-events:none}.recipe-dish-rays{position:absolute;left:50%;top:50%;width:400px;height:400px;margin:-200px 0 0 -200px;background:radial-gradient(closest-side,#ffd58078,#ffcb7229 46%,#ffcd7800 72%);animation:recipe-dish-rays-in .62s cubic-bezier(.2,.8,.3,1) .38s both}@keyframes recipe-dish-rays-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.recipe-dish-rays-spin{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,#ffcd6285 0deg 4deg,#ffcd6200 4.8deg 15deg,#ffe4a054 16.4deg 17.6deg,#ffe4a000 19deg,#ffe8ae00 30deg);-webkit-mask-image:radial-gradient(closest-side,rgba(0,0,0,.1),rgba(0,0,0,.75) 34%,rgba(0,0,0,.8) 56%,rgba(0,0,0,0) 88%);mask-image:radial-gradient(closest-side,#0000001a,#000000bf 34%,#000c 56%,#0000 88%);animation:recipe-dish-rays-spin 15s linear infinite}@keyframes recipe-dish-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recipe-dish-sparkles{position:absolute;inset:0}.recipe-dish-sparkle{position:absolute;object-fit:contain;filter:drop-shadow(0 0 3px rgba(255,186,74,.95)) drop-shadow(0 0 9px rgba(255,160,36,.55));animation:recipe-dish-sparkle-twinkle 2.6s ease-in-out infinite both}@keyframes recipe-dish-sparkle-twinkle{0%{opacity:0;transform:scale(.3) rotate(-16deg)}14%{opacity:1;transform:scale(1) rotate(0)}30%{opacity:.92;transform:scale(.95) rotate(6deg)}52%{opacity:0;transform:scale(.3) rotate(15deg)}to{opacity:0;transform:scale(.3) rotate(-16deg)}}.recipe-level{position:absolute;left:62px;top:536.7px;width:268.4px;height:26.8px;margin:0;display:flex;align-items:center;justify-content:center;font:900 21px Grandstander,system-ui,sans-serif;line-height:1;color:var(--color-panel-num-edge);text-shadow:2px 0 0 var(--color-panel-surface),-2px 0 0 var(--color-panel-surface),0 2px 0 var(--color-panel-surface),0 -2px 0 var(--color-panel-surface),1.5px 1.5px 0 var(--color-panel-surface),-1.5px 1.5px 0 var(--color-panel-surface),1.5px -1.5px 0 var(--color-panel-surface),-1.5px -1.5px 0 var(--color-panel-surface);font-variant-numeric:tabular-nums;pointer-events:none}.recipe-level-tick{position:absolute;left:304px;top:523.5px;width:52px;height:47px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4));animation:menu-check-pop var(--check-pop-ms, .48s) cubic-bezier(.3,1.5,.4,1) var(--check-wait-ms, .26s) backwards}@keyframes menu-check-pop{0%{opacity:0;transform:scale(.2)}22%{opacity:1}55%{transform:scale(1.18)}78%{transform:scale(.94)}to{opacity:1;transform:scale(1)}}.recipe-panel-fx{position:absolute;left:97.4px;top:468px;width:0;height:0}.recipe-panel-star{position:absolute;object-fit:contain;animation:recipe-panel-star-fly .76s cubic-bezier(.2,.6,.35,1) both}@keyframes recipe-panel-star-fly{0%{transform:translate(0) scale(.25) rotate(0);opacity:0}16%{transform:translate(calc(var(--ux) * .16),calc(var(--uy) * .16)) scale(1.15) rotate(calc(var(--ur) * .2));opacity:1}70%{opacity:1}to{transform:translate(var(--ux),var(--uy)) scale(.55) rotate(var(--ur));opacity:0}}.recipe-plate.is-unlocking{animation:recipe-plate-thump .56s cubic-bezier(.25,1.1,.35,1) both}@keyframes recipe-plate-thump{0%{transform:scale(1)}24%{transform:scale(1.17)}58%{transform:scale(.975)}to{transform:scale(1)}}.recipe-plate-tick.is-stamping{animation:recipe-plate-tick-stamp .46s cubic-bezier(.25,1.15,.4,1) .14s both}@keyframes recipe-plate-tick-stamp{0%{transform:scale(2.5) rotate(-20deg);opacity:0}40%{opacity:1}72%{transform:scale(.9) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.map-hud{position:absolute;inset:0}.map-hud>.ui-btn{position:absolute;top:calc(var(--safe-top-v, 0px) + 54px);font-size:13px}.gameplay-hud{position:absolute;inset:0}.hud-scrim{position:absolute;left:var(--vp-visible-x, 0px);width:var(--vp-visible-width, 390px);pointer-events:none}.hud-scrim-bottom{top:calc(844px - var(--safe-bottom-v, 0px) - 88px);height:calc(var(--vp-visible-y, 0px) + var(--vp-visible-height, 844px) - 844px + var(--safe-bottom-v, 0px) + 88px);background:linear-gradient(to bottom,#0000,#00000070)}.hud-back{position:absolute;top:calc(var(--safe-top-v, 0px) + 11px);left:15px;padding:6px;border-radius:999px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel);pointer-events:auto}.hud-back-btn{position:relative;box-sizing:border-box;width:30px;height:30px;padding:0;border:.75px solid var(--color-btn-red-outer-edge);border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--color-btn-red-outer-top) 0%,var(--color-btn-red-outer-mid) 34%,var(--color-btn-red-outer-bottom) 88%);box-shadow:0 1.5px 1.5px #751b0c73;cursor:pointer}.hud-back-btn img{position:relative;width:19px;height:19px;object-fit:contain}.hud-back-btn:before{content:"";position:absolute;inset:2.57px;border:.55px solid var(--color-btn-red-inner-edge);border-radius:999px;background:linear-gradient(to bottom,var(--color-btn-red-inner-top),var(--color-btn-red-inner-bottom));pointer-events:none}.hud-back-btn:active{filter:brightness(1.08);transform:translateY(1px)}.hud-settings-btn{position:absolute;top:calc(var(--safe-top-v, 0px) + 11px);right:13px;box-sizing:border-box;width:40px;height:42px;padding:6px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel);pointer-events:auto;cursor:pointer}.hud-settings-btn img{width:18px;height:16px}.hud-settings-btn:active{filter:brightness(1.08);transform:translateY(1px)}.goal-list{position:absolute;left:63px;right:59px;top:calc(var(--safe-top-v, 0px) + 11px);display:flex;gap:9px;padding:11px;border-radius:34px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel);pointer-events:none}.goal-cell{position:relative;flex:1 0 0;min-width:0;height:70px;border-radius:22px;background:var(--color-panel-slot-fill);display:flex;align-items:center;justify-content:center}.goal-cell:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 3px 11px var(--color-panel-slot-fill),inset 0 -3px 11px var(--color-panel-slot-fill);mix-blend-mode:multiply;pointer-events:none}.goal-item{display:flex;flex-direction:column;align-items:center}.goal-item.goal-pop-0{animation:goal-pop-a .64s cubic-bezier(.25,1.12,.35,1) 1}.goal-item.goal-pop-1{animation:goal-pop-b .64s cubic-bezier(.25,1.12,.35,1) 1}@keyframes goal-pop-a{0%{transform:scale(1)}28%{transform:scale(1.26)}to{transform:scale(1)}}@keyframes goal-pop-b{0%{transform:scale(1)}28%{transform:scale(1.26)}to{transform:scale(1)}}.goal-icon-slot{position:relative;width:44px;height:44px;margin-bottom:-11px}.goal-icon-slot img{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);object-fit:contain}.goal-count{position:relative;font:900 27px Grandstander,system-ui,sans-serif;line-height:1;margin-bottom:-.239em;color:var(--color-panel-num-fill);text-shadow:2px 2px 0 var(--color-panel-num-edge),-2px 2px 0 var(--color-panel-num-edge),2px -2px 0 var(--color-panel-num-edge),-2px -2px 0 var(--color-panel-num-edge),0 2px 0 var(--color-panel-num-edge),0 -2px 0 var(--color-panel-num-edge),2px 0 0 var(--color-panel-num-edge),-2px 0 0 var(--color-panel-num-edge)}.goal-title{position:absolute;left:-20px;right:-20px;top:100%;transform:translateY(-50%);margin:0;font:900 18px Grandstander,system-ui,sans-serif;line-height:27px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-panel-num-fill);text-shadow:1px 0 0 var(--color-panel-num-edge),-1px 0 0 var(--color-panel-num-edge),0 1px 0 var(--color-panel-num-edge),0 -1px 0 var(--color-panel-num-edge),0 2px 3px rgba(0,0,0,.35)}@keyframes goal-check-in{0%{transform:scale(.2) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.goal-check{animation:goal-check-in .46s cubic-bezier(.25,1.2,.35,1) 1;position:relative;width:36px;height:33px;--tick-lift: calc(.76 * 27px + 2px - .978 * 33px);margin-top:var(--tick-lift);margin-bottom:calc(27px - .239 * 27px - 33px - var(--tick-lift))}.goal-enter{display:flex}.goal-list.goals-in .goal-enter{animation:goal-item-in var(--goal-in-ms, .57s) ease-out backwards;animation-delay:calc(var(--goal-i, 0) * var(--goal-in-step, 85ms) + var(--goal-in-lead, 0ms))}@keyframes goal-item-in{0%{opacity:0;transform:translateY(-10px) scale(.5)}45%{opacity:1}62%{opacity:1;transform:translateY(0) scale(1.09)}to{opacity:1;transform:translateY(0) scale(1)}}.tray-wrap{position:absolute;left:0;right:0;z-index:0;bottom:calc(var(--safe-bottom-v, 0px) + 11px);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;--color-tray-warning: #c25400;--color-tray-warning-highlight: #e46300}.tray-wrap.tut-focus{z-index:1}.tray-warning{position:absolute;left:50%;bottom:53px;z-index:0;width:209px;box-sizing:border-box;text-align:center;transform:translate(-50%);font:600 18px Grandstander,system-ui,sans-serif;color:var(--color-panel-num-fill);background:var(--color-tray-warning);border-radius:14px 14px 0 0;padding:7px 16px 11px;box-shadow:0 2px 2px #00000040,inset 0 2px 2px var(--color-tray-warning-highlight);animation:tray-warning-in .42s cubic-bezier(.25,1.15,.35,1)}@keyframes tray-warning-in{0%{transform:translate(-50%,34px)}62%{transform:translate(-50%,-5px)}to{transform:translate(-50%)}}.tray{position:relative;z-index:1;display:flex;gap:6px;padding:6px;border-radius:17px;background:var(--color-panel-surface);box-shadow:0 2px 1px #00000040,inset 0 2px 2px #ffffffed,inset 0 -2px 2px var(--color-panel-bevel)}.tray.shake-0{animation:tray-shake-a var(--shake-ms, .3s) cubic-bezier(.36,.07,.19,.97) 1}.tray.shake-1{animation:tray-shake-b var(--shake-ms, .3s) cubic-bezier(.36,.07,.19,.97) 1}@keyframes tray-shake-a{0%,to{transform:translate(0)}16%{transform:translate(-6px)}34%{transform:translate(5px)}52%{transform:translate(-4px)}70%{transform:translate(3px)}86%{transform:translate(-1.5px)}}@keyframes tray-shake-b{0%,to{transform:translate(0)}16%{transform:translate(-6px)}34%{transform:translate(5px)}52%{transform:translate(-4px)}70%{transform:translate(3px)}86%{transform:translate(-1.5px)}}.tray-slot{position:relative;width:47px;height:47px;border-radius:17px;background:var(--color-tray-slot-fill);--color-tray-slot-fill: #e5cd9f}.tray-slot:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1.5px 5.5px var(--color-panel-slot-fill),inset 0 -1.5px 5.5px var(--color-panel-slot-fill);mix-blend-mode:multiply;pointer-events:none}.tray-slot.pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:tray-slot-pulse 1.8s ease-in-out infinite;pointer-events:none}@keyframes tray-slot-pulse{0%,to{box-shadow:inset 0 0 7px var(--color-tray-warning, #c25400)}50%{box-shadow:inset 0 0 33px var(--color-tray-warning, #c25400)}}.tray-slot .tray-item{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);object-fit:contain}.tray-slot .tray-item.incoming{opacity:0}.tray-slot .tray-item.landed{animation:tray-land .32s cubic-bezier(.25,1.15,.35,1) 1}@keyframes tray-land{0%{transform:translate(-50%,-50%) scale(1.24,.82)}55%{transform:translate(-50%,-50%) scale(.96,1.04)}to{transform:translate(-50%,-50%) scale(1)}}.tray-flash-layer{position:absolute;inset:0;display:flex;gap:inherit;padding:inherit;box-sizing:border-box;pointer-events:none}.tray-flash{flex:1 1 0;align-self:stretch;border-radius:17px;opacity:0;background:var(--color-tray-flash);--color-tray-flash: #fffdf0;box-shadow:0 0 7px 1px var(--color-tray-flash)}.tray-flash.lit-0{animation:tray-flash-a .2s cubic-bezier(.2,.7,.35,1) 1}.tray-flash.lit-1{animation:tray-flash-b .2s cubic-bezier(.2,.7,.35,1) 1}@keyframes tray-flash-a{0%{opacity:.92}to{opacity:0}}@keyframes tray-flash-b{0%{opacity:.92}to{opacity:0}}.tray-holder{position:absolute;inset:0;z-index:1}.tray-holder.hop-0,.tray-holder.hop-1{--tray-hop: 15px;--tray-hop-ms: .14s}.tray-holder.hop-0{animation:tray-hop-cross-a calc(var(--hop-slots, 1) * var(--tray-hop-ms)) linear 1}.tray-holder.hop-1{animation:tray-hop-cross-b calc(var(--hop-slots, 1) * var(--tray-hop-ms)) linear 1}.tray-holder.hop-0>.tray-hopper{animation:tray-hop-bounce-a var(--tray-hop-ms) linear var(--hop-slots, 1)}.tray-holder.hop-1>.tray-hopper{animation:tray-hop-bounce-b var(--tray-hop-ms) linear var(--hop-slots, 1)}.tray-hopper{position:absolute;inset:0}@keyframes tray-hop-cross-a{0%{transform:translate(var(--hop-from, 0px))}to{transform:translate(0)}}@keyframes tray-hop-cross-b{0%{transform:translate(var(--hop-from, 0px))}to{transform:translate(0)}}@keyframes tray-hop-bounce-a{0%{transform:translateY(0)}12.5%{transform:translateY(calc(var(--tray-hop) * -.4375))}25%{transform:translateY(calc(var(--tray-hop) * -.75))}37.5%{transform:translateY(calc(var(--tray-hop) * -.9375))}50%{transform:translateY(calc(var(--tray-hop) * -1))}62.5%{transform:translateY(calc(var(--tray-hop) * -.9375))}75%{transform:translateY(calc(var(--tray-hop) * -.75))}87.5%{transform:translateY(calc(var(--tray-hop) * -.4375))}to{transform:translateY(0)}}@keyframes tray-hop-bounce-b{0%{transform:translateY(0)}12.5%{transform:translateY(calc(var(--tray-hop) * -.4375))}25%{transform:translateY(calc(var(--tray-hop) * -.75))}37.5%{transform:translateY(calc(var(--tray-hop) * -.9375))}50%{transform:translateY(calc(var(--tray-hop) * -1))}62.5%{transform:translateY(calc(var(--tray-hop) * -.9375))}75%{transform:translateY(calc(var(--tray-hop) * -.75))}87.5%{transform:translateY(calc(var(--tray-hop) * -.4375))}to{transform:translateY(0)}}.tap-ring{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.tap-ring-edge,.tap-ring-glow{position:absolute;display:block;width:var(--tap-size, 58px);height:var(--tap-size, 58px);margin:calc(var(--tap-size, 58px) / -2) 0 0 calc(var(--tap-size, 58px) / -2);border-radius:50%;animation-duration:var(--tap-ms, .42s);animation-timing-function:cubic-bezier(.14,.78,.28,1);animation-iteration-count:1;animation-fill-mode:both}.tap-ring-edge{border:3px solid rgba(255,250,236,.96);box-sizing:border-box;box-shadow:0 0 0 2px #4628126b,inset 0 0 0 1.5px #46281238;animation-name:tap-ring-out}.tap-ring-glow{background:radial-gradient(circle,#fff2ceb8,#ffd68a57 50%,#ffce8000 74%);animation-name:tap-ring-bloom}.tap-ring.soft .tap-ring-edge{border-width:2px;border-color:#fffaec9e;box-shadow:0 0 0 1.5px #46281242}.tap-ring.soft .tap-ring-glow{opacity:.5}@keyframes tap-ring-out{0%{transform:scale(.2);opacity:1}45%{opacity:.92}to{transform:scale(1);opacity:0}}@keyframes tap-ring-bloom{0%{transform:scale(.28);opacity:1}55%{opacity:.6}to{transform:scale(.95);opacity:0}}.merge-burst{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.merge-burst-puff{position:absolute;left:-34px;top:-34px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#fffcf0eb,#ffe8ba8c 42%,#f0d6b200 72%);animation-name:merge-puff;animation-timing-function:cubic-bezier(.18,.9,.3,1);animation-fill-mode:both}@keyframes merge-puff{0%{transform:scale(.62);opacity:1}35%{transform:scale(1.06);opacity:.95}to{transform:scale(1.5);opacity:0}}.merge-burst-dot{position:absolute;left:0;top:0;animation-name:merge-burst-out;animation-timing-function:cubic-bezier(.12,.85,.25,1);animation-delay:var(--bd, 0ms);animation-fill-mode:both}.merge-burst-dot.star{background-repeat:no-repeat;background-position:center;background-size:contain}.merge-burst-dot.mote{border-radius:50%;background:radial-gradient(circle,#ffeecdd9,#eccea500)}@keyframes merge-burst-out{0%{transform:translate(0) scale(.35) rotate(var(--r0, 0deg));opacity:0}18%{opacity:1}to{transform:translate(var(--bx, 0px),var(--by, 0px)) scale(1) rotate(var(--r1, 0deg));opacity:0}}.hint-fx{position:absolute;left:0;top:0;pointer-events:none}.hint-fx-spark{position:absolute;left:0;top:0;filter:drop-shadow(0 1px 2px rgba(60,26,4,.38));animation:hint-fx-spin var(--spark-turn-ms, 9s) linear infinite}.hint-fx-spark>img{display:block;width:100%;height:auto;animation-name:hint-fx-spark;animation-timing-function:ease-in-out;animation-fill-mode:backwards;animation-iteration-count:infinite}@keyframes hint-fx-spin{0%{transform:rotate(var(--spark-r0, 0deg))}to{transform:rotate(calc(var(--spark-r0, 0deg) + var(--spark-spin, 1) * 360deg))}}@keyframes hint-fx-spark{0%{opacity:0;transform:scale(.45)}20.833%{opacity:1;transform:scale(1)}24.167%{opacity:1;transform:scale(1)}45%,to{opacity:0;transform:scale(.45)}}.flight-layer{position:absolute;inset:0;pointer-events:none}.flight-layer.tut-focus{z-index:1}.zoom-slider{position:absolute;--zoom-slider-screen-gutter: 30px;right:calc(100% - var(--vp-visible-x, 0px) - var(--vp-visible-width, 390px) + (var(--zoom-slider-screen-gutter) + var(--safe-right, 0px)) / var(--vp-scale, 1));top:var(--safe-top-v, 0px);--zoom-slider-in-x: 30px;bottom:var(--safe-bottom-v, 0px);margin-block:auto;width:24px;height:96px;pointer-events:none;--zoom-slider-track: rgba(20, 12, 4, .3);--zoom-slider-track-rim: rgba(255, 248, 230, .5);animation:zoom-slider-in .62s cubic-bezier(.22,.85,.3,1)}.zoom-slider.is-left{left:calc(var(--vp-visible-x, 0px) + (var(--zoom-slider-screen-gutter) + var(--safe-left, 0px)) / var(--vp-scale, 1));right:auto;--zoom-slider-in-x: -30px}@keyframes zoom-slider-in{0%{opacity:0;transform:translate(var(--zoom-slider-in-x))}to{opacity:1;transform:translate(0)}}.zoom-slider-input{position:absolute;top:50%;left:50%;width:96px;height:24px;margin:0;padding:0;transform:translate(-50%,-50%) rotate(-90deg);appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;--zoom-slider-thumb: 16px;opacity:.86;transition:opacity .12s ease-out}.zoom-slider.tut-focus{z-index:1}.zoom-slider-input.is-off{display:none}.zoom-slider-input:active{opacity:1}.zoom-slider-input:disabled{opacity:.38;cursor:default}.zoom-slider-input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--zoom-slider-track);box-shadow:0 0 0 1px var(--zoom-slider-track-rim),inset 0 1px 1.5px #00000073}.zoom-slider-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;box-sizing:border-box;width:var(--zoom-slider-thumb);height:var(--zoom-slider-thumb);margin-top:-5px;border:1.5px solid var(--color-panel-num-edge);border-radius:999px;background:linear-gradient(to bottom,var(--color-panel-num-fill),var(--color-panel-surface));box-shadow:0 1.5px 2px #0000006b}.zoom-slider-input::-moz-range-track{height:6px;border-radius:999px;background:var(--zoom-slider-track);box-shadow:0 0 0 1px var(--zoom-slider-track-rim),inset 0 1px 1.5px #00000073}.zoom-slider-input::-moz-range-thumb{pointer-events:auto;box-sizing:border-box;width:var(--zoom-slider-thumb);height:var(--zoom-slider-thumb);border:1.5px solid var(--color-panel-num-edge);border-radius:999px;background:linear-gradient(to bottom,var(--color-panel-num-fill),var(--color-panel-surface));box-shadow:0 1.5px 2px #0000006b}.compliment{position:absolute;left:0;right:0;top:calc(var(--safe-top-v, 0px) + 103px + (422px - 103px) / 2);transform:translateY(-50%);pointer-events:none}.compliment-line{position:relative;margin:0;text-align:center;font:700 55px Dancing Script,cursive;letter-spacing:2.2px;line-height:1.1;white-space:nowrap;filter:drop-shadow(0 6px 0 var(--compliment-edge));animation:compliment-in var(--compliment-ms, 1s) both}.compliment-ink{position:absolute;left:0;right:0;top:0;-webkit-text-stroke:10px var(--compliment-ink);color:transparent}.compliment-fill{position:relative;color:var(--color-btn-text-light)}.compliment-line.purple{--compliment-ink: #a55281;--compliment-edge: #610e3d}.compliment-line.orange{--compliment-ink: #d06f01;--compliment-edge: #702f14}.compliment-line.green{--compliment-ink: #acaf00;--compliment-edge: #4d4e04}@keyframes compliment-in{0%{opacity:0;transform:scale(.6);animation-timing-function:cubic-bezier(.16,.9,.3,1)}18%{opacity:1;transform:scale(1.08);animation-timing-function:cubic-bezier(.45,0,.55,1)}30%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1) translateY(0);animation-timing-function:ease-in}to{opacity:0;transform:scale(1.02) translateY(-26px)}}:root{--color-popup-scrim: rgba(3, 6, 13, .95)}.tut-layer{position:absolute;inset:0;pointer-events:none}.tut-spotlight{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#000a}.tut-anchor{position:absolute;width:0;height:0}.tut-anchor.item{left:0;top:0;opacity:0}.tut-anchor.item.is-placed{opacity:1;transition:opacity .16s linear}.tut-anchor.goal-panel{left:50%}.tut-anchor.centre{left:50%;top:50%}.tut-anchor.hint-booster{right:calc(var(--safe-right-v, 0px) + var(--booster-gutter-right) + var(--booster-box-width) - var(--booster-face-size) / 2);bottom:calc(var(--safe-bottom-v, 0px) + var(--booster-gutter-bottom) + var(--booster-box-height) - var(--booster-face-top) - var(--booster-face-size) / 2);z-index:2}.tut-anchor.hint-booster .tut-ring,.booster-call .tut-ring{--tut-ring: 72px}.tut-anchor.hint-booster .tut-pointer.hand .tut-pointer-bob{transform-origin:var(--tut-hand-tip-x) 0;transform:translate(calc(-1 * var(--tut-hand-tip-x) - var(--tut-hand-gap))) rotate(90deg)}.booster-call .tut-pointer.hand .tut-pointer-bob{transform-origin:var(--tut-hand-tip-x) 0;transform:translate(calc(-1 * var(--tut-hand-tip-x))) rotate(110deg) translateY(var(--tut-hand-gap)) scaleX(-1)}.booster-call-label{position:absolute;right:128px;bottom:62px;padding:5px 11px;border-radius:999px;white-space:nowrap;font-size:14px;font-weight:700;--tutorial-ink: #2c3b63;color:var(--tutorial-ink);background:var(--color-panel-surface);box-shadow:0 3px 4px #00000040,inset 0 0 0 2px var(--color-panel-slot-edge)}.tut-layer.is-acting .tut-spotlight,.tut-layer.is-acting .tut-card,.tut-layer.is-acting .tut-anchor{opacity:0;transition:opacity .2s linear}.tut-pointer{position:absolute;left:0;top:0}.tut-pointer-bob{position:absolute;left:0;top:0;display:block}.tut-hand{display:block;width:72px;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.tut-pointer.pinch .tut-hand{width:86px}.tut-glyph{display:block;width:46px;height:42px;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.tut-glyph-ink{fill:var(--color-panel-num-edge);stroke:var(--color-panel-num-edge);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}.tut-glyph-fill{fill:var(--color-panel-slot-edge);stroke:none}.tut-pointer.hand{--tut-hand-tip-x: 5.7px;--tut-hand-gap: 8px}.tut-pointer.hand .tut-pointer-bob{transform:translate(calc(-1 * var(--tut-hand-tip-x)),var(--tut-hand-gap))}.tut-pointer.pinch .tut-pointer-bob,.tut-pointer.drag .tut-pointer-bob{transform:translate(-50%,-50%)}.tut-pointer.arrow .tut-pointer-bob{transform:translate(-23px,3px)}.tut-hint{position:absolute;left:0;top:0;width:46px;height:46px;overflow:visible;fill:none;stroke:var(--color-panel-num-fill);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.tut-hint.left{margin-left:-84px;margin-top:6px;animation:tut-hint-left 1.6s ease-in-out infinite}.tut-hint.right{margin-left:38px;margin-top:-52px;animation:tut-hint-right 1.6s ease-in-out infinite}@keyframes tut-hint-left{0%,to{transform:translate(0);opacity:1}50%{transform:translate(-11px,11px);opacity:.4}}@keyframes tut-hint-right{0%,to{transform:translate(0);opacity:1}50%{transform:translate(11px,-11px);opacity:.4}}.tut-hint.drag.left{margin-left:-84px;margin-top:-23px;animation:tut-hint-drag-left 1.6s ease-in-out infinite}.tut-hint.drag.right{margin-left:38px;margin-top:-23px;animation:tut-hint-drag-right 1.6s ease-in-out infinite}@keyframes tut-hint-drag-left{0%,to{transform:translate(0);opacity:1}50%{transform:translate(-13px);opacity:.4}}@keyframes tut-hint-drag-right{0%,to{transform:translate(0);opacity:1}50%{transform:translate(13px);opacity:.4}}.tut-hand,.tut-glyph{animation:tut-bob 1.6s ease-in-out infinite}@keyframes tut-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.tut-pinch-frame-b{position:absolute;left:0;top:0}.tut-pointer.pinch .tut-pinch-frame-a{animation:tut-bob 1.6s ease-in-out infinite,tut-pinch-frame-a 1.6s ease-in-out infinite}.tut-pointer.pinch .tut-pinch-frame-b{animation:tut-bob 1.6s ease-in-out infinite,tut-pinch-frame-b 1.6s ease-in-out infinite}@keyframes tut-pinch-frame-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes tut-pinch-frame-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.tut-pointer.drag .tut-hand{animation:tut-drag-slide 1.6s ease-in-out infinite}@keyframes tut-drag-slide{0%,to{transform:translate(-9px)}50%{transform:translate(9px)}}.tut-ring{position:absolute;left:0;top:0;width:var(--tut-ring, 96px);height:var(--tut-ring, 96px);margin-left:calc(var(--tut-ring, 96px) / -2);margin-top:calc(var(--tut-ring, 96px) / -2);border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-panel-num-fill),0 0 14px 4px #fffff180;animation:tut-ring-pulse 1.6s ease-in-out infinite}.tut-pointer.pinch .tut-ring,.tut-pointer.drag .tut-ring{--tut-ring: 150px}@keyframes tut-ring-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(.87);opacity:.6}}.goal-list.tut-focus{z-index:1;box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel),0 0 0 3px var(--color-panel-num-fill),0 0 16px 5px #fffff180;animation:tut-focus-pulse 1.6s ease-in-out infinite}@keyframes tut-focus-pulse{0%,to{opacity:1}50%{opacity:.82}}.booster.tut-focus{z-index:1}.booster.tut-focus:after,.booster.is-calling:after{content:"";position:absolute;left:0;top:var(--booster-face-top);width:var(--booster-face-size);height:var(--booster-face-size);border-radius:999px;box-shadow:0 0 0 3px var(--color-panel-num-fill),0 0 16px 5px #fffff180;pointer-events:none;animation:tut-focus-pulse 1.6s ease-in-out infinite}.booster-call{position:absolute;left:calc(var(--booster-face-size) / 2);top:calc(var(--booster-face-top) + var(--booster-face-size) / 2);width:0;height:0}.tut-card{position:absolute;left:20px;right:20px;padding:13px 18px;border-radius:24px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 0 0 3px var(--color-panel-slot-edge),inset 0 5px 4px #ffffffed,inset 0 -5px 4px var(--color-panel-bevel);--tutorial-ink: #2c3b63}.tut-card--item{top:calc(var(--safe-top-v, 0px) + 210px)}.tut-card--goal-panel{top:calc(var(--safe-top-v, 0px) + 165px)}.tut-card--centre{top:calc(50% + 95px)}.tut-card--hint-booster{bottom:calc(var(--safe-bottom-v, 0px) + 170px)}.tut-card--collection-screen{bottom:calc(var(--safe-bottom-v, 0px) + 48px);animation:tut-card-in .32s cubic-bezier(.25,1.2,.35,1) .12s backwards}@keyframes tut-card-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tut-card p{margin:0;font:900 22px Grandstander,system-ui,sans-serif;line-height:1.25;text-align:center;color:var(--tutorial-ink);white-space:pre-line}.tut-card em{font-style:normal;color:var(--color-btn-orange-text-edge)}.tut-card.tut-nudge-a{animation:tut-card-nudge-a .26s ease-out}.tut-card.tut-nudge-b{animation:tut-card-nudge-b .26s ease-out}@keyframes tut-card-nudge-a{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes tut-card-nudge-b{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.dialog .scrim,.settings .scrim,.consent .scrim{animation:popup-scrim-in .2s ease-out 1}@keyframes popup-scrim-in{0%{opacity:0}to{opacity:1}}.dialog .panel,.settings .panel,.consent .panel{animation:popup-panel-in .26s cubic-bezier(.25,1.24,.35,1) 70ms 1 backwards}@keyframes popup-panel-in{0%{transform:translateY(-50%) scale(.84)}to{transform:translateY(-50%) scale(1)}}.dialog{position:absolute;inset:0;pointer-events:none}.dialog .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:var(--color-popup-scrim);pointer-events:auto}.dialog .panel{position:absolute;z-index:2;left:12.5px;width:365px;top:50%;transform:translateY(-50%);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:16px;padding:25px 28px;border-radius:54px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel);pointer-events:auto}.dialog .dialog-text{position:relative;align-self:stretch;padding:20px 24px;border-radius:34px;background:var(--color-panel-slot-fill);text-align:center}.dialog .dialog-text:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 3px 11px var(--color-panel-slot-fill),inset 0 -3px 11px var(--color-panel-slot-fill);mix-blend-mode:multiply;pointer-events:none}.dialog h2{margin:0;font:900 25px Grandstander,system-ui,sans-serif;line-height:1.1;color:var(--color-panel-num-edge)}.dialog p{margin:6px 0 0;font:900 17px Grandstander,system-ui,sans-serif;line-height:1.2;color:var(--color-panel-num-edge);white-space:pre-line}.dialog .dialog-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.dialog .dialog-buttons .ui-btn{width:250px;min-height:60px;font-size:19px;padding:0 10px}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}.win-overlay{position:absolute;inset:0;pointer-events:none;animation:popup-fade-in .25s ease-out both}.win-overlay .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#03060de6;pointer-events:auto}.win-illustration{position:absolute;z-index:2;left:66px;top:276px;width:262px;height:249px;pointer-events:none}@keyframes win-illustration-in{0%{opacity:0;transform:scale(.45);animation-timing-function:cubic-bezier(.16,.9,.3,1)}55%{opacity:1;transform:scale(1.16);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:scale(1)}}.win-illustration img{display:block;width:100%;height:100%;object-fit:contain;animation:win-illustration-in .65s both}@keyframes win-title-in{0%{opacity:0;transform:translateY(-50%) scale(.8);animation-timing-function:cubic-bezier(.16,.9,.3,1)}55%{opacity:1;transform:translateY(-50%) scale(1.09);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translateY(-50%) scale(1)}}.win-title{position:absolute;z-index:2;left:36px;top:208px;width:317px;transform:translateY(-50%);margin:0;display:flex;align-items:center;justify-content:center;font:900 56px Grandstander,system-ui,sans-serif;line-height:1.1;text-align:center;color:var(--color-btn-text-light);text-shadow:1px 1px 0 var(--color-btn-green-text-edge),-1px 1px 0 var(--color-btn-green-text-edge),1px -1px 0 var(--color-btn-green-text-edge),-1px -1px 0 var(--color-btn-green-text-edge);animation:win-title-in .65s both}.win-continue{position:absolute;z-index:2;left:37px;top:554px;width:306px;height:60px;pointer-events:none;animation:win-button-in .27s 358ms both}@keyframes win-button-in{0%{opacity:0;transform:scale(.8);pointer-events:none;animation-timing-function:cubic-bezier(.16,.9,.3,1)}60%{opacity:1;transform:scale(1.1);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:scale(1);pointer-events:auto}}.win-continue .ui-btn{width:100%;height:100%;min-height:60px;font-size:34px;padding:0 16px}.recipe-payoff,.recipe-cook-ui{position:absolute;inset:0;pointer-events:none}.recipe-cook-fade{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#03060d9e;pointer-events:none;animation:recipe-cook-fade-in var(--dish-fade-ms, .26s) ease both}@keyframes recipe-cook-fade-in{0%{opacity:0}to{opacity:1}}.recipe-cook-tap{position:absolute;inset:0;margin:0;padding:0;border:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:pointer}.recipe-cook-prompt{position:absolute;left:0;right:0;top:588px;margin:0;text-align:center;font-family:Grandstander,system-ui,sans-serif;font-weight:900;font-size:38px;color:#fff;text-shadow:0 3px 0 rgba(28,14,6,.85),0 0 18px rgba(0,0,0,.55);pointer-events:none}.recipe-cook-ui.beat-tap-to-cook .recipe-cook-prompt{animation:recipe-cook-prompt-pulse 1.4s ease-in-out infinite}@keyframes recipe-cook-prompt-pulse{0%{transform:scale(1);opacity:.86}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:.86}}.recipe-cook-scene{position:absolute;inset:0;pointer-events:none;transform:translateY(var(--cook-pan, 0px));transition:transform var(--scene-zoom-ms, .76s) cubic-bezier(.32,.72,.2,1)}.recipe-cook-rays{position:absolute;left:var(--pot-x, 195px);top:calc(var(--pot-y, 470px) - var(--cook-lift, 105px));width:0;height:0;pointer-events:none}.recipe-cook-dish{position:absolute;left:calc(var(--pot-x, 195px) - var(--dish-w, 210px) / 2);top:calc(var(--pot-y, 470px) - var(--cook-lift, 120px));width:var(--dish-w, 210px);height:auto;transform:translateY(-50%);pointer-events:none;animation:recipe-cook-dish-in var(--dish-pop-ms, .56s) cubic-bezier(.2,.86,.3,1) both}@keyframes recipe-cook-dish-in{0%{transform:translateY(-50%) scale(.46)}52%{transform:translateY(-50%) scale(1.12)}76%{transform:translateY(-50%) scale(.97)}to{transform:translateY(-50%) scale(1)}}.recipe-cook-dish-star{position:absolute;left:var(--pot-x, 195px);top:calc(var(--pot-y, 470px) - var(--cook-lift, 120px));pointer-events:none;animation:recipe-cook-dish-star-fly var(--dish-burst-ms, .78s) cubic-bezier(.15,.7,.3,1) both}@keyframes recipe-cook-dish-star-fly{0%{opacity:0;transform:translate(0) scale(.2) rotate(0)}18%{opacity:1}66%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--dr))}}.recipe-cook-completed{position:absolute;left:20px;right:20px;top:calc(var(--safe-top-v, 0px) + 101px);margin:0;text-align:center;font-family:Grandstander,system-ui,sans-serif;font-weight:900;font-size:42px;line-height:1.1;color:#fff;text-shadow:0 3px 0 rgba(28,14,6,.85),0 0 18px rgba(0,0,0,.55);pointer-events:none;animation:recipe-cook-completed-in .32s ease-out both}@keyframes recipe-cook-completed-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recipe-cook-name{position:absolute;top:495px;left:50%;width:80%;margin:0 0 0 -40%;text-align:center;font:500 45px Dancing Script,cursive;line-height:1;color:#fff;text-shadow:0 3px 0 rgba(28,14,6,.85),0 0 18px rgba(0,0,0,.55);pointer-events:none;animation:recipe-cook-dish-name-in .32s ease-out var(--dish-name-ms, .62s) both}@keyframes recipe-cook-dish-name-in{0%{opacity:0;transform:rotate(-2.65deg) translateY(10px)}to{opacity:1;transform:rotate(-2.65deg) translateY(0)}}.recipe-cook-claim{position:absolute;left:50%;bottom:158px;width:250px;height:82px;margin-left:-125px;pointer-events:auto;animation:recipe-cook-claim-in .36s cubic-bezier(.25,1.24,.35,1) var(--claim-pop-ms, .52s) backwards}@keyframes recipe-cook-claim-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.recipe-cook-claim .ui-btn{width:100%;height:100%;font-size:32px}.recipe-cook-layer{position:absolute;transform:translateY(var(--cook-pan, 0px));transition:transform var(--scene-zoom-ms, .76s) cubic-bezier(.32,.72,.2,1);inset:0;pointer-events:none;--cook-fuse: 0ms;--cook-crest: 1.55s;--cook-cx: var(--pot-x, 195px);--cook-cy: calc(var(--pot-y, 470px) - var(--cook-lift, 120px))}.recipe-cook-crest-cue{position:absolute;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;animation:recipe-cook-crest 1ms linear var(--cook-crest) both}@keyframes recipe-cook-crest{0%{opacity:0}to{opacity:0}}.recipe-cook-puff{position:absolute;z-index:3;left:calc(var(--cook-cx) - 230.5px);top:calc(var(--cook-cy) - 195px);width:461px;height:390px;pointer-events:none;background:url(/ui/recipe-explosion.svg) center / contain no-repeat;animation:recipe-cook-puff 2.5s cubic-bezier(.2,.7,.3,1) var(--cook-fuse) both}@keyframes recipe-cook-puff{0%{opacity:0;transform:translateY(20px) scale(.34) rotate(-9deg);animation-timing-function:cubic-bezier(.4,.06,.75,.55)}10%{opacity:.34;transform:translate(-4px,9px) scale(.63) rotate(-6deg);animation-timing-function:cubic-bezier(.3,.5,.25,1)}26%{opacity:.5;transform:translate(3px,-3px) scale(.98) rotate(-4deg);animation-timing-function:ease-in-out}46%{opacity:.58;transform:translate(-5px,-13px) scale(1.02) rotate(-3deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}62%{opacity:1;transform:translate(2px,-17px) scale(1.06) rotate(-2deg)}66.8%{opacity:1;transform:translateY(-20px) scale(1) rotate(0)}to{opacity:0;transform:translate(6px,-54px) scale(1.42) rotate(5deg)}}.recipe-cook-tumble{position:absolute;z-index:2;left:calc(var(--cook-cx) - 230.5px);top:calc(var(--cook-cy) - 195px);width:461px;height:390px;pointer-events:none;background:url(/ui/recipe-explosion.svg) center / contain no-repeat;animation:recipe-cook-tumble .36s cubic-bezier(.25,.6,.35,1) 4 both}@keyframes recipe-cook-tumble{0%{opacity:0;transform:translate(calc(var(--tx) * .2),calc(var(--ty) * .2)) scale(calc(var(--ts) * .4)) rotate(0)}6%{opacity:calc(var(--tp) * .62)}30%{opacity:var(--tp);transform:translate(calc(var(--tx) * .62),calc(var(--ty) * .62)) scale(var(--ts)) rotate(calc(var(--tr) * .5))}70%{opacity:calc(var(--tp) * .86)}94%{opacity:calc(var(--tp) * .62)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(calc(var(--ts) * 1.5)) rotate(var(--tr))}}.recipe-cook-cue{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;animation:recipe-cook-cue 1ms linear calc(var(--cook-crest) - .15s) both}@keyframes recipe-cook-cue{0%{opacity:0}to{opacity:0}}.recipe-cook-star{position:absolute;z-index:4;left:var(--cook-cx);top:var(--cook-cy);pointer-events:none;animation:recipe-cook-star-fly .9s cubic-bezier(.15,.7,.3,1) both}@keyframes recipe-cook-star-fly{0%{opacity:0;transform:translate(0) scale(.2) rotate(0)}22%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--cx),var(--cy)) scale(1) rotate(var(--cr))}}.recipe-preview-overlay{position:absolute;inset:0;pointer-events:none}.recipe-preview-overlay .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#03060de6;pointer-events:auto}.recipe-preview-card{position:absolute;left:0;top:calc(var(--preview-top-inset, 0px) + 48px);width:390px;height:587px;margin:0;padding:0;border:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:pointer}.recipe-preview-card>img{display:block;width:100%;height:100%;object-fit:contain}.recipe-preview-card:active{filter:brightness(.92)}.recipe-card-flight{position:absolute;inset:0;pointer-events:none;z-index:6;--fly-dx: calc(var(--collection-cx) - 195px);--fly-dy: calc(var(--collection-cy) - var(--preview-top-inset, 0px) - 341.5px)}.recipe-card-flight-scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#03060de6;animation:recipe-card-flight-scrim-out var(--card-flight-ms, .64s) ease-in both}@keyframes recipe-card-flight-scrim-out{0%{opacity:1}to{opacity:0}}.recipe-card-flight img{position:absolute;left:0;top:calc(var(--preview-top-inset, 0px) + 48px);width:390px;height:587px;object-fit:contain;animation:recipe-card-fly var(--card-flight-ms, .64s) cubic-bezier(.45,0,.7,1) both}@keyframes recipe-card-fly{0%{transform:translate(0) scale(1) rotate(0);opacity:1}78%{opacity:1}to{transform:translate(var(--fly-dx),var(--fly-dy)) scale(.16) rotate(14deg);opacity:0}}.cookbook-banner{position:absolute;left:calc(var(--safe-left-v, 0px) + 12px);right:calc(390px - var(--collection-cx) + 42.5px + 10px);top:var(--collection-cy);padding:9px 13px;border-radius:14px;background:#121a26eb;box-shadow:0 4px 10px #00000059;font-family:Grandstander,system-ui,sans-serif;font-weight:900;font-size:17px;line-height:1.15;color:#fff;text-align:right;pointer-events:none;transform:translateY(-50%);animation:cookbook-banner-in .32s cubic-bezier(.25,1.2,.4,1) both}@keyframes cookbook-banner-in{0%{opacity:0;transform:translateY(-50%) translate(14px) scale(.92)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.recipe-preview-card{animation:recipe-preview-card-in .3s cubic-bezier(.2,.9,.3,1.12) both}@keyframes recipe-preview-card-in{0%{transform:scale(.88)}to{transform:none}}.recipe-preview-overlay .ui-btn{animation:recipe-preview-pill-in .3s ease-out .15s both}@keyframes recipe-preview-pill-in{0%{opacity:0}to{opacity:1}}.recipe-preview-overlay .ui-btn{position:absolute}.recipe-preview-overlay .ui-btn-icon{width:var(--btn-icon-w, 30px);height:var(--btn-icon-h, 33px);object-fit:contain}.ui-btn.text{background:none;border:none;box-shadow:none;color:var(--color-panel-num-fill);font-family:Grandstander,system-ui,sans-serif;font-weight:900}.ui-btn.text:active{filter:brightness(.85)}@keyframes recipe-arrive-a{0%{opacity:0;transform:translate(150px) scale(.72)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes recipe-arrive-b{0%{opacity:0;transform:translate(150px) scale(.72)}to{opacity:1;transform:translate(0) scale(1)}}.recipe-meta.arrive-a{animation:recipe-arrive-a .48s cubic-bezier(.34,1.56,.64,1) both;transform-origin:196px 386px}.recipe-meta.arrive-b{animation:recipe-arrive-b .48s cubic-bezier(.34,1.56,.64,1) both;transform-origin:196px 386px}.recipe-new-label{position:absolute;left:20px;right:20px;top:336px;margin:0;text-align:center;white-space:pre-line;font-family:Grandstander,system-ui,sans-serif;font-weight:900;font-size:42px;line-height:1.1;pointer-events:none;filter:drop-shadow(0 4px 7px rgba(0,0,0,.89));animation:recipe-new-label-fx 1.32s ease both}.recipe-new-label-ink{position:absolute;inset:0;-webkit-text-stroke:6px #9c4401;color:transparent}.recipe-new-label-fill{position:relative;color:#fff}@keyframes recipe-new-label-fx{0%{opacity:0;transform:translateY(calc(461.8px - var(--play-bottom, 184px) - var(--play-h, 82px) / 2))}22.7%{opacity:1;transform:translateY(0)}75.8%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.lose-overlay{position:absolute;inset:0;pointer-events:none;animation:popup-fade-in .25s ease-out both}.lose-overlay .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#03060de6;pointer-events:auto}.lose-tray{position:absolute;inset:0;pointer-events:none;animation:lose-tray-in .26s .25s ease-out both;--color-panel-surface: #f1b29e;--color-panel-bevel: #e88e70;--color-panel-slot-fill: #f3a48a;--lose-tray-alarm: #dc653b}.lose-tray .tray-slot{--color-tray-slot-fill: #e2957c}.lose-tray .tray:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px var(--lose-tray-alarm),0 0 22px 4px #dc653bbf;pointer-events:none}@keyframes lose-tray-in{0%{opacity:0}to{opacity:1}}.lose-bag{position:absolute;left:196.5px;top:383.5px;transform:translate(-50%,-50%);width:278px;height:278px;pointer-events:none}@keyframes lose-illustration-in{0%{opacity:0;transform:scale(.45);animation-timing-function:cubic-bezier(.16,.9,.3,1)}55%{opacity:1;transform:scale(1.16);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:scale(1)}}.lose-bag img{display:block;width:100%;height:100%;object-fit:contain;animation:lose-illustration-in .65s both}@keyframes lose-title-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);animation-timing-function:cubic-bezier(.16,.9,.3,1)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.09);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translate(-50%,-50%) scale(1)}}.lose-title{position:absolute;left:194.5px;top:223px;transform:translate(-50%,-50%);width:390px;margin:0;display:flex;align-items:center;justify-content:center;font:900 50px Grandstander,system-ui,sans-serif;line-height:1.1;text-align:center;color:var(--color-btn-text-light);text-shadow:1px 1px 0 var(--color-btn-orange-text-edge),-1px 1px 0 var(--color-btn-orange-text-edge),1px -1px 0 var(--color-btn-orange-text-edge),-1px -1px 0 var(--color-btn-orange-text-edge);animation:lose-title-in .65s both}.lose-clean,.lose-menu{pointer-events:none}.lose-clean{animation:lose-button-in .27s 358ms both}.lose-menu{animation:lose-button-in .27s 608ms both}@keyframes lose-button-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);animation-timing-function:cubic-bezier(.16,.9,.3,1)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.1);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translate(-50%,-50%) scale(1)}}.lose-clean .ui-btn,.lose-menu .ui-btn{pointer-events:none}.lose-clean .ui-btn{animation:lose-button-tap-guard .27s 358ms both}.lose-menu .ui-btn{animation:lose-button-tap-guard .27s 608ms both}@keyframes lose-button-tap-guard{0%,99%{pointer-events:none}to{pointer-events:auto}}.lose-clean{position:absolute;left:190px;top:575px;transform:translate(-50%,-50%);width:306px;height:60px}.lose-clean .ui-btn{width:100%;height:100%;min-height:60px;font-size:42px;padding:0 16px}.lose-clean .ui-btn-label{display:inline-block;transform:translateY(3px)}.lose-free{position:absolute;left:220px;top:-24px;width:103px;height:46px;display:flex;align-items:center;justify-content:center;pointer-events:none}.lose-free span{--badge-bg: #f9d800;--badge-text: #1d9f0f;--badge-inner-top: #fdf9db;--badge-inner-bottom: #ffdfa4;display:flex;align-items:center;justify-content:center;width:96px;height:34px;border-radius:9px;transform:rotate(5.45deg);background:var(--badge-bg);box-shadow:0 -1px 2px #00000040,0 4px 2px #00000040,inset 0 4px 4px var(--badge-inner-top),inset 0 -3px 4px var(--badge-inner-bottom);font:900 24px Grandstander,system-ui,sans-serif;color:var(--badge-text)}.lose-menu{position:absolute;left:194.5px;top:651px;transform:translate(-50%,-50%);width:183px;height:42px}.lose-menu .ui-btn{width:100%;height:100%;min-height:42px;font-size:19.5px;line-height:23px;padding:0 16px}.settings{position:absolute;inset:0;pointer-events:none}.settings .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:var(--color-popup-scrim);pointer-events:auto}.settings .panel{position:absolute;left:12.5px;width:365px;top:50%;transform:translateY(-50%);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:79px 28px 25px;border-radius:54px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel);pointer-events:auto}.settings-banner{--banner-top: #f78931;--banner-bottom: #fb5c00;--banner-shadow-edge: #f03817;--banner-shadow-soft: #f0c191;--banner-glow: rgba(255, 248, 37, .25);position:absolute;z-index:1;top:-18px;left:50%;transform:translate(-50%);width:272px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:23px;background:linear-gradient(to bottom,var(--banner-top),var(--banner-bottom));box-shadow:0 4px 0 var(--banner-shadow-edge),0 8px 4px var(--banner-shadow-soft),inset 0 2px 4px var(--banner-glow)}.settings-banner span{font:900 42px Grandstander,system-ui,sans-serif;color:var(--color-btn-text-light);text-shadow:2px 2px 0 var(--color-btn-orange-text-edge),-2px 2px 0 var(--color-btn-orange-text-edge),2px -2px 0 var(--color-btn-orange-text-edge),-2px -2px 0 var(--color-btn-orange-text-edge)}.close-round{position:absolute;padding:6px;border-radius:999px;background:var(--color-panel-surface);box-shadow:inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel);pointer-events:auto}.close-round-btn{position:relative;box-sizing:border-box;width:30px;height:30px;padding:0;border:1.5px solid var(--color-btn-red-outer-edge);border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--color-btn-red-outer-top) 0%,var(--color-btn-red-outer-mid) 34%,var(--color-btn-red-outer-bottom) 88%);box-shadow:0 1.5px 1.5px #751b0c73;font:900 15px Grandstander,system-ui,sans-serif;color:var(--color-btn-text-light);cursor:pointer}.close-round-btn span{position:relative}.close-round-btn:before{content:"";position:absolute;inset:2.57px;border:.55px solid var(--color-btn-red-inner-edge);border-radius:999px;background:linear-gradient(to bottom,var(--color-btn-red-inner-top),var(--color-btn-red-inner-bottom));pointer-events:none}.close-round-btn:active{filter:brightness(1.08);transform:translateY(1px)}.settings .close-round{z-index:1;top:0;right:-3px}.settings-container{position:relative;width:330px;align-self:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:21px;padding:20px 12px;border-radius:34px;background:var(--color-panel-slot-fill)}.settings-container:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 3px 11px var(--color-panel-slot-fill),inset 0 -3px 11px var(--color-panel-slot-fill);mix-blend-mode:multiply;pointer-events:none}.settings-toggles{display:flex;gap:10px;width:100%}.settings-feedback{width:100%}.settings-feedback .ui-btn{width:100%;min-height:60px;font-size:41px;padding:0 10px}.settings-feedback .ui-btn-label,.recipe-coming-soon-feedback .ui-btn-label{top:.11em}.settings-tick-row{display:flex;align-items:center;justify-content:space-between;width:100%}.settings-tick-label{font:900 25px Grandstander,system-ui,sans-serif;line-height:30px;color:var(--color-panel-num-edge)}.settings-tick-toggle{flex:none;width:38px;height:38px;padding:8px;border:none;border-radius:12px;background:var(--color-footer-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-tick-toggle img{width:34px;height:auto}.settings-tick-toggle:active{filter:brightness(1.1)}.settings-userid{display:flex;flex-direction:column;gap:4px;width:100%}.settings-userid-label{font:900 18px Grandstander,system-ui,sans-serif;color:var(--color-panel-num-edge)}.settings-userid-code{width:100%;border:none;border-radius:10px;padding:8px 10px;background:var(--color-panel-slot-fill);box-shadow:inset 0 2px 6px var(--color-panel-slot-edge);color:var(--color-panel-num-edge);font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:15px;text-align:left;word-break:break-all;cursor:pointer}.settings-userid-code:active{filter:brightness(1.05)}.settings-userid-hint,.settings-userid-none{font:600 12px Grandstander,system-ui,sans-serif;color:var(--color-footer-muted)}.settings-toggle{position:relative;flex:1;height:60px;border:none;border-radius:999px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-toggle.on{background:linear-gradient(to bottom,var(--color-btn-blue-outer-top) 0%,var(--color-btn-blue-outer-mid) 34%,var(--color-btn-blue-outer-bottom) 88%);box-shadow:0 2.94px 2.94px #053b6773,inset 0 0 0 1.469px var(--color-btn-blue-outer-edge)}.settings-toggle.off{background:linear-gradient(to bottom,var(--color-btn-grey-outer-top) 0%,var(--color-btn-grey-outer-mid) 34%,var(--color-btn-grey-outer-bottom) 88%);box-shadow:0 2.94px 2.94px #35353573,inset 0 0 0 1.469px var(--color-btn-grey-outer-edge)}.settings-toggle:before{content:"";position:absolute;inset:5.14px;border-radius:999px;pointer-events:none}.settings-toggle.on:before{background:linear-gradient(to bottom,var(--color-btn-blue-inner-top),var(--color-btn-blue-inner-bottom));box-shadow:inset 0 0 0 1.102px var(--color-btn-blue-inner-edge)}.settings-toggle.off:before{background:linear-gradient(to bottom,var(--color-btn-grey-inner-top),var(--color-btn-grey-inner-bottom));box-shadow:inset 0 0 0 1.102px var(--color-btn-grey-inner-edge)}.settings-toggle img{position:relative;width:39px;height:auto;pointer-events:none}.settings-toggle:active{filter:brightness(1.08);transform:translateY(1px)}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.confetti-piece{position:absolute;left:50%;top:50%;animation:confetti-drift var(--dur, 1.5s) cubic-bezier(.12,.62,.28,1) var(--cd, 0ms) 1 both}@keyframes confetti-drift{0%{transform:translate(0)}to{transform:translate(var(--cx, 0px))}}.confetti-bit{display:block;width:var(--w, 9px);height:var(--h, 6px);margin:calc(var(--h, 6px) / -2) 0 0 calc(var(--w, 9px) / -2);border-radius:2px;animation:confetti-arc var(--dur, 1.5s) var(--cd, 0ms) 1 both}@keyframes confetti-arc{0%{transform:translateY(0) rotate(var(--r0, 0deg));animation-timing-function:cubic-bezier(.09,.72,.31,1)}32%{transform:translateY(var(--cy, -200px)) rotate(var(--rm, 90deg));animation-timing-function:cubic-bezier(.5,0,.78,.92)}76%{opacity:1}to{transform:translateY(var(--fall, 560px)) rotate(var(--r1, 360deg));opacity:0}}.confetti-bit.tone-0{background:#f6b93b}.confetti-bit.tone-1{background:#ef8a3c}.confetti-bit.tone-2{background:#fff2d4}.confetti-bit.tone-3{background:#7bc043}.confetti-bit.tone-4{background:#e4573d}.confetti-bit.star{background:none;border-radius:0;background-repeat:no-repeat;background-size:contain;background-position:center}.gameplay-popup{position:absolute;inset:0;pointer-events:none;isolation:isolate}.flight-item{position:absolute;left:0;top:0;object-fit:contain;transform-origin:50% 50%;will-change:transform}.bottom-panel{position:absolute;left:8px;right:8px;bottom:calc(var(--safe-bottom-v, 0px) + 8px);background:#07080dc7;border:1px solid var(--color-frame-edge);border-radius:10px;padding:10px 12px;pointer-events:none}.readout .stats{font-size:11px;line-height:15px;color:var(--color-text-dim);white-space:pre-wrap}.readout .log{margin-top:6px;font-size:12px;line-height:16px;color:var(--color-accent);white-space:pre-wrap}.spike-header h2{position:absolute;left:0;right:0;top:calc(var(--safe-top-v, 0px) + 41px);text-align:center;font-size:22px;font-weight:700;color:var(--color-text)}.spike-header .ui-btn{top:calc(var(--safe-top-v, 0px) + 8px)}.spike-header .checklist{position:absolute;left:20px;right:20px;top:calc(var(--safe-top-v, 0px) + 79px);font-size:11px;line-height:16px;color:var(--color-text-dim);padding-left:16px}.btn-row{position:absolute;left:12px;right:12px;display:flex;gap:10px}.btn-row .ui-btn{flex:1;font-size:13px;min-height:48px}.audio-pad{position:absolute;left:20px;top:350px;width:350px;height:170px;border-radius:14px;background:#35d6a414;border:2px solid var(--color-accent);pointer-events:auto;display:flex;align-items:center;justify-content:center;text-align:center;font:700 14px system-ui,sans-serif;color:var(--color-text-dim);transition:background .25s ease-out}.audio-pad.flash{background:#35d6a46e;transition:none}.spike-screen{position:absolute;inset:0}.spike-url{position:absolute;left:20px;right:20px;top:372px;height:38px;box-sizing:border-box;padding:0 10px;pointer-events:auto;font:inherit;font-size:12px;color:var(--color-text);background:var(--color-frame-bg);border:1px solid var(--color-accent);border-radius:6px;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.haptic-label{position:absolute;left:20px;right:20px;font-size:10px;line-height:14px;color:var(--color-text-dim)}.haptic-row{position:absolute;left:20px;right:20px;display:flex;flex-direction:column;gap:2px}.haptic-row span{font-size:10px;line-height:14px;color:var(--color-text-dim)}.haptic-row input{pointer-events:auto;width:100%;height:18px;margin:0;accent-color:var(--color-accent)}.haptic-impact .ui-btn{font-size:11px;padding:0 4px}.tapoff-hud{position:absolute;inset:0}.tapoff-hud>.ui-btn{position:absolute;top:calc(var(--safe-top-v, 0px) + 8px);font-size:13px}.tapoff-fields{position:absolute;left:12px;right:12px;bottom:calc(var(--safe-bottom-v, 0px) + 194px);display:flex;gap:12px;pointer-events:none}.tapoff-field{flex:1;display:flex;align-items:center;gap:5px;min-width:0}.tapoff-label{width:12px;font-size:13px;font-weight:700;color:var(--color-text-dim)}.tapoff-input{flex:1;min-width:0;height:44px;box-sizing:border-box;padding:0 6px;pointer-events:auto;font:700 15px system-ui,-apple-system,Roboto,sans-serif;text-align:center;color:var(--color-text);background:var(--color-frame-bg);border:2px solid var(--color-accent);border-radius:10px;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.notify-countdown-label{position:absolute;left:0;right:0;top:336px;text-align:center;font-size:12px;color:var(--color-text-dim)}.notify-countdown{position:absolute;left:0;right:0;top:372px;text-align:center;font-size:48px;font-weight:700;color:var(--color-accent)}.progress-bar{box-sizing:border-box;width:274px;height:31px;padding:4.5px;border-radius:999px;background:var(--color-panel-surface);box-shadow:0 3px 3px #00000040,inset 0 3px 3px #ffffffed,inset 0 -3px 3px var(--color-panel-bevel)}.progress-groove{position:relative;height:100%;border-radius:999px;background:var(--color-panel-slot-fill)}.progress-groove:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 8px var(--color-panel-slot-fill),inset 0 -2px 8px var(--color-panel-slot-fill);mix-blend-mode:multiply;pointer-events:none}.progress-fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(to bottom,var(--color-btn-green-outer-top) 0%,var(--color-btn-green-outer-mid) 34%,var(--color-btn-green-outer-bottom) 88%);box-shadow:0 1px 1px #15450973,inset 0 0 0 1px var(--color-btn-green-outer-edge);transition:width .26s linear}.progress-fill:after{content:"";position:absolute;inset:2px;border-radius:999px;background:linear-gradient(to bottom,var(--color-btn-green-inner-top),var(--color-btn-green-inner-bottom));box-shadow:inset 0 0 0 1px var(--color-btn-green-inner-edge)}.splash{position:absolute;inset:0;pointer-events:auto}.splash-art{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);object-fit:cover;object-position:center;background:var(--color-letterbox)}.splash-char{position:absolute;left:calc(50% - 49px);top:27.49%;bottom:0;transform:translate(-50%);aspect-ratio:1207 / 2003;pointer-events:none}.splash-char img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.splash-load{position:absolute;left:12px;right:12px;bottom:calc(var(--safe-bottom-v, 0px) + 34px);display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.splash-caption{margin:0;font:900 25px Grandstander,system-ui,sans-serif;color:var(--color-btn-text-light);text-shadow:2px 2px 0 var(--color-panel-num-edge),-2px 2px 0 var(--color-panel-num-edge),2px -2px 0 var(--color-panel-num-edge),-2px -2px 0 var(--color-panel-num-edge),0 2px 0 var(--color-panel-num-edge),0 -2px 0 var(--color-panel-num-edge),2px 0 0 var(--color-panel-num-edge),-2px 0 0 var(--color-panel-num-edge),0 4px 4px rgba(0,0,0,.25),0 -1px 4px rgba(0,0,0,.25)}.screen-bg{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:var(--color-frame-bg)}#ui-debug-hud{display:none;position:absolute;left:calc(var(--safe-left-v, 0px) + 8px);top:calc(var(--safe-top-v, 0px) + 6px);z-index:11;pointer-events:none;font-family:system-ui,sans-serif}#ui-debug-hud .fps{font-size:12px;font-weight:700;color:var(--color-accent)}#ui-debug-hud .info{font-size:10px;line-height:13px;color:var(--color-text-dim);white-space:pre-wrap}#ui-debug-hud .status{font-size:10px;line-height:13px;color:var(--color-warn);white-space:pre-wrap}.consent{position:absolute;inset:0;--consent-card: #ffffff;--consent-body-bg: #f7f8f9;--consent-blue: #3fa9cf;--consent-link: #2a90b8;--consent-ink: #2b2b2b;--consent-ink-dim: #4a4a4a;--consent-rule: #dfe3e6;--consent-danger: #b8503a}.consent .scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);background:#04060c8c;pointer-events:auto}.consent .panel{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);background:var(--consent-card);border-radius:6px;box-shadow:0 12px 34px #00000073;overflow:hidden;pointer-events:auto}.consent .agreement{margin:0;padding:18px 18px 14px;font-size:17px;line-height:24px;color:var(--consent-blue);border-bottom:3px solid var(--consent-blue)}.consent .agreement a{color:var(--consent-link);font-weight:700;text-decoration:underline}.consent .body{padding:16px 18px;background:var(--consent-body-bg);border-bottom:1px solid var(--consent-rule)}.consent h2{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--consent-ink)}.consent .body p{margin:0;font-size:14px;line-height:20px;color:var(--consent-ink);white-space:pre-line}.consent .body p.web-exit-hint{margin-top:12px;font-size:12px;line-height:16px;color:var(--consent-danger)}.consent .row{display:flex}.consent .row .ui-btn{flex:1;min-height:52px;padding:0 8px;font-weight:400;letter-spacing:0;font-size:16px;color:var(--consent-ink-dim);background:var(--consent-card);border:0;border-radius:0}.consent .row .ui-btn+.ui-btn{border-left:1px solid var(--consent-rule)}.consent .row .ui-btn.accent{color:var(--consent-link);font-weight:700}.consent .row .ui-btn.warn{color:var(--consent-danger)}.consent .row .ui-btn:active{filter:none;background:var(--consent-body-bg)}.hud-recipes-btn{position:absolute;left:calc(var(--collection-cx) - 42.5px);top:calc(var(--collection-cy) - 37px);box-sizing:border-box;width:85px;height:74px;padding:0;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--color-btn-blue-outer-top) 0%,var(--color-btn-blue-outer-mid) 34%,var(--color-btn-blue-outer-bottom) 88%);box-shadow:0 3.429px 3.429px #053b6773,inset 0 0 0 1.714px var(--color-btn-blue-outer-edge);pointer-events:auto;cursor:pointer}.hud-recipes-btn:before{content:"";position:absolute;inset:6px;border-radius:999px;background:linear-gradient(to bottom,var(--color-btn-blue-inner-top),var(--color-btn-blue-inner-bottom));pointer-events:none}.hud-recipes-btn img{position:relative;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.hud-recipes-btn:active{filter:brightness(1.08);transform:translateY(1px)}@keyframes hud-recipes-in{0%{transform:scale(0)}to{transform:scale(1)}}.hud-recipes-btn{animation:hud-recipes-in .46s cubic-bezier(.25,1.2,.35,1) 1}.hud-recipes-badge{position:absolute;top:-3px;left:-3px;box-sizing:border-box;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--color-btn-red-outer-top) 0%,var(--color-btn-red-outer-mid) 45%,var(--color-btn-red-outer-bottom) 100%);box-shadow:0 0 0 2px var(--color-panel-num-fill),0 2px 3px #0006;font:900 16px Grandstander,system-ui,sans-serif;line-height:1;color:var(--color-panel-num-fill);padding-top:1px;animation:hud-recipes-badge-hop 1.8s ease-in-out infinite}@keyframes hud-recipes-badge-hop{0%,62%,to{transform:translateY(0) scale(1)}70%{transform:translateY(-5px) scale(1.06)}78%{transform:translateY(0) scale(1)}86%{transform:translateY(-3px) scale(1.03)}93%{transform:translateY(0) scale(1)}}.recipe-collection{position:absolute;inset:0}.recipe-collection-bg,.recipe-collection-scrim{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px)}.recipe-collection-bg{object-fit:cover;object-position:center;background:var(--color-letterbox)}.recipe-collection-scrim{background:#180e069e}.recipe-collection-title{position:absolute;left:0;right:0;top:calc(var(--safe-top-v, 0px) + 66px);margin:0;font:900 30px Grandstander,system-ui,sans-serif;text-align:center;color:var(--color-panel-num-fill);text-shadow:2px 0 0 var(--color-panel-num-edge),-2px 0 0 var(--color-panel-num-edge),0 2px 0 var(--color-panel-num-edge),0 -2px 0 var(--color-panel-num-edge),0 4px 6px rgba(0,0,0,.4)}.recipe-collection-list{position:absolute;left:0;right:0;top:calc(var(--safe-top-v, 0px) + 112px);bottom:calc(var(--safe-bottom-v, 0px) + 16px);padding:4px 24px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto}.recipe-collection-welcome-catch{position:absolute;left:var(--vp-visible-x, 0px);top:var(--vp-visible-y, 0px);width:var(--vp-visible-width, 390px);height:var(--vp-visible-height, 844px);pointer-events:auto}.recipe-card{box-sizing:border-box;display:flex;align-items:center;gap:14px;flex:0 0 auto;padding:14px;border-radius:28px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000047,inset 0 4px 4px #ffffffed,inset 0 -4px 4px var(--color-panel-bevel)}.recipe-card-dish{position:relative;box-sizing:border-box;flex:0 0 auto;width:104px;height:104px;border-radius:22px;background:var(--color-panel-slot-fill)}.recipe-card-dish:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 3px 11px var(--color-panel-slot-fill),inset 0 -3px 11px var(--color-panel-slot-fill);mix-blend-mode:multiply;pointer-events:none}.recipe-card-dish>img{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}.recipe-card-dish>img.recipe-card-tick{inset:auto -6px -2px auto;width:40px;height:36px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.recipe-card-open{padding:0;border:0;background:none;cursor:pointer;line-height:0}.recipe-card-open:active{transform:translateY(1px)}.recipe-card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.recipe-card-name{margin:0;font:900 20px Grandstander,system-ui,sans-serif;line-height:1.15;color:var(--color-panel-num-edge)}.recipe-card-hint{margin:0;font:400 12px system-ui,sans-serif;line-height:1.3;color:var(--color-footer-muted)}.recipe-card-progress{display:flex;align-items:center;gap:8px}.recipe-card-progress .progress-bar{flex:1 1 auto;width:auto;min-width:0;height:22px;padding:3.5px}.recipe-card-count{flex:0 0 auto;font:900 13px Grandstander,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--color-panel-num-edge)}.recipe-card-actions{display:flex;flex-direction:column;gap:8px}.recipe-card-actions .ui-btn{flex:0 0 auto;height:40px;font-size:15px}.recipe-card.is-locked .recipe-card-dish>img{filter:brightness(0);opacity:.55}.recipe-card.is-locked .recipe-card-name{color:var(--color-footer-muted);letter-spacing:2px}.recipe-card.is-inProgress .recipe-card-dish>img{opacity:.7}.recipe-card.is-locked,.recipe-card.is-inProgress{opacity:.88}.recipe-collection-teaser{flex:0 0 auto;margin:6px 0 0;padding:0 12px;font:900 15px Grandstander,system-ui,sans-serif;line-height:1.3;text-align:center;color:var(--color-panel-num-fill);text-shadow:2px 0 0 var(--color-panel-num-edge),-2px 0 0 var(--color-panel-num-edge),0 2px 0 var(--color-panel-num-edge),0 -2px 0 var(--color-panel-num-edge),0 4px 6px rgba(0,0,0,.4)}.toast-layer{position:absolute;left:0;right:0;bottom:183px;display:flex;justify-content:center;pointer-events:none}.toast{max-width:330px;padding:10px 18px;display:flex;align-items:center;gap:4px;border-radius:22px;background:var(--color-panel-surface);box-shadow:0 4px 4px #00000040,inset 0 0 0 3px var(--color-panel-slot-edge),inset 0 4px 3px #ffffffed,inset 0 -4px 3px var(--color-panel-bevel);color:var(--color-panel-num-edge);animation:toast-in .22s cubic-bezier(.25,1.2,.35,1) both}.toast-text{font:900 16px Grandstander,system-ui,sans-serif;line-height:1.25;text-align:center}.toast.is-success{box-shadow:0 4px 4px #00000040,inset 0 0 0 3px var(--color-btn-green-outer-mid),inset 0 4px 3px #ffffffed,inset 0 -4px 3px var(--color-panel-bevel)}.toast.is-error{box-shadow:0 4px 4px #00000040,inset 0 0 0 3px var(--color-btn-red-outer-mid),inset 0 4px 3px #ffffffed,inset 0 -4px 3px var(--color-panel-bevel)}.toast-dots{display:inline-flex;gap:3px;align-self:flex-end;padding-bottom:5px}.toast-dots i{width:4px;height:4px;border-radius:50%;background:currentcolor;animation:toast-dot 1s ease-in-out infinite}.toast-dots i:nth-child(2){animation-delay:.16s}.toast-dots i:nth-child(3){animation-delay:.32s}.toast.is-leaving{animation:toast-out .22s ease-in both}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes toast-dot{0%,to{opacity:1}50%{opacity:.25}}.hint-help .panel{gap:18px}.hint-help-steps{margin:0;list-style:none;gap:14px;padding:16px 12px;counter-reset:hint-help}.hint-help-step{position:relative;display:flex;align-items:center;gap:12px;width:100%;counter-increment:hint-help}.hint-help-step:not(:last-child):after{content:"";position:absolute;left:43px;top:50%;height:calc(50% + 54px);border-left:3px dashed var(--color-panel-slot-edge);z-index:0}.hint-help-art{position:relative;z-index:1;flex:none;width:88px;height:80px;border-radius:20px;background:var(--color-panel-surface);box-shadow:0 2px 3px #903f0840,inset 0 0 0 2px var(--color-panel-slot-edge)}.hint-help-art:before{content:counter(hint-help);position:absolute;z-index:3;left:-7px;top:-7px;box-sizing:border-box;width:26px;height:26px;border:1.5px solid var(--color-btn-orange-outer-edge);border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--color-btn-orange-outer-top),var(--color-btn-orange-outer-bottom));box-shadow:0 2px 2px #00000040;font:900 16px Grandstander,system-ui,sans-serif;line-height:1;color:var(--color-btn-text-light);text-shadow:1px 1px 0 var(--color-btn-orange-text-edge),-1px 1px 0 var(--color-btn-orange-text-edge),1px -1px 0 var(--color-btn-orange-text-edge),-1px -1px 0 var(--color-btn-orange-text-edge)}.hint-help-text{flex:1;min-width:0;margin:0;font:900 17px Grandstander,system-ui,sans-serif;line-height:1.2;color:var(--color-panel-num-edge);white-space:pre-line}.hint-help-text em{font-style:normal;color:var(--color-btn-orange-outer-bottom)}.hint-help-art .booster{right:auto;bottom:auto;left:calc(50% - var(--booster-box-width) / 2);top:8px;animation:none}.hint-help-art .booster.tut-focus{z-index:2}.hint-help-hand{position:absolute;z-index:3;left:calc(50% + 12px);top:40px;width:0;height:0;transform:scale(.42);transform-origin:0 0}.hint-help-hand .tut-ring{display:none}.hint-help-item{position:absolute;left:calc(50% - 27px);top:calc(50% - 25px);width:54px;height:54px;object-fit:contain;animation:hint-help-hop 2.4s linear infinite}@keyframes hint-help-hop{0%,45%,to{transform:translateY(0) rotate(0)}7.5%{transform:translateY(-11px) rotate(-7deg)}15%{transform:translateY(0) rotate(7deg)}22.5%{transform:translateY(-11px) rotate(-7deg)}30%{transform:translateY(0) rotate(7deg)}37.5%{transform:translateY(-11px) rotate(-4deg)}}.hint-help-spark{position:absolute;width:26px;height:26px;filter:drop-shadow(0 0 3px rgba(255,186,74,.95)) drop-shadow(0 0 9px rgba(255,160,36,.55));animation:hint-help-twinkle 1.8s ease-in-out infinite both}.hint-help-spark.s1{left:6px;top:8px}.hint-help-spark.s2{right:5px;top:16px;width:20px;height:20px;animation-delay:-.6s}.hint-help-spark.s3{left:50px;bottom:4px;width:18px;height:18px;animation-delay:-1.2s}@keyframes hint-help-twinkle{0%,to{opacity:0;transform:scale(.45) rotate(0)}45%,55%{opacity:1;transform:scale(1) rotate(25deg)}}.hint-help-ok{display:flex;justify-content:center}.hint-help-ok .ui-btn{width:220px;min-height:56px;font-size:30px}