.game[data-astro-cid-gsbflj4w]{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:14px var(--gutter) 0}.pair__head[data-astro-cid-gsbflj4w]{display:flex;align-items:center;justify-content:space-between;gap:12px}.pair[data-astro-cid-gsbflj4w] h1[data-astro-cid-gsbflj4w]{font-size:1.25rem}.pair__number[data-astro-cid-gsbflj4w]{color:var(--ink-soft);font-weight:600}.tools[data-astro-cid-gsbflj4w]{display:flex;gap:6px}.tool[data-astro-cid-gsbflj4w]{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 13px 0 10px;border:var(--hairline) solid var(--line-strong);border-radius:999px;background:var(--paper-raised);color:var(--ink);font-size:.875rem;font-weight:600;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out)}.tool[data-astro-cid-gsbflj4w]:hover{background:var(--paper-sunk)}.pair[data-astro-cid-gsbflj4w] h1[data-astro-cid-gsbflj4w],.tool[data-astro-cid-gsbflj4w]{white-space:nowrap}@media(max-width:419px){.tool[data-astro-cid-gsbflj4w]{min-width:42px;padding:0 10px}.tool__label[data-astro-cid-gsbflj4w]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}.tool__count[data-astro-cid-gsbflj4w]{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--paper-sunk);font-size:.75rem;font-weight:700}.tool[data-astro-cid-gsbflj4w].is-spent{color:var(--ink-soft)}.tool[data-astro-cid-gsbflj4w][aria-pressed=true]{border-color:var(--flame-outer);background:color-mix(in oklab,var(--flame-inner) 35%,var(--paper-raised))}.tool[data-astro-cid-gsbflj4w][aria-pressed=true] svg{color:var(--flame-outer);fill:color-mix(in oklab,var(--flame-inner) 60%,transparent)}.pair__ends[data-astro-cid-gsbflj4w]{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.end[data-astro-cid-gsbflj4w]{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.0625rem}.end__tile[data-astro-cid-gsbflj4w]{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--cat);color:var(--cat-ink);box-shadow:inset 0 0 0 2px var(--ink);font-size:1.0625rem}.end__num[data-astro-cid-gsbflj4w]{position:absolute;top:3px;left:5px;font-size:.625rem;font-weight:600}.end__sym[data-astro-cid-gsbflj4w]{padding-top:6px}.pair__to[data-astro-cid-gsbflj4w]{display:inline-flex;color:var(--ink-soft)}.board-wrap[data-astro-cid-gsbflj4w]{container-type:inline-size}@media(max-width:519px){.board-wrap[data-astro-cid-gsbflj4w]{margin-inline:calc(6px - var(--gutter))}}.board[data-astro-cid-gsbflj4w]{--gap: clamp(2px, .5cqi, 4px);--tile: calc((100cqi - 18 * var(--gap)) / 18.55);--tile-font: calc(var(--tile) * .54);display:grid;grid-template-columns:calc(var(--tile) * .55) repeat(18,minmax(0,1fr));grid-template-rows:auto repeat(7,auto) calc(var(--gap) * 3) repeat(2,auto);gap:var(--gap)}.axis[data-astro-cid-gsbflj4w]{display:flex;align-items:flex-end;justify-content:center;font-size:max(8px,calc(var(--tile) * .3));font-weight:600;color:var(--ink-soft);line-height:1}.axis--period[data-astro-cid-gsbflj4w]{align-items:center;justify-content:flex-start}.axis--group[data-astro-cid-gsbflj4w]{padding-bottom:2px}.tile[data-astro-cid-gsbflj4w],.marker[data-astro-cid-gsbflj4w]{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:14%;font-size:var(--tile-font);font-weight:700;line-height:1}.tile[data-astro-cid-gsbflj4w]{background:color-mix(in oklab,var(--cat) 50%,var(--paper-raised));border:var(--hairline) solid color-mix(in oklab,var(--cat) 75%,var(--cat-ink));color:var(--cat-ink);transition:opacity .2s var(--ease-out);backface-visibility:hidden}.tile[data-astro-cid-gsbflj4w].is-shown,.tile[data-astro-cid-gsbflj4w].is-uncovered{background:var(--cat)}.tile[data-astro-cid-gsbflj4w].is-uncovered:not(.is-answer){font-weight:600}.tile__num[data-astro-cid-gsbflj4w]{display:none;position:absolute;top:8%;left:10%;font-size:calc(var(--tile) * .2);font-weight:600}@container (min-width: 520px){.board[data-astro-cid-gsbflj4w]{--tile-font: calc(var(--tile) * .42)}.tile__num[data-astro-cid-gsbflj4w]{display:block}.tile__sym[data-astro-cid-gsbflj4w]{padding-top:14%}}.tile[data-astro-cid-gsbflj4w].is-end{box-shadow:inset 0 0 0 max(1.5px,calc(var(--tile) * .07)) var(--ink);z-index:1}.board[data-astro-cid-gsbflj4w]{--win-ring: #4f9a63;--win-glow: rgb(79 154 99 / .45);--off-ring: #d9724a}[data-theme=dark] .board[data-astro-cid-gsbflj4w]{--win-ring: #86d39a;--win-glow: rgb(134 211 154 / .4);--off-ring: #ee8a62}.tile[data-astro-cid-gsbflj4w].is-lit,.tile[data-astro-cid-gsbflj4w].is-off{--ring-width: max(2px, calc(var(--tile) * .09));transition:border-color .26s var(--ease-out),box-shadow .26s var(--ease-out)}.tile[data-astro-cid-gsbflj4w].is-lit{--lit-ring: inset 0 0 0 var(--ring-width) var(--win-ring);border-color:var(--win-ring);box-shadow:var(--lit-ring);z-index:2}.tile[data-astro-cid-gsbflj4w].is-off{border-color:var(--off-ring);box-shadow:inset 0 0 0 var(--ring-width) var(--off-ring)}.tile[data-astro-cid-gsbflj4w].is-breathe{animation:breathe .5s cubic-bezier(.16,1,.3,1)}@keyframes breathe{0%{box-shadow:var(--lit-ring),0 0 0 0 var(--win-glow)}to{box-shadow:var(--lit-ring),0 0 0 calc(var(--tile) * .4) transparent}}.tile[data-astro-cid-gsbflj4w].is-hinted{border:max(1px,calc(var(--tile) * .06)) dotted var(--cat-ink)}.board[data-astro-cid-gsbflj4w][data-picking] .tile[data-astro-cid-gsbflj4w][role=button]{cursor:pointer;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.board[data-astro-cid-gsbflj4w][data-picking] .tile[data-astro-cid-gsbflj4w][role=button]:hover,.board[data-astro-cid-gsbflj4w][data-picking] .tile[data-astro-cid-gsbflj4w][role=button]:focus-visible{transform:scale(1.12);box-shadow:0 0 0 max(1.5px,calc(var(--tile) * .07)) var(--flame-outer);outline:none;z-index:3}.tile[data-astro-cid-gsbflj4w].is-answer{border:max(1.5px,calc(var(--tile) * .07)) dashed var(--ink)}.board[data-astro-cid-gsbflj4w][data-focus] .tile[data-astro-cid-gsbflj4w]{opacity:.25}.board[data-astro-cid-gsbflj4w][data-focus=alkali] .cat-alkali[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=alkaline-earth] .cat-alkaline-earth[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=transition] .cat-transition[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=post-transition] .cat-post-transition[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=metalloid] .cat-metalloid[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=nonmetal] .cat-nonmetal[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=halogen] .cat-halogen[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=noble-gas] .cat-noble-gas[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=lanthanide] .cat-lanthanide[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=actinide] .cat-actinide[data-astro-cid-gsbflj4w],.board[data-astro-cid-gsbflj4w][data-focus=unknown] .cat-unknown[data-astro-cid-gsbflj4w]{opacity:1}.marker[data-astro-cid-gsbflj4w]{border:var(--hairline) dashed var(--line-strong);color:var(--ink-soft)}.marker__label[data-astro-cid-gsbflj4w]{display:none;font-size:calc(var(--tile) * .2);font-weight:600;letter-spacing:-.02em}@container (min-width: 620px){.marker__label[data-astro-cid-gsbflj4w]{display:block}}.message[data-astro-cid-gsbflj4w]:empty{display:none}.message[data-astro-cid-gsbflj4w]{margin-top:-6px;font-weight:600;font-size:.9375rem}.message[data-astro-cid-gsbflj4w] .message__fix{padding:6px 0;margin:-6px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.entry[data-astro-cid-gsbflj4w]{position:relative}.entry__row[data-astro-cid-gsbflj4w]{border:var(--hairline) solid var(--line-strong);border-radius:var(--radius);background:var(--paper-raised);transition:border-color .16s var(--ease-out)}.entry__row[data-astro-cid-gsbflj4w]:focus-within{border-color:var(--ink)}.entry__row[data-astro-cid-gsbflj4w]{display:flex;align-items:center;gap:4px;padding:4px}.entry__row[data-astro-cid-gsbflj4w] input[data-astro-cid-gsbflj4w]{flex:1;min-width:0;height:44px;padding:0 10px;border:0;background:transparent;font-size:1.0625rem}.entry__row[data-astro-cid-gsbflj4w] input[data-astro-cid-gsbflj4w]::placeholder{color:var(--ink-soft)}.entry__row[data-astro-cid-gsbflj4w] input[data-astro-cid-gsbflj4w]:focus-visible{outline:none}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.entry__row[data-astro-cid-gsbflj4w] .button[data-astro-cid-gsbflj4w]{min-height:44px;padding:0 22px;border-radius:4px}.suggestions[data-astro-cid-gsbflj4w]{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:flex;gap:4px;margin:0;padding:4px;border:var(--hairline) solid var(--line-strong);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow-raised);animation:pop .16s var(--ease-out);overflow-x:auto;scrollbar-width:none;list-style:none}.suggestions[data-astro-cid-gsbflj4w] .suggestion{display:flex;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 12px 0 4px;border-radius:4px;white-space:nowrap;cursor:pointer}.suggestions[data-astro-cid-gsbflj4w] .suggestion:hover,.suggestions[data-astro-cid-gsbflj4w] .suggestion[aria-selected=true]{background:var(--paper-sunk)}.suggestions[data-astro-cid-gsbflj4w] .suggestion[aria-disabled=true]{color:var(--ink-soft)}.suggestions[data-astro-cid-gsbflj4w] .suggestion__sym{display:inline-grid;place-items:center;width:30px;height:30px;border:var(--hairline) solid var(--line-strong);border-radius:4px;background:var(--paper);color:var(--ink);font-weight:700}.suggestions[data-astro-cid-gsbflj4w] .suggestion__name{font-weight:600}.suggestions[data-astro-cid-gsbflj4w] .suggestion__used{font-size:.8125rem}.log[data-astro-cid-gsbflj4w]{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.log[data-astro-cid-gsbflj4w]:empty{display:none}.log[data-astro-cid-gsbflj4w] .chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 6px;border-radius:var(--radius);background:var(--cat);color:var(--cat-ink);font-size:.875rem;font-weight:600}.log[data-astro-cid-gsbflj4w] .chip__num{font-size:.75rem;opacity:.8}.log[data-astro-cid-gsbflj4w] .chip__sym{font-weight:700}.log[data-astro-cid-gsbflj4w] .chip.is-hint{outline:var(--hairline) dotted var(--cat-ink);outline-offset:-3px}.result[data-astro-cid-gsbflj4w]{display:grid;gap:12px;padding:20px;border:var(--hairline) solid var(--line);border-radius:var(--radius);background:var(--paper-raised);animation:rise .48s var(--ease-out)}@keyframes rise{0%{transform:translateY(8px)}}.result[data-astro-cid-gsbflj4w] h2[data-astro-cid-gsbflj4w]{font-size:1.75rem}.result__summary[data-astro-cid-gsbflj4w],.result__feedback[data-astro-cid-gsbflj4w],.result__next[data-astro-cid-gsbflj4w]{color:var(--ink-soft)}.result__feedback[data-astro-cid-gsbflj4w]{min-height:1.25em;font-size:.875rem}.result__next[data-astro-cid-gsbflj4w] strong[data-astro-cid-gsbflj4w]{color:var(--ink)}.result__actions[data-astro-cid-gsbflj4w]{display:flex;flex-wrap:wrap;gap:8px}.stats[data-astro-cid-gsbflj4w]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.stats[data-astro-cid-gsbflj4w] div{display:flex;flex-direction:column-reverse;gap:2px}.stats[data-astro-cid-gsbflj4w] dt{font-size:.8125rem;color:var(--ink-soft)}.stats[data-astro-cid-gsbflj4w] dd{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.1}.key[data-astro-cid-gsbflj4w]{grid-row:1 / 4;grid-column:4 / 14;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:1px 4px;margin:0;padding:0 0 0 calc(var(--tile) * .45);list-style:none;font-size:max(8px,calc(var(--tile) * .3));line-height:1.15}.key__item[data-astro-cid-gsbflj4w]{display:flex;align-items:center;gap:.35em;width:100%;padding:1px 2px;border:0;border-radius:3px;background:transparent;color:var(--ink-soft);font-size:inherit;text-align:left;white-space:nowrap}.key__item[data-astro-cid-gsbflj4w]:hover,.key__item[data-astro-cid-gsbflj4w][aria-pressed=true]{background:var(--paper-sunk);color:var(--ink)}.key__item[data-astro-cid-gsbflj4w][aria-pressed=true]{font-weight:700}.key__swatch[data-astro-cid-gsbflj4w]{flex:none;width:.95em;height:.95em;border-radius:2px;background:var(--cat);border:var(--hairline) solid color-mix(in oklab,var(--cat) 75%,var(--cat-ink))}.key__medium[data-astro-cid-gsbflj4w]{display:none}@container (min-width: 520px){.key__medium[data-astro-cid-gsbflj4w]{display:inline}.key__short[data-astro-cid-gsbflj4w]{display:none}}.howto[data-astro-cid-gsbflj4w]{padding:16px 18px 18px;border:var(--hairline) solid var(--line);border-radius:var(--radius);background:var(--paper-raised)}.howto__head[data-astro-cid-gsbflj4w]{display:flex;align-items:center;justify-content:space-between;gap:12px}.howto[data-astro-cid-gsbflj4w] h2[data-astro-cid-gsbflj4w]{font-size:1.125rem}.howto__close[data-astro-cid-gsbflj4w]{min-height:36px;padding:0 14px}.howto__steps[data-astro-cid-gsbflj4w]{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.howto__steps[data-astro-cid-gsbflj4w] li[data-astro-cid-gsbflj4w]{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;font-size:.9375rem}.howto__step[data-astro-cid-gsbflj4w]{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--paper-sunk);font-size:.8125rem;font-weight:700}.confirm-dialog[data-astro-cid-gsbflj4w]{width:min(380px,calc(100vw - 2 * var(--gutter)));padding:20px;border:var(--hairline) solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-raised)}.confirm-dialog[data-astro-cid-gsbflj4w]::backdrop{background:#1c1d2159}.confirm-dialog[data-astro-cid-gsbflj4w] h2[data-astro-cid-gsbflj4w]{font-size:1.25rem}.confirm-dialog[data-astro-cid-gsbflj4w] p[data-astro-cid-gsbflj4w]{margin-top:8px;color:var(--ink-soft)}.confirm-dialog__actions[data-astro-cid-gsbflj4w]{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dev-reset[data-astro-cid-gsbflj4w]{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;min-height:40px;padding:0 14px;border:var(--hairline) dashed var(--ink-soft);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);font-size:.8125rem;font-weight:700;box-shadow:var(--shadow-raised)}.about[data-astro-cid-gsbflj4w]{display:grid;gap:10px;max-width:760px;margin:40px auto 0;padding:24px var(--gutter) 0;border-top:var(--hairline) solid var(--line);color:var(--ink-soft)}.about[data-astro-cid-gsbflj4w] h2[data-astro-cid-gsbflj4w]{color:var(--ink);font-size:1.25rem}.about[data-astro-cid-gsbflj4w] p[data-astro-cid-gsbflj4w]{max-width:68ch}.stats-dialog[data-astro-cid-gsbflj4w]{width:min(420px,calc(100vw - 2 * var(--gutter)));padding:16px 20px 20px;border:var(--hairline) solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-raised)}.stats-dialog[data-astro-cid-gsbflj4w]::backdrop{background:#1c1d2159}.stats-dialog__head[data-astro-cid-gsbflj4w]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stats-dialog[data-astro-cid-gsbflj4w] h2[data-astro-cid-gsbflj4w]{font-size:1.25rem}.stats-dialog__note[data-astro-cid-gsbflj4w]{margin-top:14px;font-size:.8125rem;color:var(--ink-soft)}@media(min-width:720px){.game[data-astro-cid-gsbflj4w]{padding-top:24px;gap:18px}.pair[data-astro-cid-gsbflj4w] h1[data-astro-cid-gsbflj4w]{font-size:1.5rem}}