/* Embedded variants inherit their host's instruments. Specialized boards keep their own styling. */
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]){--host-ground:#14251f;--host-field:#20392e;--host-rule:#63826e;--host-ink:#e7f1eb;--host-soft:#b3c8bd;--host-gold:#dfbd7d;--host-violet:#b8ace0;--host-mint:#b9e8ca}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(input,select,textarea){caret-color:var(--host-gold);accent-color:var(--host-mint)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--host-ground);color:var(--host-ink);border-color:var(--host-rule)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(input,textarea)::placeholder{color:var(--host-soft)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(button.secondary,.family-mode-list button){background:var(--host-ground);color:var(--host-ink);border-color:var(--host-rule)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(button.secondary,.family-mode-list button):hover:not(:disabled){background:var(--host-field);border-color:var(--host-gold)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) button[aria-pressed=true]{background:var(--host-field);color:var(--host-ink);border-color:var(--host-gold);outline:2px solid var(--host-gold);outline-offset:2px}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(input,select,textarea,button,summary):focus-visible{outline-color:var(--host-gold);outline-offset:3px}

/* Existing comparison rows, paired islands, language lanes and clue groups are the surfaces. */
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(.family-token-row,.family-islands>section,.family-turns>section,.family-duel-rows>section,fieldset,.diverge-route){background:var(--host-ground);color:var(--host-ink);border:1px solid var(--host-rule);border-radius:12px;padding:1rem;margin-block:.8rem;min-width:0}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social))>section:not(.family-duel-rows){background:var(--host-ground);color:var(--host-ink);border:1px solid var(--host-rule);border-radius:12px;padding:1.2rem;margin-block:1.2rem}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(.family-token-row,.family-islands>section,.family-turns>section,.family-duel-rows>section,fieldset,.diverge-route)>:first-child{margin-top:0}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(.family-token-row,.family-islands>section,.family-turns>section,.family-duel-rows>section,fieldset,.diverge-route,section) :is(.muted,small){color:var(--host-soft)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(section,fieldset,.family-token-row) .family-feedback{color:var(--host-mint)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(.family-token-row,fieldset):has(input:checked){border-color:var(--host-gold)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(.family-islands>section,.family-turns>section)>h3{padding-bottom:.65rem;border-bottom:1px solid var(--host-gold)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) :is(.family-islands>section,.family-turns>section):nth-child(even)>h3{border-color:var(--host-violet)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social))>ol:not(.family-words)>li{border-bottom:1px solid var(--host-rule);padding:.65rem .5rem .65rem 0}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social))>ol>li::marker{color:var(--accent);font-variant-numeric:tabular-nums}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) .family-chain-grid{padding:1rem;background:var(--host-ground);border:1px solid var(--host-rule);border-radius:12px}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) .family-chain-grid button{background:var(--host-field);color:var(--host-ink);border-color:var(--host-rule)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) .family-chain-grid button small{color:var(--host-soft)}
.family-game [data-atlas-mode][data-atlas-variant]:not([data-atlas-variant=""]):not([data-build-mode]):not(:has(>.atlas-strategy,>.atlas-social)) .family-chain-grid button[aria-pressed=true]{border-color:var(--host-gold)}

/* A variant keepsake is a word collection, without invented edges or inferred roles. */
.atlas-host-result{--host-ground:#14251f;--host-field:#20392e;--host-rule:#63826e;--host-ink:#e7f1eb;--host-mint:#b9e8ca;max-width:38rem;margin:1.2rem 0}
.atlas-host-result .atlas-host-result-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.2rem;list-style:none;padding:1.2rem;margin:0;background:var(--host-ground);color:var(--host-ink);border:1px solid var(--host-rule);border-radius:12px}
.atlas-host-result .atlas-host-result-words>li{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.5rem 0;font-size:.95rem;line-height:1.4;overflow-wrap:anywhere}
.atlas-host-result-words svg{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;fill:none;stroke:var(--host-mint);stroke-width:1.2}.atlas-host-result-words svg circle+circle{fill:var(--host-mint);stroke:none}
.atlas-host-result figcaption{margin-top:.5rem;font-size:.85rem;color:var(--muted,#4d665d)}
@media(max-width:480px){.atlas-host-result .atlas-host-result-words{grid-template-columns:minmax(0,1fr);gap:.35rem;padding:1rem}}