*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;color:#342c26;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#16464c;font-family:Manrope,system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed}:focus:not(:focus-visible){outline:none}:root{--restaurant-cream:#f7f1e7;--restaurant-light:#fffdf8;--restaurant-sand:#d8bb91;--restaurant-wood:#9a6a43;--restaurant-dark-wood:#61442f;--restaurant-teal:#23636a;--restaurant-dark-teal:#16464c;--restaurant-olive:#73805d;--restaurant-terracotta:#c96f50;--restaurant-gold:#d5aa5c;--restaurant-text:#342c26;--restaurant-muted:#746a61;--ink:var(--restaurant-text);--ink-soft:var(--restaurant-muted);--paper:var(--restaurant-cream);--paper-2:#efe6d6;--sea:var(--restaurant-teal);--sea-deep:var(--restaurant-dark-teal);--sand:var(--restaurant-sand);--sand-deep:var(--restaurant-wood);--gold:var(--restaurant-gold);--gold-bright:#e6c27a;--coral:var(--restaurant-terracotta);--cream:var(--restaurant-light);--shadow:0 18px 42px #16464c47;--shadow-soft:0 8px 22px #16464c29;--radius:22px;--radius-sm:16px;--radius-tile:16px;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--play-max:min(560px, 100%);--hud-height:48px;--board-w:480px;--board-h:490px;--board-scale:clamp(.62, calc((100dvh - 200px) / 490), 1.28);--tile-art-size:78%;--tile-press-ms:.12s;--tile-fly-ms:.21s;--tile-match-ms:.32s;--z-game-background:1;--z-game-board:10;--z-game-tiles:10;--z-flying-tile:30;--z-tray:35;--z-hud:40;--z-modal-overlay:1000;--z-modal-content:1010}.app{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;padding:clamp(6px,1.2vh,12px) clamp(8px,2vw,14px);display:flex;position:relative;overflow:hidden}.app__bg{z-index:var(--z-game-background);pointer-events:none;background:radial-gradient(ellipse 50% 35% at 15% 18%, #ffd69633, transparent 60%), radial-gradient(ellipse 40% 30% at 82% 14%, #ffecc824, transparent 55%), radial-gradient(ellipse 55% 28% at 55% 22%, #d5aa5c1f, transparent 50%), linear-gradient(180deg, #12383e 0%, var(--restaurant-dark-teal) 18%, #1c555c 36%, #3d5f58 52%, #8a7358 68%, #b8956a 82%, #c9a87a 100%);position:fixed;inset:0}.app__bg:before{content:"";pointer-events:none;filter:blur(.2px);background:radial-gradient(circle at 20% 16%,#ffdca059 0%,#0000 8%),radial-gradient(circle at 72% 12%,#ffecbe38 0%,#0000 7%),radial-gradient(circle at 48% 20%,#d5aa5c2e 0%,#0000 9%),radial-gradient(circle at 88% 28%,#fff8e61f 0%,#0000 6%),linear-gradient(#0000 48%,#9a6a4338 62%,#61442f61 78%,#3d2a1c80 100%);position:absolute;inset:0}.app__bg:after{content:"";pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(90deg,#0000 0 11px,#3d2a1c12 11px 12px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-position:bottom,50%;background-size:100% 100%,180px 180px;position:absolute;inset:0;box-shadow:inset 0 0 140px 50px #081c2073;-webkit-mask-image:linear-gradient(#0000 40%,#000 70% 100%);mask-image:linear-gradient(#0000 40%,#000 70% 100%)}.play-chapter-bg{z-index:var(--z-game-background);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.play-chapter-bg:after{content:"";background:radial-gradient(58% 52% at 50% 40%,#12383e1f,#0000 72%),linear-gradient(#0c242847 0%,#12383e2e 45%,#16464c52 100%);position:absolute;inset:0}.play-chapter-bg[data-chapter=coffee-dessert]{background-image:url(/assets/backgrounds/coffee-dessert.webp)}.play-chapter-bg[data-chapter=lunch]{background-image:url(/assets/backgrounds/lunch.webp)}.play-chapter-bg[data-chapter=pizza]{background-image:url(/assets/backgrounds/pizza.webp)}.play-chapter-bg[data-chapter=bar]{background-image:url(/assets/backgrounds/bar.webp)}.play-chapter-bg[data-chapter=chef]{background-image:url(/assets/backgrounds/chef.webp)}.hero,.play{z-index:1;position:relative}.play{width:var(--play-max)}.panel{position:relative}.app>.panel,.levels-panel,.levels-screen{z-index:1;position:relative}.levels-panel{width:min(560px,100% - 16px)}:is(.app:has(.play),.app:has(.levels-screen)){justify-content:stretch;align-items:stretch}.app:has(.levels-screen){padding:0}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--gold-bright);margin:0 0 8px;font-size:.78rem;font-weight:800}.hero{z-index:1;flex-direction:column;justify-content:center;width:min(540px,100% - 16px);max-width:560px;max-height:100dvh;display:flex;position:relative}.hero__glow{filter:blur(18px);pointer-events:none;z-index:0;background:radial-gradient(circle,#d5aa5c52,#0000 68%);height:42%;position:absolute;inset:8% -18% auto}.hero__vignette{pointer-events:none;z-index:0;background:radial-gradient(#0000 42%,#081c2047 100%);position:absolute;inset:-8%}.hero__decor{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero__decor-tile{object-fit:contain;opacity:.07;filter:blur(1.5px);-webkit-user-select:none;user-select:none;width:clamp(88px,16vw,140px);height:clamp(88px,16vw,140px);position:absolute}.hero__decor-tile--1{top:6%;left:-8%;transform:rotate(-18deg)}.hero__decor-tile--2{opacity:.055;top:18%;right:-10%;transform:rotate(14deg)}.hero__decor-tile--3{opacity:.05;bottom:22%;left:-12%;transform:rotate(10deg)}.hero__decor-tile--4{opacity:.06;bottom:8%;right:-6%;transform:rotate(-12deg)}.hero__content{z-index:1;text-align:center;color:var(--restaurant-light);padding:max(8px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));text-shadow:0 2px 14px #16464c66;flex-direction:column;gap:clamp(10px,1.6vh,16px);display:flex;position:relative}.hero--enter .menu-enter{animation:.55s cubic-bezier(.22,1,.36,1) both menuEnter}.hero--enter .menu-enter--1{animation-delay:20ms}.hero--enter .menu-enter--2{animation-delay:.1s}.hero--enter .menu-enter--3{animation-delay:.18s}.hero--enter .menu-enter--4{animation-delay:.26s}.hero--enter .menu-enter--5{animation-delay:.34s}@keyframes menuEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding-top:4px;position:relative}.menu-header__tools{z-index:2;gap:8px;display:flex;position:absolute;top:0;right:0}@media (width<=380px){.menu-header__tools{justify-content:flex-end;margin-bottom:4px;position:static}}.menu-icon-btn{color:#fffdf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16464c6b;border:1px solid #fffdf838;border-radius:999px;place-items:center;width:44px;height:44px;transition:background .15s,border-color .15s,transform .15s;display:grid;box-shadow:0 4px 14px #081c2033}.menu-icon-btn:hover{background:#16464c94;border-color:#d5aa5c73}.menu-icon-btn:active{transform:scale(.96)}.menu-icon-btn:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.menu-header__brand{font-size:clamp(2.55rem,9vw,3.55rem);font-family:var(--font-display);letter-spacing:.18em;color:#fff;margin:0 0 2px;font-weight:700;line-height:1.05}.hero--enter .menu-header__brand{animation:.65s cubic-bezier(.22,1,.36,1) both brandIn}.menu-header__title{font-family:var(--font-display);color:var(--gold-bright);margin:0 0 8px;font-size:clamp(1.55rem,5.5vw,2.05rem);font-weight:500;line-height:1.15}.menu-header__tagline{color:#fffdf8e6;text-shadow:0 1px 10px #081c2059;max-width:28ch;margin:0 auto;font-size:clamp(.9rem,2.4vw,1rem);line-height:1.4}.menu-stats{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16464c61;border:1px solid #fffdf829;width:100%;max-width:420px;margin:0 auto;padding:12px 14px 10px}.menu-stats__cols{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.menu-stats__col{flex-direction:column;gap:2px;min-width:0;display:flex}.menu-stats__col:last-child{text-align:right}.menu-stats__divider{background:#fffdf82e;align-self:stretch;width:1px}.menu-stats__label{letter-spacing:.02em;color:#fffdf8c7;font-size:.72rem;font-weight:600}.menu-stats__value{color:#fff;font-size:clamp(1.05rem,3.2vw,1.22rem);font-weight:800;line-height:1.2}.menu-stats__bar{background:#0a282c73;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.menu-stats__bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--restaurant-gold), #e6c27a);height:100%;transition:width .35s}.menu-stats__pct{color:#fffdf8d1;margin:6px 0 0;font-size:.75rem;font-weight:600}.menu-hint{flex-direction:column;align-items:center;gap:8px;display:flex}.menu-hint__label{color:#fffdf8e6;margin:0;font-size:.86rem;font-weight:650}.menu-hint__row{justify-content:center;align-items:center;gap:8px;display:flex}.menu-hint__tile{background:linear-gradient(160deg, var(--restaurant-light), var(--restaurant-cream));width:52px;height:52px;box-shadow:var(--shadow-soft);border:1px solid #d5aa5c73;border-radius:14px;place-items:center;padding:3px;animation:3.6s ease-in-out infinite matchHintCycle;display:grid}.menu-hint__tile:first-child{--hint-shift:6px;animation-delay:0s}.menu-hint__tile:nth-child(2){--hint-shift:0px;animation-delay:80ms}.menu-hint__tile:nth-child(3){--hint-shift:-6px;animation-delay:.16s}.menu-hint__x{color:var(--gold-bright);margin-left:2px;font-size:1rem;font-weight:800}@keyframes matchHintCycle{0%,15%{opacity:1;filter:brightness();transform:translate(0)scale(1)}32%{opacity:1;transform:translateX(var(--hint-shift,0)) scale(1.05);filter:brightness(1.08);box-shadow:0 0 0 2px #d5aa5c80, var(--shadow-soft)}48%{opacity:0;transform:translateX(var(--hint-shift,0)) scale(.9)}62%{opacity:0;transform:scale(.92)}78%,to{opacity:1;filter:brightness();transform:translate(0)scale(1)}}.menu-gift{text-align:left;width:100%;max-width:420px;box-shadow:var(--shadow-soft), inset 0 1px 0 #fffdf81f, 0 0 28px #d5aa5c14;color:var(--restaurant-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#23636a8c,#16464c9e),#16464c80;border:1px solid #d5aa5c52;border-radius:18px;margin:0 auto;padding:14px 16px 12px;position:relative}.menu-gift--ready{box-shadow:var(--shadow-soft), inset 0 1px 0 #fffdf829, 0 0 32px #d5aa5c47;border-color:#d5aa5c9e}.menu-gift--done{border-color:#fffdf838}.menu-gift__badge{width:34px;height:34px;color:var(--restaurant-dark-teal);background:linear-gradient(145deg, #e6c27a, var(--restaurant-gold));border:1px solid #fffcf58c;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #3d2a1c38}.menu-gift__title{font-family:var(--font-display);color:#fff;margin:0 36px 8px 0;font-size:clamp(1.1rem,3.4vw,1.28rem);font-weight:700}.menu-gift__lead,.menu-gift__terms,.menu-gift__options,.menu-gift__progress-label,.menu-gift__hint,.menu-gift__status{color:#fffdf8e0;margin:0;font-size:.84rem;line-height:1.4}.menu-gift__options{margin:6px 0;padding-left:1.15rem}.menu-gift__options li{margin:2px 0}.menu-gift__terms{opacity:.88;margin-bottom:8px}.menu-gift__progress-label{margin-top:4px;font-weight:700}.menu-gift__bar{background:#0a282c73;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.menu-gift__bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--restaurant-gold), #e6c27a);height:100%;transition:width .35s}.menu-gift__hint{margin-top:6px;font-size:.78rem;font-weight:700}.menu-gift__status{color:var(--gold-bright);margin:4px 0 8px;font-weight:700}.menu-gift__cta{width:100%;min-height:44px;margin-top:10px;color:#fff!important;background:#fffdf81a!important;border-color:#fffdf847!important}.menu-gift__cta:hover:not(:disabled){background:#fffdf829!important}.menu-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:420px;margin:0 auto;display:flex}.menu-actions__primary{width:100%;min-height:54px;font-size:1.05rem;box-shadow:0 10px 26px #d5aa5c61}.menu-actions__primary:disabled{opacity:.72}.menu-actions__secondary{flex-direction:column;gap:8px;display:flex}.menu-actions__ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf81a;border:1px solid #fffdf84d;width:100%;min-height:48px}.menu-actions__ghost:hover:not(:disabled){background:#fffdf829;border-color:#d5aa5c73}.menu-actions__ghost:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}@media (width>=560px){.menu-actions__secondary{flex-direction:row}.menu-actions__ghost{flex:1}}.how-to-modal h2,.menu-settings h2{margin:0 0 14px}.how-to-modal__steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-to-modal__step{text-align:left;background:#16464c0f;border:1px solid #9a6a4329;border-radius:14px;grid-template-columns:28px 1fr 40px;align-items:center;gap:10px;padding:8px 10px;display:grid}.how-to-modal__num{width:28px;height:28px;color:var(--restaurant-dark-teal);background:linear-gradient(145deg, #e6c27a, var(--restaurant-gold));border-radius:999px;place-items:center;font-size:.85rem;font-weight:800;display:grid}.how-to-modal__text{color:var(--ink);font-size:.9rem;line-height:1.35}.how-to-modal__tile{background:linear-gradient(160deg, var(--restaurant-light), var(--restaurant-cream));border:1px solid #d5aa5c66;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.how-to-modal__footer{color:var(--ink-soft);text-align:center;margin:14px 0 0;font-size:.84rem}.menu-settings__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu-settings__row{text-align:left;width:100%;min-height:48px;color:var(--ink);background:#16464c0f;border:1px solid #9a6a432e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.menu-settings__row:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.menu-settings__value{color:var(--restaurant-dark-teal);font-weight:800}.menu-settings__note{color:var(--ink-soft);margin:12px 0 0;font-size:.78rem;line-height:1.4}@media (width<=480px){.hero__decor-tile--3,.hero__decor-tile--4{display:none}.menu-hint__tile{width:48px;height:48px}.menu-header__tools{right:-2px}}@media (height<=720px){.hero__content{gap:8px}.menu-header__brand{font-size:clamp(2.1rem,8vw,2.8rem)}.menu-header__title{margin-bottom:4px;font-size:clamp(1.3rem,4.5vw,1.65rem)}.menu-hint__tile{width:44px;height:44px}.menu-gift{padding:12px 14px 10px}.hero__decor{opacity:.7}}@media (height<=640px){.menu-hint{display:none}.menu-stats{padding:10px 12px 8px}}html.reduce-motion .menu-hint__tile,html.reduce-motion .hero--enter .menu-enter,html.reduce-motion .hero--enter .menu-header__brand{animation:none!important}html.reduce-motion .menu-hint__tile{opacity:1;filter:none;transform:none}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:3px}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn--primary{background:linear-gradient(135deg, var(--gold-bright), var(--restaurant-gold));color:var(--restaurant-dark-teal);box-shadow:0 8px 22px #d5aa5c59}.btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf829;border:1px solid #fffdf852}.btn--lg{min-width:min(220px,100%);padding:16px 28px;font-size:1.05rem}.panel{background:linear-gradient(165deg, var(--restaurant-light), var(--restaurant-cream));border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);border:1px solid #d8bb918c;padding:24px 20px;animation:.45s cubic-bezier(.22,1,.36,1) both rise}.panel__head h2,.result h2{font-family:var(--font-display);color:var(--restaurant-dark-teal);margin:0 0 6px;font-size:1.65rem;font-weight:700}.panel__sub{color:var(--ink-soft);margin:0;font-size:.92rem}.panel__actions{gap:10px;margin-top:22px;display:flex}.panel__actions .btn{flex:1}.panel__actions .btn--ghost{color:var(--ink);background:#342c260f;border-color:#342c261a}.reward{text-align:left;margin-top:14px}.reward__total{text-align:center;font-family:var(--font-display);color:var(--restaurant-gold);margin:0 0 10px;font-size:2rem;font-weight:700}.reward__list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.reward__list li{background:#23636a0f;border-radius:10px;justify-content:space-between;gap:12px;padding:8px 12px;font-size:.9rem;display:flex}.reward__list span{color:var(--ink-soft)}.reward__list strong{color:var(--restaurant-dark-teal)}.play{width:var(--play-max);height:100%;min-height:0;max-height:100%;z-index:var(--z-game-board);flex-direction:column;flex:1;gap:0;animation:.4s both playFade;display:flex;overflow:hidden}.play[data-game-status=lost],.play[data-game-status=won]{pointer-events:none;-webkit-user-select:none;user-select:none}.play[data-intro=true] .board-stage,.play[data-intro=true] .tray-wrap,.play[data-intro=true] .powers,.play[data-exit-confirm=true] .board-stage,.play[data-exit-confirm=true] .tray-wrap,.play[data-exit-confirm=true] .powers{pointer-events:none}@keyframes playFade{0%{opacity:0}to{opacity:1}}.hud{z-index:var(--z-hud);flex-shrink:0;align-items:stretch;gap:6px;margin-bottom:clamp(4px,.8vh,8px);display:flex;position:relative}.hud__back{width:var(--hud-height);min-height:var(--hud-height);height:var(--hud-height);color:var(--restaurant-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);background:#16464c94;border:1px solid #fffdf838;border-radius:14px;flex-shrink:0;place-items:center;transition:transform .12s,background .15s;display:grid}.hud__back:hover{background:#16464cb8}.hud__back:active{transform:translateY(1px)scale(.97)}.hud__back:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.hud__panel{min-height:var(--hud-height);height:auto;min-height:var(--hud-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--restaurant-light);background:#16464c94;border:1px solid #fffdf833;border-radius:16px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px 6px 14px;display:flex;box-shadow:0 4px 14px #081c2029}.hud__info{flex:1;min-width:0}.hud__row{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.hud__level{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(.98rem,3vw,1.15rem);font-weight:700;line-height:1.15}.hud__sub{color:#fffdf8d1;margin:0;font-size:.78rem;font-weight:600}.hud__progress{background:#081c2059;border-radius:999px;max-width:220px;height:4px;margin-top:5px;overflow:hidden}.hud__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--restaurant-gold), var(--restaurant-terracotta));height:100%;transition:width .35s}.hud__coins{background:#f7f1e724;border:1px solid #d5aa5c59;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.hud__coins strong{font-size:.88rem;font-weight:800}.hud__coin-icon{place-items:center;display:grid}.board-stage{width:100%;min-height:0;z-index:var(--z-game-board);flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.board-scaler{width:min(100%, calc(var(--board-w) * var(--board-scale)));height:min(100%, calc(var(--board-h) * var(--board-scale)));place-items:center;display:grid;position:relative}.board-pile{width:var(--board-w);height:var(--board-h);transform:scale(var(--board-scale));transform-origin:50%;z-index:var(--z-game-tiles);isolation:isolate;flex-shrink:0;position:relative}.board-pile__intro-glow{pointer-events:none;z-index:0;opacity:0;background:radial-gradient(#fff8e647 0%,#d5aa5c1f 42%,#23636a0f 60%,#0000 74%);border-radius:50%;width:72%;height:58%;transition:opacity .45s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.board-pile__intro-glow--orbiting{opacity:1}.board-pile__intro-glow--settling{opacity:0;transition:opacity .9s}.board-pile__surface{pointer-events:none;z-index:0;filter:blur(1.5px);opacity:.9;background:radial-gradient(at 50% 40%,#fffdf838,#f7f1e714 45%,#0000 72%),linear-gradient(160deg,#f7f1e729,#d8bb910f);border-radius:48%/42%;width:86%;height:68%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px 20px #16464c0a}.board-pile__shade{pointer-events:none;z-index:0;background:radial-gradient(#0a1e2252,#0000 72%);border-radius:50%;width:82%;height:66%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.tile-symbol{pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;max-width:100%;height:100%;max-height:100%;line-height:0;display:grid;overflow:visible}.tile-symbol__art{width:var(--tile-art-size,78%);height:var(--tile-art-size,78%);object-fit:contain;object-position:center;max-width:100%;max-height:100%;transform:translateZ(0) scale(var(--symbol-scale,1));transform-origin:50%;filter:drop-shadow(0 1px 1px #35221424)drop-shadow(0 3px 5px #35221414);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:block}.tile-symbol--tray .tile-symbol__art{width:74%;height:74%}.tile-symbol--preview .tile-symbol__art{width:70%;height:70%}.tile-symbol__fallback{color:#6b5344;text-align:center;background:radial-gradient(circle at 35% 30%,#fffdf7e6,#0000 55%),linear-gradient(160deg,#e8dcc8,#d4c4a8);border-radius:12px;place-items:center;width:78%;height:78%;padding:4px;font-size:.55rem;font-weight:600;line-height:1.15;display:grid}.pile-tile{border-radius:var(--radius-tile);-webkit-tap-highlight-color:transparent;transition:transform var(--tile-press-ms) ease, box-shadow .14s ease, filter .16s ease, opacity .18s ease;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.pile-tile__face{z-index:1;border-radius:inherit;place-items:center;width:100%;height:100%;padding:8%;display:grid;position:relative;overflow:hidden}.pile-tile--free{cursor:pointer;background:linear-gradient(#fffdf7fa 0%,#0000 46%),linear-gradient(165deg,#fffdf8 0%,#faf3e6 52%,#f1e6d2 100%);border:1.5px solid #d5ba8cb3;box-shadow:inset 0 1px #ffffffe0,0 1px #9a6a431f,0 4px 10px #342c2624}.pile-tile--free:hover:not(:disabled){z-index:28;transform:translate(-50%,calc(-50% - 2px));box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #d5aa5c66,0 8px 16px #342c262e}.pile-tile--free:active:not(:disabled){transition-duration:var(--tile-press-ms);transform:translate(-50%,-50%)scale(.96)}.pile-tile--free:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:3px;z-index:28}.pile-tile--locked{cursor:not-allowed;box-shadow:inset 0 1px 0 #ffffff47, 0 2px 6px #262b2d24, 0 calc(1px + var(--stack-depth,0) * .35px) calc(4px + var(--stack-depth,0) * .7px) #0a1e2224;background:linear-gradient(#fffdf7bf 0%,#0000 48%),linear-gradient(165deg,#ebe4d8 0%,#ddd2c2 55%,#cfc3b0 100%);border:1.5px solid #8c969473}.pile-tile--locked .tile-symbol__art{filter:grayscale(.28)saturate(.5)brightness(.62)drop-shadow(0 1px 1px #0000001a)}.pile-tile--locked .pile-tile__face:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:#2a3a3e5c;position:absolute;inset:0}.pile-tile--fly{opacity:0;pointer-events:none;z-index:var(--z-flying-tile);transition:opacity var(--tile-fly-ms) ease, transform var(--tile-fly-ms) cubic-bezier(.22, 1, .36, 1);transform:translate(-50%,-50%)scale(.5)translateY(56px)}.pile-tile--revealed{animation:.28s both tileReveal}@keyframes tileReveal{0%{filter:brightness(.85);box-shadow:inset 0 1px #ffffff80,0 0 #d5aa5c00}40%{box-shadow:inset 0 1px #ffffffd9,0 0 0 2px #d5aa5c59}to{filter:none}}.pile-tile--intro{pointer-events:none}.pile-tile--intro-orbiting{transition:none}.pile-tile--intro-finished{will-change:auto}.pile-tile--intro.pile-tile--free:hover:not(:disabled),.pile-tile--intro.pile-tile--free:active:not(:disabled){box-shadow:inset 0 1px #ffffffd1,0 1px #9a6a4329,0 6px 14px #342c262e,0 12px 22px #3522141a}.hud__level--intro{text-shadow:0 0 16px #d5aa5c66;animation:.9s cubic-bezier(.22,1,.36,1) both hudLevelIntro}@keyframes hudLevelIntro{0%{opacity:.55;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tray-wrap{width:100%;z-index:var(--z-tray);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;margin-top:clamp(2px,.6vh,6px);display:flex;position:relative}.hold-row{justify-content:center;gap:6px;display:flex}.tray{background:linear-gradient(#fffcf58c 0%,#0000 42%),repeating-linear-gradient(92deg,#fff8eb1a 0 1px,#0000 1px 8px),linear-gradient(155deg,#e6d0ad 0%,#d8bb91 45%,#c9a878 100%);border:1px solid #9a6a4347;border-radius:18px;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.2vw,7px);width:100%;padding:8px 9px 9px;display:grid;position:relative;box-shadow:inset 0 1px #fffcf5a6,0 4px 12px #3d2a1c1f}.tray__rail{pointer-events:none;border:1px solid #fff8eb38;border-radius:15px;position:absolute;inset:3px}.tray--match{animation:trayPulse var(--tile-match-ms) ease}.tray-slot{z-index:1;aspect-ratio:1;background:#61442f14;border:1px solid #9a6a4329;border-radius:12px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #3d2a1c1f}.tray-slot--filled{box-shadow:none;background:0 0;border-color:#0000;overflow:visible}.tray-chip{background:linear-gradient(180deg, #fffdf8eb, transparent 40%), linear-gradient(155deg, var(--restaurant-light), color-mix(in srgb, var(--tile,#d8bb91) 22%, var(--restaurant-cream)));width:100%;height:100%;animation:chipIn var(--tile-fly-ms) cubic-bezier(.22, 1, .36, 1);border:1px solid #d5aa5c73;border-radius:12px;place-items:center;padding:3px;display:grid;box-shadow:inset 0 1px #ffffffb3,0 2px 5px #3d2a1c1f}.tray-chip--hold{opacity:.9;width:36px;height:36px;padding:2px}.tray-chip--match{animation:chipMatchOut var(--tile-match-ms) ease forwards;box-shadow:0 0 0 2px #d5aa5c8c,0 0 14px #d5aa5c66}.powers{z-index:var(--z-hud);flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.5vw,10px);margin-top:clamp(6px,1vh,10px);display:grid;position:relative}.power{height:48px;min-height:48px;color:var(--restaurant-muted);background:#fffdf8b8;border:1px solid #9a6a4338;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:5px 4px 4px;transition:transform .12s,box-shadow .12s,background .15s,opacity .15s;display:flex;position:relative;box-shadow:0 2px 8px #16464c14}.power:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #16464c29}.power:active:not(:disabled){transform:translateY(2px)scale(.98);box-shadow:0 2px 8px #16464c1f}.power:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.power:disabled{opacity:.42;filter:grayscale(.25);box-shadow:none}.power--undo{color:var(--restaurant-dark-wood);border-color:#d8bb91b3}.power--take{color:#8f4a35;border-color:#c96f506b}.power--shuffle{color:var(--restaurant-dark-teal);border-color:#23636a6b}.power__badge{background:var(--restaurant-terracotta);color:#fff;border:1.5px solid #fffdf8e6;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-5px;right:6px;box-shadow:0 2px 5px #c96f504d}.power__badge--empty{background:var(--restaurant-muted);box-shadow:none;opacity:.7}.power__icon{place-items:center;line-height:0;display:grid}.power__icon svg{display:block}.power__label{color:var(--restaurant-muted);font-size:.7rem;font-weight:700}.power--undo .power__label{color:var(--restaurant-wood)}.power--take .power__label{color:var(--restaurant-terracotta)}.power--shuffle .power__label{color:var(--restaurant-teal)}#modal-root{z-index:var(--z-modal-overlay);position:relative}.overlay,.modal-overlay{z-index:var(--z-modal-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;-webkit-overflow-scrolling:touch;background:#16464c85;place-items:center;padding:clamp(12px,3vh,24px) clamp(12px,3vw,20px);animation:.25s fadeIn;display:grid;position:fixed;inset:0;overflow:auto}.modal-dialog{z-index:var(--z-modal-content);outline:none;width:min(400px,100%);max-height:min(88dvh,640px);margin:auto;padding:clamp(20px,4vw,28px) clamp(18px,4vw,24px);position:relative;overflow:auto}.modal-dialog:focus-visible{box-shadow:var(--shadow), 0 0 0 3px #d5aa5c8c}.result .eyebrow{color:var(--restaurant-teal);margin:0 0 6px}.result h2{margin:0 0 10px}.result .panel__sub{margin-top:4px;line-height:1.45}.result .panel__actions{flex-wrap:wrap;margin-top:20px}.result .panel__actions .btn:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.exit-confirm-overlay{animation:.22s exitConfirmOverlayIn}.exit-confirm{text-align:center;box-shadow:var(--shadow), 0 0 0 1px #fffcf559 inset;border:1.5px solid #d5aa5c8c;flex-direction:column;align-items:center;animation:.22s exitConfirmDialogIn;display:flex}.exit-confirm__icon{width:56px;height:56px;color:var(--restaurant-dark-teal);background:linear-gradient(160deg,#fffcf5f2,#d5aa5c2e);border:1px solid #d5aa5c66;border-radius:16px;place-items:center;margin-bottom:12px;display:grid;box-shadow:0 4px 12px #3d2a1c1f}.exit-confirm h2{margin:0 0 10px;font-size:clamp(1.35rem,4vw,1.65rem)}.exit-confirm__desc{max-width:32ch;color:var(--restaurant-muted);margin:0;line-height:1.5}.exit-confirm__actions{flex-direction:column;gap:10px;width:100%;margin-top:22px;display:flex}.exit-confirm__actions .btn{width:100%;min-height:44px}.exit-confirm__exit{color:#6b4a34;background:0 0;border-color:#6b4a3473}.exit-confirm__exit:hover:not(:disabled){background:#6b4a3414;border-color:#6b4a348c}.exit-confirm__actions .btn:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}@keyframes exitConfirmOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes exitConfirmDialogIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=640px){.exit-confirm__actions{flex-direction:row;justify-content:stretch}.exit-confirm__actions .btn{flex:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes brandIn{0%{opacity:0;letter-spacing:.4em;transform:translateY(10px)}to{opacity:1;letter-spacing:.18em;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes chipIn{0%{opacity:0;transform:translateY(8px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes trayPulse{50%{box-shadow:inset 0 1px #fffcf58c,0 0 0 3px #d5aa5c66,0 8px 20px #3d2a1c2e}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero,.play,.panel,.menu-enter,.menu-header__brand,.menu-hint__tile,.tray-chip,.overlay,.exit-confirm-overlay,.exit-confirm{animation:none!important}.menu-hint__tile{opacity:1;filter:none;transform:none}.pile-tile,.power,.btn,.hud__back{transition:none}.board-pile__intro-glow{opacity:.3;animation:none!important}.pile-tile--intro-orbiting,.pile-tile--intro-settling{transition-duration:.12s!important}.hud__level--intro{text-shadow:none;animation:none}}@media (width>=1100px){:root{--play-max:min(560px, 100%);--board-scale:clamp(.85, calc((100dvh - 200px) / 490), 1.22);--hud-height:62px}}@media (width>=1400px) and (height>=860px){:root{--board-scale:clamp(1, calc((100dvh - 195px) / 490), 1.28)}}@media (width<=420px){:root{--hud-height:52px;--board-scale:clamp(.52, calc((100dvh - 225px) / 490), .85)}.hud__level{font-size:1.05rem}.hud__sub{font-size:.76rem}.power{height:48px;min-height:48px}.power__label{font-size:.65rem}}@media (height<=700px){:root{--board-scale:clamp(.5, calc((100dvh - 200px) / 490), .88);--hud-height:48px}.powers{margin-top:10px}.power{height:44px;min-height:44px}}.hud__panel{height:auto;min-height:var(--hud-height);align-items:flex-start;padding-top:8px;padding-bottom:8px}.levels-screen{width:min(920px,100%);max-width:960px;height:100%;max-height:100dvh;color:var(--restaurant-light);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.levels-screen--enter .levels-enter{animation:.55s cubic-bezier(.22,1,.36,1) both levelsEnter}.levels-enter--1{animation-delay:20ms}.levels-enter--2{animation-delay:.1s}.levels-enter--3{animation-delay:.18s}.levels-enter--4{animation-delay:.28s}@keyframes levelsEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.levels-top{z-index:5;padding:max(10px, env(safe-area-inset-top)) clamp(14px, 3vw, 22px) 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#12383ef0 0%,#16464cd1 75%,#16464c00 100%);flex-shrink:0}.levels-top__row{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}.levels-top__back{color:#fff;background:#fffdf824;border:1px solid #fffdf847;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px #081c2038}.levels-top__back:hover{background:#fffdf838}.levels-top__back:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.levels-top__titles{text-align:center;min-width:0}.levels-top__title{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(1.15rem,3.2vw,1.45rem);font-weight:700;line-height:1.15}.levels-top__sub{color:#fffdf8cc;margin:2px 0 0;font-size:.8rem;font-weight:600}.levels-top__coins{min-height:40px;color:var(--restaurant-dark-teal);background:linear-gradient(145deg, #e6c27a, var(--restaurant-gold));white-space:nowrap;border:1px solid #fffcf573;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.levels-progress{margin-top:10px}.levels-progress__track{background:#081c2073;border-radius:999px;height:5px;position:relative}.levels-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--restaurant-gold), #e6c27a);height:100%;transition:width .35s}.levels-progress__marker{border:2px solid var(--restaurant-gold);background:#fff8e8;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.levels-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px clamp(14px,3vw,22px) 8px;display:flex;overflow:hidden}@media (width>=900px){.levels-body{flex-direction:row;align-items:stretch;gap:16px}}.levels-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.levels-tabs::-webkit-scrollbar{display:none}@media (width>=900px){.levels-tabs{flex-direction:column;width:200px;padding:0;overflow:visible}}.levels-tab{text-align:left;color:#fffdf8c7;background:#12383e6b;border:1px solid #fffdf824;border-radius:14px;flex-direction:column;flex:none;gap:2px;min-width:max(120px,28vw);min-height:44px;padding:8px 12px;transition:background .15s,border-color .15s,opacity .15s;display:flex}@media (width>=900px){.levels-tab{width:100%;min-width:0}}.levels-tab--locked{opacity:.7}.levels-tab--active{color:var(--restaurant-dark-teal);background:linear-gradient(160deg,#fffdf8,#f0e2cc);border-color:#d5aa5c8c;box-shadow:0 6px 16px #081c2033}.levels-tab__title{font-family:var(--font-display);font-size:.92rem;font-weight:700;line-height:1.15}.levels-tab__meta{letter-spacing:.04em;text-transform:uppercase;opacity:.85;align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:inline-flex}.levels-tab:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.menu-page{min-height:0;color:var(--restaurant-dark-teal);background:linear-gradient(165deg,#fffdf8 0%,#f7f1e7 55%,#efe4d2 100%);border:1px solid #d8bb918c;border-radius:22px;flex:1;padding:clamp(16px,3vw,24px);position:relative;overflow:auto;box-shadow:0 16px 36px #081c2047,inset 0 1px #ffffffb3}.menu-page__accent{background:linear-gradient(180deg, var(--restaurant-wood), var(--restaurant-gold));opacity:.7;border-radius:0 4px 4px 0;width:5px;position:absolute;top:18px;bottom:18px;left:0}.menu-page--locked{opacity:.92}.menu-page__head{grid-template-columns:1fr auto;align-items:start;gap:12px;padding-left:10px;display:grid}.menu-page__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--restaurant-wood);margin:0 0 4px;font-size:.7rem;font-weight:800}.menu-page__title{font-family:var(--font-display);color:var(--restaurant-dark-teal);margin:0;font-size:clamp(1.55rem,4vw,2rem);font-weight:700;line-height:1.1}.menu-page__range{color:var(--restaurant-muted);margin:6px 0 0;font-size:.88rem;font-weight:600}.menu-page__status{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-block}.menu-page__status--done{color:var(--restaurant-teal);background:#23636a1f;border:1px solid #23636a38}.menu-page__status--active{color:var(--restaurant-dark-wood);background:#d5aa5c38;border:1px solid #d5aa5c73}.menu-page__status--locked{color:var(--restaurant-muted);background:#342c260f;border:1px solid #342c261a}.menu-page__dish{object-fit:contain;background:linear-gradient(160deg,#fff,#f3e7d4);border:1px solid #9a6a4347;border-radius:18px;width:clamp(72px,16vw,108px);height:clamp(72px,16vw,108px);padding:6px;transform:rotate(3deg);box-shadow:0 8px 18px #3d2a1c1f}.menu-page__rule{background:linear-gradient(90deg,#0000,#9a6a4373 12% 88%,#0000);height:1px;margin:16px 10px 18px}.menu-page__levels{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:14px 10px;padding:4px 4px 8px;display:grid}@media (width>=720px){.menu-page__levels{gap:18px 12px;padding-top:10px}.level-node{transform:translateY(calc(var(--wave,0) * 6px))}.level-node--gift,.level-node--final{transform:translateY(calc(var(--wave,0) * 6px)) scale(1.08)}.level-node--final{transform:translateY(calc(var(--wave,0) * 6px)) scale(1.14)}}.menu-page__footnote{color:var(--restaurant-muted);text-align:center;margin:14px 10px 0;font-size:.8rem;font-weight:600}.level-node{z-index:1;color:#3a2f28;background:linear-gradient(#fffdf88c 0%,#0000 42%),linear-gradient(160deg,#f3e6d2,#e0c9a4);border:1.5px solid #9a6a4359;border-radius:16px;place-items:center;width:48px;min-width:44px;height:48px;min-height:44px;font-weight:800;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;position:relative;box-shadow:0 4px 10px #3d2a1c29,inset 0 1px #ffffff8c}.level-node__num{z-index:1;font-size:.95rem;line-height:1}.level-node:hover:not(:disabled){transform:translateY(calc(var(--wave,0) * 6px - 1px))}.level-node:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:3px}.level-node--done{color:#fffdf8f2;background:linear-gradient(#fffdf82e 0%,#0000 40%),linear-gradient(160deg,#3a7a7f,#23636a);border-color:#fffdf838}.level-node__check{width:16px;height:16px;color:var(--restaurant-dark-teal);background:linear-gradient(145deg, #e6c27a, var(--restaurant-gold));border:1px solid #fffcf58c;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.level-node--current,.level-node--selected:not(.level-node--locked){color:var(--restaurant-dark-teal);background:linear-gradient(#ffffff8c 0%,#0000 45%),linear-gradient(160deg,#fff4dc,#e6c27a);border:2px solid #d5aa5cf2;box-shadow:0 0 0 2px #fff8e68c,0 0 16px #d5aa5c59,0 6px 14px #3d2a1c29}.level-node--current{animation:2.4s ease-in-out infinite levelCurrentPulse}@keyframes levelCurrentPulse{0%,to{box-shadow:0 0 0 2px #fff8e68c,0 0 12px #d5aa5c47,0 6px 14px #3d2a1c29}50%{box-shadow:0 0 0 3px #fff8e6b3,0 0 20px #d5aa5c73,0 6px 14px #3d2a1c29}}.level-node__tag{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:var(--restaurant-wood);font-size:.55rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.level-node--locked{color:#fffdf88c;cursor:default;opacity:1;filter:none;background:linear-gradient(#fffdf80f 0%,#0000 40%),linear-gradient(160deg,#283a3ef2,#16262afa);border-color:#342c2640;box-shadow:inset 0 1px #fffdf80d}.level-node__lock{color:#fffdf873;line-height:0;position:absolute;bottom:2px;right:3px}.level-node--gift{border-color:#d5aa5ca6;width:52px;height:52px}.level-node__gift{color:var(--restaurant-gold);line-height:0;position:absolute;top:2px;right:3px}.level-node--final{background:linear-gradient(#ffffff73 0%,#0000 42%),linear-gradient(160deg,#fff1cc,#d5aa5c);border:2px solid #d5aa5ce6;border-radius:18px;width:56px;height:56px;box-shadow:0 0 18px #d5aa5c59}.level-node__final{letter-spacing:.04em;text-transform:uppercase;color:var(--restaurant-wood);white-space:nowrap;font-size:.55rem;font-weight:800;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.levels-bottom{z-index:5;padding:10px clamp(14px, 3vw, 22px) max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#16464c00 0%,#16464cd6 28%,#12383ef2 100%);flex-direction:column;flex-shrink:0;gap:8px;display:flex}.levels-bottom__play{border-radius:16px;width:100%;min-height:54px;font-size:1.05rem;box-shadow:0 10px 26px #d5aa5c61}.levels-bottom__menu{color:#fffdf8e6;background:#fffdf814;border:1px solid #fffdf838;border-radius:14px;min-height:44px;padding:8px 14px;font-weight:700}.levels-bottom__menu:hover{background:#fffdf824}.levels-bottom__menu:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}@media (width>=640px){.levels-bottom{flex-direction:row;justify-content:flex-end;align-items:center}.levels-bottom__menu{min-width:120px}.levels-bottom__play{flex:1;width:auto;min-width:min(280px,55%)}}@media (width<=480px){.level-node{border-radius:15px;width:46px;height:46px}.level-node--gift{width:50px;height:50px}.level-node--final{width:52px;height:52px}.menu-page__dish{transform:rotate(2deg)}}@media (prefers-reduced-motion:reduce){.levels-screen--enter .levels-enter,.level-node--current{animation:none!important}}html.reduce-motion .levels-screen--enter .levels-enter,html.reduce-motion .level-node--current,html.reduce-motion .pile-tile--revealed,html.reduce-motion .tray-chip,html.reduce-motion .tray-chip--match,html.reduce-motion .tray--match{animation:none!important}.levels-panel--error{width:min(420px,100% - 24px);color:var(--ink);margin:auto}.finale-overlay{background:#12383e9e}.finale-confetti{pointer-events:none;background:radial-gradient(circle at 20% 30%,#d5aa5c59 0 2px,#0000 3px),radial-gradient(circle at 70% 25%,#c96f504d 0 2px,#0000 3px),radial-gradient(circle at 40% 70%,#fffdf859 0 1.5px,#0000 3px),radial-gradient(circle at 80% 60%,#d5aa5c40 0 2px,#0000 3px);animation:.8s fadeIn;position:absolute;inset:0}.finale-panel{z-index:1;width:min(440px,100%);max-height:calc(100dvh - 32px);position:relative;overflow:auto}.reward-cards{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.reward-card{text-align:left;min-height:120px;color:var(--restaurant-text);background:#fffdf8e6;border:1.5px solid #9a6a4340;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;transition:box-shadow .15s,border-color .15s;display:flex}.reward-card strong{font-family:var(--font-display);font-size:1.05rem}.reward-card span:last-child{color:var(--restaurant-muted);font-size:.8rem}.reward-card__icon{font-size:1.5rem}.reward-card--selected{border-color:var(--restaurant-gold);box-shadow:0 0 0 2px #d5aa5c59}.reward-card:focus-visible{outline:2px solid var(--restaurant-gold);outline-offset:2px}.finale-terms{color:var(--restaurant-muted);margin:0 0 8px;padding-left:1.1rem;font-size:.82rem}.confirm-overlay{z-index:calc(var(--z-modal-overlay) + 20);background:#0a1e228c}.reward-screen{width:min(420px,100%)}.gift-card{background:linear-gradient(160deg,#fffdf8,#f3e6d0);border:1.5px solid #d5aa5ca6;border-radius:18px;margin:16px 0;padding:20px 16px;position:relative;overflow:hidden;box-shadow:0 12px 32px #16464c2e,inset 0 0 0 1px #fffdf866}.gift-card--redeemed,.gift-card--expired{opacity:.85;filter:grayscale(.25)}.gift-card__ribbon{background:linear-gradient(90deg, var(--restaurant-terracotta), var(--restaurant-gold));opacity:.85;width:110px;height:18px;position:absolute;top:12px;right:-28px;transform:rotate(35deg)}.gift-card__type{font-family:var(--font-display);color:var(--restaurant-dark-teal);margin:0 0 8px;font-size:1.35rem;font-weight:700}.gift-card__code{letter-spacing:.08em;color:var(--restaurant-dark-wood);margin:0 0 8px;font-size:1.35rem;font-weight:800}.gift-card__hint{color:var(--restaurant-teal);margin:0 0 12px;font-weight:700}.gift-card__meta{color:var(--restaurant-muted);margin:0;padding-left:1.1rem;font-size:.85rem}.gift-card__meta li+li{margin-top:4px}.milestone-modal{width:min(380px,100%)}.result-win__level{text-align:center;color:var(--ink-soft);margin:0 0 6px;font-size:.95rem}.result-win__progress{text-align:center;color:var(--restaurant-dark-teal);margin:8px 0 4px;font-weight:600}.result-win__next{text-align:center;color:var(--ink-soft);margin:8px 0 0;font-size:.9rem;line-height:1.4}.result--lost .eyebrow{letter-spacing:.08em;font-weight:700}.play__board-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.level-tutorial{pointer-events:none;z-index:30;pointer-events:none;justify-content:center;padding:0 10px;display:flex;position:absolute;bottom:4px;left:0;right:0}.level-tutorial__tip{pointer-events:auto;max-width:min(340px,92%);box-shadow:var(--shadow);text-align:center;background:linear-gradient(165deg,#fffaf2,#f3e6d2);border:1px solid #d8bb91b3;border-radius:14px;padding:12px 14px}.level-tutorial__tip p{color:var(--ink);margin:0 0 10px;font-size:.92rem;line-height:1.4}.level-tutorial__tip--pick p{margin-bottom:0}.level-tutorial__btn{width:100%}.pile-tile--spotlight{outline-offset:2px;outline:3px solid #d5aa5cf2;animation:1.4s ease-in-out infinite tutorialPulse;z-index:50!important}@keyframes tutorialPulse{0%,to{filter:drop-shadow(0 0 #d5aa5c4d)}50%{filter:drop-shadow(0 0 10px #d5aa5cd9)}}.booster-tip{z-index:35;pointer-events:auto;width:min(320px,92%);position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.booster-tip__card{box-shadow:var(--shadow);text-align:center;background:linear-gradient(165deg,#fffaf2,#f3e6d2);border:1px solid #d8bb91b3;border-radius:14px;padding:14px 16px}.booster-tip__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--restaurant-teal);margin:0 0 4px;font-size:.72rem}.booster-tip__title{font-family:var(--font-display);color:var(--restaurant-dark-teal);margin-bottom:6px;font-size:1.15rem;display:block}.booster-tip__text{color:var(--ink-soft);margin:0 0 12px;font-size:.88rem;line-height:1.4}.booster-tip__card .btn{width:100%}@keyframes chipMatchOut{0%{opacity:1;transform:scale(1);box-shadow:0 0 0 2px #d5aa5c73,0 0 12px #d5aa5c59}to{opacity:0;transform:scale(.88);box-shadow:0 0 #0000}}.dev-tiles{z-index:2;width:min(1100px,100%);max-height:100dvh;margin:0 auto;padding:16px 14px 40px;position:relative;overflow:auto}.dev-tiles__bar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.dev-tiles__bar h1{font-family:var(--font-display);margin:4px 0 0;font-size:1.45rem}.dev-tiles__grid{gap:14px;display:grid}.dev-tile-card{background:#fffdf7b8;border:1px solid #9a6a4338;border-radius:16px;padding:12px}.dev-tile-card__head h3{margin:0;font-size:1rem}.dev-tile-card__head code{color:var(--restaurant-muted);font-size:.72rem}.dev-tile-card__row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:10px;display:flex}.dev-tile-card__cell p{color:var(--restaurant-muted);margin:0 0 6px;font-size:.75rem}.dev-tile-card__tile{width:80px;height:80px;position:relative;top:auto;left:auto;transform:none}.dev-tile-card__chip{width:56px;height:56px}@media (width<=480px){.reward-cards{grid-template-columns:1fr}.hud__gift-hint{display:none}}@media (prefers-reduced-motion:reduce){.finale-confetti{opacity:.5;animation:none}}