.page-shell.svelte-x58o9p{display:flex;flex-direction:column;position:relative;height:100vh;height:100dvh;overflow:hidden;background:#fff;--chrome-reserve: 210px}.page-shell.svelte-x58o9p:has(.nav-bar:where(.svelte-x58o9p)){--chrome-reserve: 260px}.nav-bar.svelte-x58o9p{padding:.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#fafafa}.page.svelte-x58o9p{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.7rem 1rem 1rem;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1a1a1a}.hud.svelte-x58o9p{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:min(400px,100%)}.brand.svelte-x58o9p{display:flex;align-items:baseline;gap:.35rem}.brand-mark.svelte-x58o9p{font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-style:italic;color:#145666;line-height:1}.brand-title.svelte-x58o9p{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0;color:#145666}.scores.svelte-x58o9p{display:flex;gap:.4rem;align-items:stretch}.score-card.svelte-x58o9p{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:.3rem .7rem;min-width:56px;display:flex;flex-direction:column;align-items:center;line-height:1.1}.score-label.svelte-x58o9p{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:700}.score-value.svelte-x58o9p{font-size:1.1rem;font-weight:800;font-variant-numeric:tabular-nums;color:#1a1a1a;transition:color .2s ease-out}.score-value.bump.svelte-x58o9p{animation:svelte-x58o9p-scoreBump .4s ease-out;color:#ec8c6f}@keyframes svelte-x58o9p-scoreBump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.board-wrap.svelte-x58o9p{width:min(400px,100%);display:flex;justify-content:center;flex:1;min-height:0}.board.svelte-x58o9p{position:relative;width:min(100%,calc((100dvh - var(--chrome-reserve)) * 3 / 5),380px);aspect-ratio:3 / 5;background:#f5f7f9;border:1px solid #e5e7eb;border-radius:24px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:8px;box-shadow:0 8px 24px #0f172a0f;touch-action:none;--gap: 8px}.board.svelte-x58o9p:focus-visible{outline:3px solid rgba(20,86,102,.4);outline-offset:4px}.cell.svelte-x58o9p{background:#eef1f3;border-radius:14px}.tile.svelte-x58o9p{position:absolute;width:calc((100% - var(--gap) * 2 - var(--gap) * 2) / 3);height:calc((100% - var(--gap) * 2 - var(--gap) * 4) / 5);top:var(--gap);left:var(--gap);transform:translate(calc(var(--c, 0) * (100% + var(--gap))),calc(var(--r, 0) * (100% + var(--gap))));transition:transform .14s cubic-bezier(.22,.61,.36,1),opacity .14s cubic-bezier(.22,.61,.36,1);pointer-events:none;will-change:transform}.tile-inner.svelte-x58o9p{width:100%;height:100%;border-radius:14px;display:grid;place-items:center;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:var(--tile-bg, #eef1f3);color:var(--tile-fg, #1a1410);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000014,0 2px 4px #0f172a1f;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s ease-out,color .22s ease-out;font-size:clamp(1.3rem,7vmin,2.2rem)}.tile[data-digits="3"].svelte-x58o9p .tile-inner:where(.svelte-x58o9p){font-size:clamp(1rem,5.6vmin,1.7rem)}.tile[data-digits="4"].svelte-x58o9p .tile-inner:where(.svelte-x58o9p){font-size:clamp(.85rem,4.4vmin,1.4rem)}.tile.appear.svelte-x58o9p .tile-inner:where(.svelte-x58o9p){transform:scale(0)}.tile.pop.svelte-x58o9p .tile-inner:where(.svelte-x58o9p){animation:svelte-x58o9p-tilePop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-x58o9p-tilePop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.tile.absorbing.svelte-x58o9p{opacity:0}.tile[data-value="1"].svelte-x58o9p{--tile-bg: #fde4cf;--tile-fg: #5a3a1f}.tile[data-value="2"].svelte-x58o9p{--tile-bg: #fbc7a4;--tile-fg: #5a3a1f}.tile[data-value="3"].svelte-x58o9p{--tile-bg: #f5a978;--tile-fg: #3d2515}.tile[data-value="5"].svelte-x58o9p{--tile-bg: #ec8c6f;--tile-fg: #2d1a10}.tile[data-value="8"].svelte-x58o9p{--tile-bg: #d97373;--tile-fg: #fff6e6}.tile[data-value="13"].svelte-x58o9p{--tile-bg: #b66d77;--tile-fg: #fff6e6}.tile[data-value="21"].svelte-x58o9p{--tile-bg: #8d6a82;--tile-fg: #fff6e6}.tile[data-value="34"].svelte-x58o9p{--tile-bg: #5e6f86;--tile-fg: #fff6e6}.tile[data-value="55"].svelte-x58o9p{--tile-bg: #3a6c7d;--tile-fg: #fff6e6}.tile[data-value="89"].svelte-x58o9p{--tile-bg: #145666;--tile-fg: #fff6e6}.tile[data-value="144"].svelte-x58o9p{--tile-bg: #0f3a42;--tile-fg: #fff6e6}.tile[data-value="233"].svelte-x58o9p{--tile-bg: #0b2c33;--tile-fg: #fff6e6}.tile[data-value="377"].svelte-x58o9p{--tile-bg: #082226;--tile-fg: #fff6e6}.tile[data-value="610"].svelte-x58o9p{--tile-bg: #06181b;--tile-fg: #fff6e6}.tile[data-value="987"].svelte-x58o9p{--tile-bg: #040f11;--tile-fg: #fff6e6}.tile[data-value="1597"].svelte-x58o9p{--tile-bg: #020708;--tile-fg: #fff6e6}.tile[data-value="2584"].svelte-x58o9p{--tile-bg: #000000;--tile-fg: #fff6e6}.footer.svelte-x58o9p{text-align:center;width:min(400px,100%)}.hint.svelte-x58o9p{margin:0;color:#6b7280;font-size:.8rem;line-height:1.55}kbd.svelte-x58o9p{display:inline-block;padding:1px 6px;margin:0 1px;font:inherit;font-size:.72rem;background:#fafafa;border:1px solid #e5e7eb;border-bottom-width:2px;border-radius:4px;color:#374151}.dialog-overlay.svelte-x58o9p{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;animation:svelte-x58o9p-fadeIn .18s ease-out}@keyframes svelte-x58o9p-fadeIn{0%{opacity:0}to{opacity:1}}.dialog.svelte-x58o9p{background:#fff;border:1px solid #e5e7eb;color:#1a1a1a;padding:1.5rem 1.8rem;border-radius:18px;min-width:260px;max-width:90vw;text-align:center;box-shadow:0 20px 60px #0f172a33}.dialog.svelte-x58o9p h2:where(.svelte-x58o9p){margin:0 0 .7rem;font-size:1.3rem;color:#145666;font-weight:800}.dialog-row.svelte-x58o9p{margin:.2rem 0;color:#6b7280}.dialog-row.svelte-x58o9p strong:where(.svelte-x58o9p){color:#1a1a1a;font-variant-numeric:tabular-nums}.dialog-actions.svelte-x58o9p{display:flex;justify-content:center;margin-top:1rem}.play-again.svelte-x58o9p{font:inherit;font-weight:700;font-size:.95rem;padding:.6rem 1.4rem;border-radius:10px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#145666,#0f3a42);box-shadow:0 2px 8px #1456664d;transition:transform .1s,box-shadow .16s ease-out}.play-again.svelte-x58o9p:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14566666}.play-again.svelte-x58o9p:active{transform:translateY(0)}.play-again.svelte-x58o9p:focus-visible{outline:3px solid rgba(20,86,102,.4);outline-offset:3px}.visually-hidden.svelte-x58o9p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.board.svelte-x58o9p{border-width:2px}.cell.svelte-x58o9p{border:1px solid #d1d5db}.tile-inner.svelte-x58o9p{box-shadow:inset 0 0 0 2px #0006,0 2px 4px #0000004d}}