.family{--family-brass:#b49866;--family-brass-dim:#b4986659;--family-cyan:#7fd6e8}.family-lanes{border:1px solid var(--color-soft-border);background:var(--color-soft-border);border-radius:14px;overflow:hidden}.family-lane{background:var(--color-surface);gap:.5rem;padding:clamp(16px,2.4vw,24px);display:grid}.family-lane[data-level=child]{background:linear-gradient(90deg, #7fd6e814, transparent 60%), var(--color-surface)}.family-lane-label{letter-spacing:.16em;text-transform:uppercase;color:var(--family-brass);font-size:.75rem}.family-lane[data-level=child] .family-lane-label{color:var(--family-cyan)}@media (min-width:900px){.family-lanes{grid-template-columns:repeat(4,minmax(0,1fr))}}.family-tabs{scrollbar-width:thin;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.family-tab{border:1px solid var(--family-brass-dim);background:var(--color-surface-2);min-width:9.5rem;color:var(--color-warm-grey);text-align:left;cursor:pointer;border-bottom-width:3px;border-radius:10px 10px 4px 4px;flex:none;gap:.15rem;padding:.7rem 1rem .8rem;transition:transform .16s,border-color .16s;display:grid}.family-tab:hover{border-color:var(--family-brass)}.family-tab[aria-selected=true]{border-color:var(--family-brass);background:var(--color-raised);transform:translateY(-3px)}.family-tab-chapter{letter-spacing:.16em;text-transform:uppercase;color:var(--family-brass);font-size:.7rem}.family-evie{border:1px solid var(--color-soft-border);background:var(--color-surface-2);border-radius:14px}.family-journey{counter-reset:family-step;border-left:1px solid var(--family-brass-dim);gap:clamp(20px,3vw,32px);padding-left:clamp(20px,3vw,36px);display:grid}.family-step{counter-increment:family-step;gap:.6rem;display:grid;position:relative}.family-step:before{content:counter(family-step);border:1px solid var(--family-brass);background:var(--color-noir);width:1.7rem;height:1.7rem;color:var(--family-brass);border-radius:999px;place-items:center;font-size:.8rem;display:grid;position:absolute;top:.1rem;left:calc(-1*clamp(20px,3vw,36px) - .85rem)}.family-part{border-left:2px solid var(--family-brass);padding-left:.9rem}@media (prefers-reduced-motion:reduce){.family-tab{transition:none}.family-tab[aria-selected=true]{transform:none}}.fee-round{border:1px solid var(--family-brass-dim);background:linear-gradient(180deg, #7fd6e80d, transparent 70%), var(--color-surface);border-radius:14px;gap:.75rem;padding:clamp(16px,2.4vw,24px);display:grid}.fee-round__title{font-size:1.15rem}.fee-round__turn{color:#fff;font-size:1.05rem}.fee-round__turn:focus{outline:none}.fee-round__choices{flex-wrap:wrap;gap:.5rem;display:flex}.family-picker{border:0;gap:.4rem;margin:0;padding:0;display:grid}.family-picker legend{margin-bottom:.4rem;font-size:.9rem}.family-chip{border:1px solid var(--family-brass-dim);min-height:40px;color:var(--color-warm-grey);text-align:left;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .85rem;font-size:.9rem;line-height:1.2}.family-chip[aria-pressed=true]{border-color:var(--family-cyan);color:#fff;box-shadow:inset 0 0 0 1px var(--family-cyan)}.family-chip:focus-visible,.family-check input:focus-visible{outline:2px solid var(--family-cyan);outline-offset:2px}.family-check{align-items:center;gap:.4rem;min-height:40px;display:inline-flex}.family-example{border:1px dashed var(--family-brass-dim);background:#b4986614;border-radius:10px;gap:.6rem;margin:0;padding:.9rem 1rem;display:grid}.family-example figcaption{font-size:.85rem}.family-example ol{color:#fff;font-family:var(--font-mono,ui-monospace, monospace);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.3rem 1rem;margin:0;padding-left:1.5rem;list-style:decimal;display:grid}.family-visitor{border-left:3px solid var(--family-cyan);background:#7fd6e80f;gap:.3rem;margin:0;padding:.75rem 1rem;display:grid}.fee-round__dial{justify-items:start;gap:.75rem;width:min(100%,28rem);display:grid}.fee-round__dial>div:first-child{width:100%}.fee-round__hall{gap:.4rem;width:100%;margin:0;display:grid}.fee-round__line{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fee-round__line li{width:calc(var(--size) * 26px + (var(--size) - 1) * 2px);border:1px solid var(--family-brass-dim);color:#fff;font-variant-numeric:tabular-nums;background:#b4986629;border-radius:4px;place-items:center;height:28px;font-size:.8rem;display:grid}.fee-round__line li[data-mine]{border-color:var(--family-cyan);box-shadow:0 0 0 1px var(--family-cyan)}