:root{--backdrop-a:#fdf6e3;--backdrop-b:#e8f5d8;--tile-face:#fffdf7;--tile-edge:#d8c9a3;--tile-shade:#efe7d2;--accent:#3f8f4a;--accent-ink:#fff;--ink:#2f3b2c;--celebrate-1:#f5c242;--celebrate-2:#7bc96f;--celebrate-3:#f08a8a;--tile-w:52px;--tile-h:calc(var(--tile-w) * 1.3);--tile-depth:calc(var(--tile-w) * .16);--tile-radius:calc(var(--tile-w) * .16);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--control-min:44px;--radius:14px;--shadow:0 2px 6px #00000024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:linear-gradient(180deg, var(--backdrop-a) 0%, var(--backdrop-b) 100%);-webkit-text-size-adjust:100%;overscroll-behavior:none;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.45}#app{flex-direction:column;min-height:100%;display:flex}.boot{opacity:.7;margin:auto}button{font:inherit;color:inherit;cursor:pointer}.btn{min-height:var(--control-min);min-width:var(--control-min);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);border:2px solid #0000;padding:.6em 1.1em;font-weight:600}.btn--quiet{background:var(--tile-face);color:var(--ink);border-color:var(--tile-edge)}.btn--big{width:100%;padding:.85em 1.4em;font-size:1.15rem}.btn[disabled]{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.screen{padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);flex-direction:column;flex:1;gap:16px;display:flex}.screen--menu{justify-content:center;width:100%;max-width:460px;margin:0 auto}.title{text-align:center;margin:0;font-size:clamp(1.8rem,7vw,2.4rem)}.subtitle{text-align:center;opacity:.75;margin:0}.menu-stack{flex-direction:column;gap:12px;display:flex}.game{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;flex:1;min-height:0;display:flex}.game__bar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.game__count{margin-right:auto;font-weight:700}.game__tools{padding:8px 12px calc(8px + var(--safe-bottom));flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game__tools .btn{flex:1 1 0;min-width:88px}.game__tools--camera .btn{white-space:nowrap;min-width:0;padding:.6em .3em;font-size:.92rem}.game__controls{flex-direction:column;display:flex}@media (orientation:landscape) and (max-height:560px){.game{grid-template:"bar bar""board controls"1fr/1fr auto;min-height:0;display:grid}.game__bar{grid-area:bar;padding-block-start:4px;padding-block-end:4px}.board-viewport{grid-area:board;min-height:0}.game__controls{padding-right:calc(var(--safe-right) + 10px);padding-bottom:var(--safe-bottom);grid-area:controls;justify-content:center;gap:6px}.game__tools{flex-direction:column;gap:6px;padding:0}.game__tools .btn{min-width:92px;padding-block-start:.45em;padding-block-end:.45em}}.board-viewport{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.board{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.tile{width:var(--tile-w);height:var(--tile-h);border:2px solid var(--tile-edge);border-radius:var(--tile-radius);background:var(--tile-face);place-items:center;padding:0;transition:transform .1s ease-out,box-shadow .1s ease-out;display:grid;position:absolute;box-shadow:1px 2px #0000002e}.tile[hidden]{display:none}.tile svg{pointer-events:none;width:88%;height:88%;display:block}.tile[data-layer="1"]{box-shadow:2px 3px #0003}.tile[data-layer="2"]{box-shadow:3px 4px #00000038}.tile[data-layer="3"]{box-shadow:4px 5px #0000003d}.tile[data-layer="4"]{box-shadow:5px 6px #00000042}.tile--blocked:after{content:"";border-radius:inherit;pointer-events:none;background:#0000001f;position:absolute;top:0;bottom:0;left:0;right:0}.tile--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), 2px 6px 8px #00000038;border-width:3px;transform:translateY(-4px);z-index:99000!important}.tile--hinted{animation:.9s ease-in-out 3 hint-pulse}@keyframes hint-pulse{0%,to{box-shadow:1px 2px #0000002e}50%{box-shadow:0 0 0 4px var(--celebrate-1), 1px 2px 0 #0000002e}}.pop{pointer-events:none;z-index:8000;place-items:center;animation:.3s ease-out forwards pop-out;display:grid;position:absolute}@keyframes pop-out{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.14)}to{opacity:0;transform:scale(.55)}}.sparkle{pointer-events:none;z-index:8001;border-radius:50%;width:7px;height:7px;animation:.32s ease-out forwards sparkle-fly;position:absolute}@keyframes sparkle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){:root{--motion:0}}[data-reduced-motion=true] .tile,[data-reduced-motion=true] .pop,[data-reduced-motion=true] .sparkle,[data-reduced-motion=true] .tile--hinted{transition-duration:1ms!important;animation:none!important}[data-reduced-motion=true] .tile--selected{transform:none}[data-reduced-motion=true] .pop{animation:.16s linear forwards fade-out!important}[data-reduced-motion=true] .sparkle{display:none}[data-reduced-motion=true] .tile--hinted{outline:4px solid var(--celebrate-1);outline-offset:2px}@keyframes fade-out{to{opacity:0}}.sheet{padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);z-index:10000;background:#00000073;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.sheet__panel{background:var(--tile-face);color:var(--ink);border-radius:20px;flex-direction:column;gap:14px;width:min(420px,100%);max-height:100%;padding:20px;display:flex;overflow:auto;box-shadow:0 10px 40px #0000004d}.sheet__panel h2{margin:0;font-size:1.3rem}.sheet__panel p{margin:0}.sheet__actions{flex-direction:column;gap:10px;display:flex}.field{min-height:var(--control-min);justify-content:space-between;align-items:center;gap:12px;display:flex}.field label{font-weight:600}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.theme-card{border:2px solid var(--tile-edge);border-radius:var(--radius);background:var(--tile-face);min-height:var(--control-min);text-align:left;flex-direction:column;gap:6px;padding:8px;display:flex}.theme-card[aria-pressed=true]{border-color:var(--accent);border-width:3px}.theme-card[disabled]{opacity:.55}.theme-card__swatch{border:1px solid #0000001f;border-radius:8px;height:34px}.theme-card__name{font-size:.85rem;font-weight:600}.theme-card--new{box-shadow:0 0 0 4px var(--celebrate-1)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notice{border-radius:var(--radius);background:var(--tile-shade);border:1px solid var(--tile-edge);padding:10px 12px}