:root{--teal:#143f3a;--cream:#fff4df;--gold:#e6b65a;--terracotta:#b75c46;--teal-950:#0a2522;--teal-900:#0e302c;--teal-800:#113833;--teal-700:#1b4e48;--teal-600:#245f57;--teal-500:#2e756b;--teal-300:#86b8ad;--cream-50:#fffbf3;--cream-100:#fff8ea;--cream-200:#f7e8cb;--cream-300:#ecd6aa;--gold-200:#f6dda5;--gold-300:#f2d08e;--gold-600:#c9963a;--gold-700:#9a6d22;--terracotta-300:#d98b75;--terracotta-600:#a44f3b;--terracotta-700:#8a3f2e;--ink:#17302c;--ink-soft:#4b605b;--on-dark:var(--cream);--on-dark-soft:#fff4dfcc;--surface:var(--cream);--surface-raised:var(--cream-50);--surface-sunken:var(--cream-200);--surface-dark:#0a2522c7;--surface-dark-line:#e6b65a59;--board-surface:#f6e6c8;--backdrop:#071a18b8;--focus-on-dark:var(--gold-300);--focus-on-light:var(--teal-700);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-press:0 3px 0 #061c1959;--shadow-card:0 2px 0 #061c191f, 0 8px 22px #061c1938;--shadow-dialog:0 18px 50px #0312108c;--font-ui:"Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, system-ui, sans-serif;--font-display:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;--tap:44px;--gutter:16px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ornament-horns-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cg fill='none' stroke='%23E6B65A' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M24 13V9C24 5 20.5 2.6 17.4 3.7 14.9 4.6 15.2 8.3 17.9 8.1 19.6 7.9 19.7 5.9 18.4 5.6'/%3E%3Cpath d='M24 9C24 5 27.5 2.6 30.6 3.7 33.1 4.6 32.8 8.3 30.1 8.1 28.4 7.9 28.3 5.9 29.6 5.6'/%3E%3Cpath d='M0 13H48' stroke-width='1'/%3E%3C/g%3E%3Cg fill='%23E6B65A'%3E%3Cpath d='M5 9.5 7 7.5 9 9.5 7 11.5Z'/%3E%3Cpath d='M39 9.5 41 7.5 43 9.5 41 11.5Z'/%3E%3C/g%3E%3C/svg%3E");--ornament-horns-teal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cg fill='none' stroke='%231B4E48' stroke-width='1.5' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M24 13V9C24 5 20.5 2.6 17.4 3.7 14.9 4.6 15.2 8.3 17.9 8.1 19.6 7.9 19.7 5.9 18.4 5.6'/%3E%3Cpath d='M24 9C24 5 27.5 2.6 30.6 3.7 33.1 4.6 32.8 8.3 30.1 8.1 28.4 7.9 28.3 5.9 29.6 5.6'/%3E%3Cpath d='M0 13H48' stroke-width='1'/%3E%3C/g%3E%3Cg fill='%23B75C46' opacity='.7'%3E%3Cpath d='M5 9.5 7 7.5 9 9.5 7 11.5Z'/%3E%3Cpath d='M39 9.5 41 7.5 43 9.5 41 11.5Z'/%3E%3C/g%3E%3C/svg%3E");--ornament-diamonds-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M8 1 11 4 8 7 5 4Z' fill='none' stroke='%23E6B65A' stroke-width='1.1'/%3E%3Ccircle cx='0' cy='4' r='.9' fill='%23E6B65A'/%3E%3Ccircle cx='16' cy='4' r='.9' fill='%23E6B65A'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--teal-950)}body{min-height:100dvh;font-family:var(--font-ui);color:var(--on-dark);background:var(--teal-950);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}#root{min-height:100dvh}h1,h2,h3,h4,p,ul,ol{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%}:focus-visible{outline:3px solid var(--focus-on-dark);outline-offset:2px}.on-light :focus-visible,.ui-modal :focus-visible{outline-color:var(--focus-on-light)}[tabindex="-1"]:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app{isolation:isolate;min-height:100dvh;position:relative}.app:before{content:"";z-index:-1;background:linear-gradient(#0a252247, #0a252247), var(--bg-image,none) center / cover no-repeat, radial-gradient(120% 75% at 50% 0%, #1f5c53 0%, var(--teal) 48%, var(--teal-950) 100%);background-color:var(--teal);position:fixed;inset:0}.ui-btn{--btn-bg:var(--gold);--btn-fg:var(--teal-950);--btn-edge:var(--gold-700);min-width:var(--tap);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);letter-spacing:.01em;text-align:center;box-shadow:0 3px 0 var(--btn-edge), 0 6px 16px #04161447;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .12s;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-size:1.05rem;font-weight:700;display:inline-flex}.ui-btn:hover:not(:disabled){filter:brightness(1.05)}.ui-btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge), 0 3px 8px #04161440;transform:translateY(2px)}.ui-btn:disabled{opacity:.5}.ui-btn--lg{min-height:56px;padding:12px 28px;font-size:1.2rem}.ui-btn--block{width:100%;display:flex}.ui-btn--secondary{--btn-bg:var(--cream);--btn-fg:var(--teal);--btn-edge:var(--cream-300)}.ui-btn--ghost{--btn-bg:#fff4df14;--btn-fg:var(--cream);--btn-edge:transparent;box-shadow:inset 0 0 0 2px #fff4df59}.ui-btn--ghost:active:not(:disabled){box-shadow:inset 0 0 0 2px #fff4df80}.on-light .ui-btn--ghost,.ui-modal .ui-btn--ghost{--btn-bg:transparent;--btn-fg:var(--teal);box-shadow:inset 0 0 0 2px #143f3a59}.ui-btn--danger{--btn-bg:var(--terracotta-600);--btn-fg:var(--cream-50);--btn-edge:var(--terracotta-700)}.ui-btn .ui-icon{flex:none}.ui-icon-btn{--ib-bg:#0a25228c;--ib-fg:var(--cream);--ib-ring:#e6b65a8c;width:var(--ib-size,48px);height:var(--ib-size,48px);min-width:var(--tap);min-height:var(--tap);background:var(--ib-bg);color:var(--ib-fg);box-shadow:inset 0 0 0 2px var(--ib-ring);transition:transform .12s var(--ease-out), background-color .12s;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.ui-icon-btn:active:not(:disabled){transform:scale(.94)}.ui-icon-btn--light{--ib-bg:var(--cream);--ib-fg:var(--teal);--ib-ring:var(--cream-300)}.ui-icon-btn--gold{--ib-bg:var(--gold);--ib-fg:var(--teal-950);--ib-ring:var(--gold-600)}.ui-icon{flex:none;display:block}.ui-toggle{border-radius:var(--radius-md);background:var(--surface-raised);width:100%;min-height:56px;color:var(--ink);text-align:left;touch-action:manipulation;border:0;align-items:center;gap:14px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #143f3a1f}.ui-toggle:disabled{opacity:.6}.ui-toggle__icon{color:var(--teal-600);flex:none}.ui-toggle__text{flex:1;gap:2px;min-width:0;display:grid}.ui-toggle__label{font-weight:700}.ui-toggle__desc{color:var(--ink-soft);font-size:.85rem}.ui-toggle__track{background:#c9c0ad;border-radius:999px;flex:none;width:52px;height:30px;transition:background-color .16s;position:relative}.ui-toggle__thumb{width:24px;height:24px;transition:transform .16s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.ui-toggle[aria-checked=true] .ui-toggle__track{background:var(--teal-500)}.ui-toggle[aria-checked=true] .ui-toggle__thumb{transform:translate(22px)}.ui-toggle__state{min-width:3.2em;color:var(--ink-soft);text-align:right;flex:none;font-size:.85rem;font-weight:700}.ui-modal{width:min(440px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-width:none;max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-dialog), inset 0 0 0 2px var(--gold);border:0;margin:auto;padding:0;overflow:hidden}.ui-modal[open]{animation:ui-modal-in .2s var(--ease-out);flex-direction:column;display:flex}.ui-modal::backdrop{background:var(--backdrop)}.ui-modal--wide{width:min(760px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)))}.ui-modal__ornament{background:var(--ornament-horns-teal) center / auto 14px repeat-x;flex:none;height:14px;margin:14px 18px 0}.ui-modal__header{align-items:center;gap:12px;padding:10px 20px 4px;display:flex}.ui-modal__title{font-family:var(--font-display);color:var(--teal);text-align:center;flex:1;font-size:1.6rem;line-height:1.2}.ui-modal__header--with-close .ui-modal__title{text-align:left}.ui-modal__body{overscroll-behavior:contain;gap:12px;padding:12px 20px;display:grid;overflow-y:auto}.ui-modal__text{color:var(--ink-soft);text-align:center}.ui-modal__actions{gap:10px;padding:8px 20px 20px;display:grid}.ui-modal__actions--row{grid-template-columns:1fr 1fr}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.ui-stars{align-items:flex-end;gap:2px;display:inline-flex}.ui-star{flex:none;display:block}.ui-star path{fill:#143f3a2e;stroke:#143f3a59;stroke-width:1.2px;stroke-linejoin:round}.ui-stars--on-dark .ui-star path{fill:#fff4df29;stroke:#fff4df66}.ui-star[data-filled=true] path{fill:var(--gold);stroke:var(--gold-700)}.ui-stars--lg{gap:6px}.ui-stars--lg .ui-star:nth-child(2){transform:translateY(-10px)}.ui-stars--animated .ui-star[data-filled=true]{animation:ui-star-pop .42s var(--ease-pop) both;animation-delay:calc(.18s + var(--i,0) * .26s)}.ui-stars--lg.ui-stars--animated .ui-star:nth-child(2)[data-filled=true]{animation-name:ui-star-pop-raised}@keyframes ui-star-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}@keyframes ui-star-pop-raised{0%{opacity:0;transform:translateY(-10px)scale(.2)rotate(-25deg)}to{transform:translateY(-10px)}}.ui-toast{left:50%;bottom:calc(12px + var(--safe-bottom));z-index:50;border-radius:var(--radius-md);background:var(--cream);width:min(520px,100vw - 24px);color:var(--ink);box-shadow:var(--shadow-dialog), inset 4px 0 0 var(--terracotta);animation:ui-toast-in .22s var(--ease-out);align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex;position:fixed;transform:translate(-50%)}.ui-toast__text{flex:1;font-size:.92rem}@keyframes ui-toast-in{0%{opacity:0;transform:translate(-50%,12px)}}[data-reduced-motion=true] .ui-modal[open],[data-reduced-motion=true] .ui-toast,[data-reduced-motion=true] .ui-stars--animated .ui-star,[data-reduced-motion=true] .motion-safe{animation:none!important}[data-reduced-motion=true] .ui-btn,[data-reduced-motion=true] .ui-icon-btn,[data-reduced-motion=true] .ui-toggle__thumb{transition:none}.ui-tile-swatch,.ui-crumbs-swatch,.ui-goal-icon{flex:none;place-items:center;display:inline-grid;position:relative}.ui-tile-swatch>*,.ui-crumbs-swatch>*{width:100%;height:100%;position:absolute;inset:0}.ui-tile-swatch{background:var(--cream-50);border-radius:22%;box-shadow:inset 0 0 0 1px #143f3a1a}.ui-crumbs-swatch{background:var(--cream-50);border-radius:22%;overflow:hidden;box-shadow:inset 0 0 0 1.5px #b75c468c}.ui-result__stars{place-items:center;padding:14px 0 0;display:grid}.ui-result__score{text-align:center;color:var(--teal);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.ui-result__goals{gap:6px;display:grid}.ui-result__goals-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem;font-weight:800}.ui-result__goal-list{gap:6px;padding:0;list-style:none;display:grid}.ui-result__goal{background:var(--surface-raised);border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 8px;display:flex;box-shadow:inset 0 0 0 1px #143f3a1f}.ui-result__goal-name{flex:1;min-width:0;font-weight:700}.ui-result__goal-state{color:var(--terracotta-700);align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:inline-flex}.ui-result__goal[data-done=true] .ui-result__goal-state{color:var(--teal-500)}.art-tile,.art-crumbs{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.art-icon{vertical-align:middle;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;display:inline-block;position:relative}.art-tile *,.art-crumbs *,.art-icon *{pointer-events:none}.art-sprite{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.art-overlay{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.art-badge{width:54%;height:54%;position:absolute;top:30%;left:23%}.art-badge--line-h{width:50%;height:50%;top:31%;left:25%}.art-badge--line-v{width:50%;height:50%;top:27%;left:25%}.art-badge__disc{width:100%;height:100%;display:block;position:absolute;inset:0}.art-badge__food{position:absolute;inset:6%}.art-glow{background:radial-gradient(closest-side,#ffdc78f2,#f0ba468c 55%,#f0be5a00 100%);border-radius:50%;position:absolute;inset:-3%}.art-fallback{display:block;position:absolute;inset:0}.art-fallback__shape{border-radius:24%;position:absolute;inset:13%;box-shadow:0 0 0 1.5px #fff4df99,inset 0 0 0 2px #00000047,inset 3px 4px #ffffff59}.art-fallback--circle .art-fallback__shape{border-radius:50%}.art-fallback--oval .art-fallback__shape{border-radius:50%;inset:20% 9%}.art-fallback--diamond .art-fallback__shape{border-radius:18%;inset:19%;transform:rotate(45deg)}.art-fallback--triangle .art-fallback__shape{clip-path:polygon(50% 2%,99% 96%,1% 96%);box-shadow:none;border-radius:0;inset:9% 7% 12%}.art-fallback--rounded .art-fallback__shape{border-radius:22%;inset:14% 18%}.art-fallback--bowl .art-fallback__shape{border-radius:14% 14% 50% 50%/14% 14% 80% 80%;inset:22% 9% 14%}.art-fallback--drop .art-fallback__shape{border-radius:50% 50% 46% 46%/62% 62% 38% 38%;inset:12% 15% 13%}.art-fallback--disc .art-fallback__shape{border-radius:50%;inset:28% 6%;transform:rotate(-14deg)}.art-fallback--mound .art-fallback__shape{border-radius:50% 50% 18% 18%/80% 80% 20% 20%;inset:16% 10% 14%}.art-fallback--dome .art-fallback__shape{border-radius:50% 50% 14% 14%/90% 90% 20% 20%;inset:24% 8% 16%}.art-fallback--deep-bowl .art-fallback__shape{border-radius:10% 10% 46% 46%/10% 10% 60% 60%;inset:14% 9% 10%}.art-fallback--wide-triangle .art-fallback__shape{clip-path:polygon(50% 4%,100% 92%,0% 92%);box-shadow:none;border-radius:0;inset:14% 4% 16%}.art-fallback--flask .art-fallback__shape{border-radius:30% 30% 46% 46%/20% 20% 40% 40%;inset:8% 22%}.art-fallback--platter .art-fallback__shape{border-radius:50%;inset:24% 6% 18%}.art-fallback__glyph{width:100%;height:100%;font-family:system-ui,Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;display:block;position:absolute;inset:0}.art-crumbs__fallback{background:radial-gradient(circle at 18% 20%,#d6ad72 0 5%,#0000 6%),radial-gradient(circle at 82% 16%,#d6ad72 0 4%,#0000 5%),radial-gradient(circle at 14% 72%,#d6ad72 0 5%,#0000 6%),radial-gradient(circle at 86% 84%,#d6ad72 0 5%,#0000 6%),radial-gradient(circle at 50% 92%,#d6ad72 0 4%,#0000 5%),#e2be8833;border-radius:22%;position:absolute;inset:6%}.art-crumbs--hp2 .art-crumbs__fallback{background:radial-gradient(circle at 18% 20%,#c79a5c 0 6%,#0000 7%),radial-gradient(circle at 50% 8%,#c79a5c 0 4%,#0000 5%),radial-gradient(circle at 82% 16%,#c79a5c 0 5%,#0000 6%),radial-gradient(circle at 10% 46%,#c79a5c 0 4%,#0000 5%),radial-gradient(circle at 90%,#c79a5c 0 4%,#0000 5%),radial-gradient(circle at 14% 72%,#c79a5c 0 6%,#0000 7%),radial-gradient(circle at 86% 84%,#c79a5c 0 6%,#0000 7%),radial-gradient(circle at 50% 92%,#c79a5c 0 5%,#0000 6%),#d6ad725c}.gl{--gl-pad-x:8px;--gl-board-max:880px;height:100dvh;padding:calc(6px + var(--safe-top)) calc(var(--gl-pad-x) + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(var(--gl-pad-x) + var(--safe-left));grid-template:"hud""goals""board"minmax(0,1fr)"footer"/minmax(0,1fr);gap:8px;display:grid;position:relative;overflow:hidden}.gl-hud{background:var(--surface-dark);min-height:56px;box-shadow:inset 0 0 0 1px var(--surface-dark-line);border-radius:20px;grid-area:hud;align-items:center;gap:8px;padding:4px;display:flex;position:relative}.gl-hud:after{content:"";background:var(--ornament-diamonds-gold) center / auto 8px repeat-x;opacity:.7;pointer-events:none;height:8px;position:absolute;bottom:-9px;left:22%;right:22%}.gl-titles{text-align:center;flex:1;justify-items:center;min-width:0;display:grid}.gl-badge{background:var(--gold);color:var(--teal-950);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:0 8px;font-size:.7rem;font-weight:800;display:inline-block}.gl-title{max-width:100%;font-family:var(--font-display);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;line-height:1.2;overflow:hidden}.gl-score{color:var(--on-dark-soft);font-variant-numeric:tabular-nums;font-size:.82rem;line-height:1.2}.gl-score b{color:var(--gold-300)}.gl-moves{background:var(--cream);min-width:68px;min-height:48px;color:var(--teal);box-shadow:inset 0 0 0 2px var(--gold);border-radius:16px;flex:none;align-content:center;justify-items:center;padding:2px 10px;display:grid}.gl-moves__label{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.1}.gl-moves__value{font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:800;line-height:1}.gl-moves[data-low=true]{background:var(--terracotta-600);color:var(--cream-50);box-shadow:inset 0 0 0 2px var(--gold-300)}.gl-goals{grid-area:goals;min-width:0}.gl-panel-title{display:none}.gl-goal-list{flex-wrap:wrap;justify-content:center;gap:6px;padding:0;list-style:none;display:flex}.gl-goal{background:var(--cream);min-height:36px;color:var(--teal);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 4px;display:flex;box-shadow:0 2px #061c194d}.gl-goal__icon{place-items:center;width:30px;height:30px;display:grid}.gl-goal__name{display:none}.gl-goal__count{font-variant-numeric:tabular-nums;place-items:center;min-width:1.5em;font-size:1.05rem;font-weight:800;display:grid}.gl-goal[data-done=true]{background:var(--teal-500);color:var(--cream);box-shadow:0 2px 0 #061c194d, inset 0 0 0 2px var(--gold)}.gl-board-area{grid-area:board;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.gl-board-slot{aspect-ratio:1;background:var(--board-surface);width:min(100%,62vh);box-shadow:0 0 0 2px var(--gold), 0 0 0 5px #0a25228c, 0 14px 30px #03121073;border-radius:12px;position:relative}@supports (width:1cqmin){.gl-board-slot{width:min(100cqw, 100cqh, var(--gl-board-max))}}.gl-footer{grid-area:footer;align-items:center;gap:8px;min-height:48px;display:flex}.gl-hint{background:var(--surface-dark);min-width:0;min-height:44px;color:var(--cream);box-shadow:inset 0 0 0 1px var(--surface-dark-line);border-radius:16px;flex:1;align-items:center;padding:6px 14px;font-size:.95rem;line-height:1.25;display:flex}.gl-hint:empty{box-shadow:none;background:0 0}.gl-overlay{z-index:5;pointer-events:none;position:absolute;inset:0}.gl-overlay>*{pointer-events:auto}@media (height<=700px){.gl{padding-top:calc(4px + var(--safe-top));padding-bottom:calc(6px + var(--safe-bottom));gap:6px}.gl-hud:after{display:none}.gl-hud{min-height:52px}}@media (height<=620px){.gl-title{font-size:1.05rem}.gl-goal{min-height:32px}.gl-goal__icon{width:26px;height:26px}.gl-hint{padding:4px 12px;font-size:.88rem}}@media (width>=600px){.gl{--gl-pad-x:16px}}@media (width>=900px) and (height>=600px){.gl{max-width:min(1320px,100dvh + 300px);padding:calc(16px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));grid-template:"hud hud""board goals""board footer"minmax(0,1fr)/minmax(0,1fr) minmax(250px,300px);gap:16px 24px;margin:0 auto}.gl-hud{min-height:64px;padding:6px 8px}.gl-title{font-size:1.5rem}.gl-score{font-size:.95rem}.gl-goals,.gl-footer{border-radius:var(--radius-lg);background:var(--surface-dark);box-shadow:inset 0 0 0 1px var(--surface-dark-line);padding:16px}.gl-goals{align-self:start}.gl-panel-title{font-family:var(--font-display);color:var(--gold-300);background:var(--ornament-horns-gold) center bottom / auto 12px repeat-x;margin-bottom:12px;padding-bottom:18px;font-size:1.2rem;display:block}.gl-goal-list{flex-flow:column;gap:8px}.gl-goal{border-radius:14px;min-height:48px;padding:4px 14px 4px 6px}.gl-goal__icon{width:36px;height:36px}.gl-goal__name{flex:1;min-width:0;font-weight:700;display:block}.gl-footer{flex-direction:column;align-self:start;align-items:stretch;gap:12px}.gl-footer .ui-icon-btn{align-self:flex-end}.gl-hint{background:#fff4df0f;min-height:64px}}@media (orientation:landscape) and (height<=599px){.gl{grid-template-columns:min(100vh - 12px,100vw - 232px) minmax(200px,1fr);grid-template-columns:min(calc(100dvh - 12px - var(--safe-top) - var(--safe-bottom)), calc(100vw - 232px - var(--safe-left) - var(--safe-right))) minmax(200px, 1fr);max-width:calc(100dvh + 340px);padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(10px + var(--safe-left));grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"board hud""board goals""board footer";gap:8px 12px;margin:0 auto}.gl-hud:after{display:none}.gl-hud{min-height:52px}.gl-title{font-size:1rem}.gl-goal-list{justify-content:flex-start}.gl-footer{align-self:end}}.guide{color:var(--ink);gap:22px;display:grid}.guide-section{gap:10px;display:grid}.guide-section__title{font-family:var(--font-display);color:var(--teal);background:var(--ornament-diamonds-gold) left bottom / auto 8px repeat-x;padding-bottom:8px;font-size:1.3rem;line-height:1.2}.guide-section__intro{color:var(--ink-soft)}.guide-cards{gap:10px;padding:0;list-style:none;display:grid}.guide-card{border-radius:var(--radius-md);background:var(--surface-raised);gap:10px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 1px #143f3a1f}.guide-card--gold{background:linear-gradient(#fff6e2,#fbe9c4);box-shadow:inset 0 0 0 2px #e6b65abf}.guide-card__visual{background:var(--board-surface);min-height:44px;color:var(--teal-600);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.guide-card__body{align-items:flex-start;gap:12px;display:flex}.guide-card__text{flex:1;gap:4px;min-width:0;display:grid}.guide-card__title{color:var(--teal);font-size:1.02rem;line-height:1.25}.guide-card p{font-size:.95rem;line-height:1.45}.guide-tiles{gap:3px;display:inline-flex}.guide-tiles--vertical{flex-direction:column}.guide-lshape{gap:2px;display:inline-grid}.guide-arrow{color:var(--terracotta);flex:none}.guide-plus{color:var(--terracotta);font-size:1.6rem;font-weight:800;line-height:1}.guide-scheme{flex:none;width:76px;height:76px}.guide-scheme__bg{fill:var(--teal)}.guide-scheme__cell--0{fill:#fff4df33}.guide-scheme__cell--1{fill:var(--gold)}.guide-scheme__cell--2{fill:var(--terracotta-300);stroke:var(--cream);stroke-width:.12px}@media (width>=720px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.guide-card{padding:10px}.guide-scheme{width:64px;height:64px}}.bd-board{--bd-cell:calc(100% / 11);--bd-cell-a:#fff4df;--bd-cell-b:#f6e6c8;aspect-ratio:1;background:var(--bd-cell-b);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;outline:none;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #143f3a26;container-type:inline-size}.bd-board:focus-visible{box-shadow:0 0 0 3px #e6b65a,inset 0 0 0 1px #143f3a26}.bd-cells{grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);display:grid;position:absolute;inset:0}.bd-cell{position:relative}.bd-cell-a{background:var(--bd-cell-a)}.bd-cell-b{background:var(--bd-cell-b)}.bd-crumbs,.bd-tiles,.bd-markers{pointer-events:none;position:absolute;inset:0}.bd-tile{width:var(--bd-cell);height:var(--bd-cell);transition-property:transform;transition-timing-function:cubic-bezier(.45,.05,.6,1);position:absolute;top:0;left:0}.bd-tile-inner{position:absolute;inset:4%}.bd-art{width:100%;height:100%;position:absolute;inset:0}.bd-fx-removing .bd-tile-inner{animation:.16s ease-in forwards bd-remove}.bd-fx-created .bd-tile-inner{animation:.26s ease-out bd-pop}.bd-fx-converted .bd-tile-inner{animation:.22s ease-out bd-convert}@keyframes bd-remove{to{opacity:0;transform:scale(.25)}}@keyframes bd-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes bd-convert{0%{filter:brightness(1.8);transform:scale(1.15)}to{filter:none;transform:scale(1)}}.bd-marker{width:var(--bd-cell);height:var(--bd-cell);box-sizing:border-box;border-radius:22%;position:absolute;top:0;left:0}.bd-marker-selected{background:#b75c4629;border:3px solid #b75c46;box-shadow:0 0 0 2px #fff4df}.bd-marker-cursor{border:2px dashed #143f3a}.bd-board:not(:focus-visible) .bd-marker-cursor{display:none}.bd-marker-hint{background:#e6b65a73;animation:1.1s ease-in-out infinite bd-hint}.bd-marker-guide{background:#e6b65a8c;border:3px solid #e6b65a;animation:.9s ease-in-out infinite bd-hint}@keyframes bd-hint{0%,to{opacity:.35}50%{opacity:1}}.bd-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bd-effects>*{pointer-events:none}.fx-band{animation-name:fx-band;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute}.fx-band-h{--fx-axis:scaleX(0);background:linear-gradient(#0000 10%,#ffe28cf2 45%,#fff9e1 50%,#ffe28cf2 55%,#0000 90%);left:0;right:0}.fx-band-v{--fx-axis:scaleY(0);background:linear-gradient(90deg,#0000 10%,#ffe28cf2 45%,#fff9e1 50%,#ffe28cf2 55%,#0000 90%);top:0;bottom:0}@keyframes fx-band{0%{transform:var(--fx-axis);opacity:1}55%{opacity:1;transform:none}to{opacity:0;transform:none}}.fx-area{background:radial-gradient(circle,#fff4c8f2 0%,#e6b65abf 45%,#b75c4640 75%,#0000 100%);border-radius:24%;animation:ease-out forwards fx-area;position:absolute}@keyframes fx-area{0%{opacity:.2;transform:scale(.3)}40%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}.fx-cell{background:#e6b65aa6;border-radius:25%;animation:ease-out forwards fx-cell;position:absolute}@keyframes fx-cell{0%{opacity:0}30%{opacity:1}to{opacity:0}}.fx-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-beam{fill:none;stroke:#ffd77a;stroke-width:.12px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 .15px #fff4df);animation:ease-out forwards fx-beam}@keyframes fx-beam{0%{stroke-dashoffset:1px;opacity:1}60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.fx-wave{fill:none;stroke:#ffe28ce6;stroke-width:.2px;transform-box:fill-box;transform-origin:50%;animation:ease-out forwards fx-wave}@keyframes fx-wave{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3)}}.fx-ring{aspect-ratio:1;border:6px solid #ffd77af2;border-radius:50%;width:20%;margin:-10% 0 0 -10%;animation:ease-out forwards fx-ring;position:absolute;box-shadow:0 0 24px #ffd77acc,inset 0 0 18px #fff4dfcc}@keyframes fx-ring{0%{opacity:1;transform:scale(.2)}80%{opacity:.9}to{opacity:0;transform:scale(8)}}.fx-spark{aspect-ratio:1;border-radius:30%;width:2.2%;margin:-1.1% 0 0 -1.1%;animation:ease-out forwards fx-spark;position:absolute}.fx-spark-0{background:#ffd77a}.fx-spark-1{background:#b75c46}.fx-spark-2{background:#fff4df}@keyframes fx-spark{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(260deg);opacity:0}}:root[data-reduced-motion=true] .bd-fx-created .bd-tile-inner,:root[data-reduced-motion=true] .bd-fx-converted .bd-tile-inner{animation:none}:root[data-reduced-motion=true] .bd-fx-removing .bd-tile-inner{animation:.12s linear forwards bd-fade}:root[data-reduced-motion=true] .fx-area{animation-name:fx-cell}:root[data-reduced-motion=true] .bd-marker-hint,:root[data-reduced-motion=true] .bd-marker-guide{opacity:.8;animation:none}@keyframes bd-fade{to{opacity:0}}.gp-tutorial-hint{display:inline}.gp-step{color:var(--gold,#e6b65a);white-space:nowrap;font-weight:700}.scr{width:100%;max-width:640px;min-height:100dvh;padding:calc(12px + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.scr--wide{max-width:980px}.scr-header{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;display:grid}.scr-header__spacer{width:48px;height:48px}.scr-title{font-family:var(--font-display);color:var(--cream);text-align:center;text-shadow:0 2px #0000004d;overflow-wrap:anywhere;font-size:1.8rem;line-height:1.15}.scr-title:focus{outline:none}.scr-title:after{content:"";background:var(--ornament-horns-gold) left center / 48px 14px repeat-x;width:144px;max-width:100%;height:14px;margin:6px auto 0;display:block}.scr-body{gap:16px;display:grid}.scr-panel{border-radius:var(--radius-lg);background:var(--surface-dark);min-width:0;box-shadow:inset 0 0 0 1px var(--surface-dark-line);gap:12px;padding:16px;display:grid}.scr-panel--light{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card), inset 0 0 0 2px #e6b65a99}.scr-panel__title{font-family:var(--font-display);color:var(--gold-300);font-size:1.3rem;line-height:1.2}.scr-panel--light .scr-panel__title{color:var(--teal)}.scr-panel__hint{color:var(--on-dark-soft);font-size:.92rem}.scr-panel--light .scr-panel__hint{color:var(--ink-soft)}.scr-empty{color:var(--on-dark-soft);text-align:center;padding:12px 0}.scr-start{justify-content:center;gap:22px;max-width:460px}.start-hero{min-width:0;box-shadow:inset 0 0 0 1px var(--surface-dark-line), 0 20px 50px #03121059;text-align:center;background:radial-gradient(120% 90% at 50% 0,#2e756b8c,#0a2522d1 70%);border-radius:28px;padding:26px 16px 22px;container-type:inline-size}.start-ornament{background:var(--ornament-horns-gold) center / 48px 14px repeat-x;width:min(240px,80%);height:14px;margin:0 auto 14px}.start-ornament--bottom{margin:18px auto 0;transform:scaleY(-1)}.start-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold);text-shadow:0 3px #00000059;font-size:clamp(2rem,15.5cqi,3.6rem);font-weight:700;line-height:1.05}.start-title:focus{outline:none}.start-tagline{color:var(--on-dark-soft);margin-top:8px}.start-foods{flex-wrap:wrap;justify-content:center;gap:6px;max-width:250px;margin:18px auto 0;display:flex}.start-food{background:var(--cream);width:36px;height:36px;box-shadow:0 3px 0 var(--cream-300), 0 6px 12px #0003;border-radius:11px;place-items:center;display:grid}.start-menu{gap:12px;display:grid}.start-play{line-height:1.15;display:grid}.start-play small{opacity:.85;font-size:.8rem;font-weight:600}.start-note{color:var(--on-dark-soft);text-align:center;font-size:.85rem}@media (orientation:landscape) and (height<=560px){.scr-start{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:16px 24px;max-width:860px;display:grid}.start-note{grid-column:1/-1}.start-hero{padding:16px}}.levels-summary{color:var(--gold-300);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.levels-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;padding:0;list-style:none;display:grid}.scr-level{aspect-ratio:1;background:var(--cream);width:100%;min-height:60px;color:var(--teal);box-shadow:0 3px 0 var(--cream-300), 0 6px 14px #00000040;transition:transform .12s var(--ease-out);touch-action:manipulation;border:0;border-radius:18px;align-content:center;place-items:center;gap:4px;padding:4px;display:grid;position:relative}.scr-level:active:not(:disabled){transform:translateY(2px)}.scr-level__num{font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:800;line-height:1}.scr-level__meta{place-items:center;min-height:16px;display:grid}.scr-level__play{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:800}.scr-level[data-state=current]{background:var(--gold);color:var(--teal-950);box-shadow:0 3px 0 var(--gold-700), 0 0 0 3px var(--cream), 0 8px 18px #0000004d}.scr-level[data-state=locked]{color:#fff4df99;opacity:1;background:#fff4df1a;box-shadow:inset 0 0 0 2px #fff4df2e}.scr-level__new{background:var(--cream-50);width:26px;height:26px;box-shadow:0 0 0 2px var(--gold), 0 2px 6px #0000004d;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.levels-new{color:var(--cream);background:#e6b65a24;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #e6b65a80}.levels-new__icons{flex:none;gap:4px;display:inline-flex}.levels-new__icon{background:var(--cream);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.tutorial-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:0;list-style:none;display:grid}.scr-tutorial{width:100%;min-height:56px;color:var(--cream);text-align:left;touch-action:manipulation;background:#fff4df1a;border:0;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1.5px #e6b65a73}.scr-tutorial .ui-icon{color:var(--gold)}.scr-tutorial__title{flex:1;min-width:0}.scr-tutorial__seen{color:var(--gold-300);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.scr-tutorial__seen .ui-icon{color:inherit}@media (hover:hover){.scr-level:hover:not(:disabled),.scr-tutorial:hover{filter:brightness(1.06)}}.settings-list{gap:10px;display:grid}.settings-status{color:var(--teal-600);font-weight:700}[data-reduced-motion=true] .scr-level{transition:none}