:root{--bg:#f6f4fb;--text:#1e1b2e;--muted:#6e6a80;--line:#e4e0ef;--surface:#fff;--well:#ebe7f5;--accent:#7c3aed;--ruby:#e11d48;--amber:#f97316;--citrine:#eab308;--jade:#16a34a;--sapphire:#2563eb;--amethyst:#9333ea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14121c;--text:#f2f0f8;--muted:#a19cb5;--line:#2a2638;--surface:#1c1928;--well:#221e30;--accent:#a78bfa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit}.muted{color:var(--muted)}.layout{gap:16px;max-width:560px;margin:0 auto;padding:32px 16px 64px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px}h1+p{margin:4px 0 0;font-size:14px}.controls{gap:8px;display:flex}.ghost{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:7px 12px;font-size:14px}.ghost:hover:not(:disabled){background:var(--line)}.ghost:disabled{opacity:.4;cursor:default}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.stats div{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px}.stats dt{color:var(--muted);font-size:12px}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:22px;font-weight:600}.message{min-height:22px;margin:0;font-weight:500}.grid{grid-template-columns:repeat(var(--size), minmax(0, 1fr));grid-template-rows:repeat(var(--size), minmax(0, 1fr));aspect-ratio:1;background:var(--well);border-radius:16px;gap:4px;padding:8px;display:grid;overflow:hidden}.grid.over{opacity:.6}.cell{background:var(--surface);cursor:pointer;border:0;border-radius:10px;place-items:center;min-width:0;min-height:0;padding:0;display:grid}.cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.cell.hint{animation:.9s ease-in-out infinite pulse}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.gem{aspect-ratio:1;width:68%;box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff59}.gem.ruby{background:var(--ruby);border-radius:50%}.gem.amber{background:var(--amber);border-radius:22%}.gem.citrine{background:var(--citrine);clip-path:polygon(50% 4%,96% 92%,4% 92%)}.gem.jade{background:var(--jade);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.gem.sapphire{background:var(--sapphire);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.gem.amethyst{background:var(--amethyst);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 35%)}.gem.clear{animation:.26s ease-in forwards clear}.gem.fall,.gem.spawn{animation:.26s cubic-bezier(.3,0,.4,1.3) drop}@keyframes clear{to{opacity:0;transform:scale(.2)}}@keyframes drop{0%{transform:translateY(calc(var(--rows) * -147%))}}@keyframes pulse{50%{background:color-mix(in srgb, var(--accent) 25%, var(--surface))}}@media (prefers-reduced-motion:reduce){.gem.clear,.gem.fall,.gem.spawn,.cell.hint{animation:none}}