.ssl-learn{flex-direction:column;align-items:center;gap:.7rem;display:flex}.ssl-learn-head{text-align:center}.ssl-learn-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.85rem;font-weight:800}.ssl-learn .ff-meta{max-width:42ch;font-size:1.05rem;line-height:1.55}.ssl-mnem{text-align:center;color:var(--ff-anvil,#2d2d2d);opacity:.9;font-size:1.15rem;font-style:italic;font-weight:700}.ssl-mnem:empty{display:none}.ssl-track{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;display:flex}.ssl-dot{background:var(--ff-warm,#f3ede3);border:2px solid var(--ff-outline,#2a1f1a);opacity:.5;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:inline-flex}.ssl-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.ssl-dot.is-now{opacity:1;background:var(--pc-select,#4f9d3f);color:#fff;box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#4f9d3f) 35%, transparent)}.ssl-prompt{text-align:center;max-width:34ch;font-size:1.3rem;font-weight:700;line-height:1.5}.ssl-say{justify-content:center;display:flex}.ssl-fb{font-size:1.15rem}.ssl-fb:empty{display:none}.ssl-fb.is-discover,.ssl-fb.is-try{color:var(--ff-anvil,#2d2d2d)}.ssl-fb.is-try{font-weight:600}.ssl-fb-icon{margin-right:.35rem;font-weight:800}.ssl-fb-word{font-weight:800}.ssl-fb-why{font-weight:600}.ssl-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.ssl-choices:empty{display:none}.ssl-choice{cursor:pointer;background:var(--ff-warm,#f3ede3);min-width:120px;min-height:60px;color:var(--ff-anvil,#2d2d2d);border:2px solid var(--ff-outline,#2a1f1a);border-radius:1.1rem;justify-content:center;align-items:center;padding:.6rem 1.6rem;font-size:1.15rem;font-weight:700;display:inline-flex}.ssl-choice:focus-visible{outline:3px solid var(--pc-select,#4f9d3f);outline-offset:2px}.ssl-continue{background:var(--pc-select,#4f9d3f);color:#fff}.ssl-say-btn{background:color-mix(in oklab, var(--pc-select,#4f9d3f) 16%, var(--ff-warm,#f3ede3))}.ssl-stage{justify-content:center;width:100%;padding:.6rem;display:flex}.ssl-board{background:#7a4a1f;border:4px solid #5a3414;border-radius:1rem;align-items:stretch;gap:.5rem;width:100%;max-width:min(96vw,42rem);padding:.7rem;display:flex}.ssl-mid{flex-direction:column;flex:auto;gap:.5rem;min-width:0;display:flex}.ssl-row{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.ssl-pit,.ssl-store{color:#3a2410;background:#c98a4a;border:3px solid #5a3414;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.ssl-pit{aspect-ratio:1;border-radius:50%;min-height:54px}.ssl-store{color:#3a2410;background:#b8813f;border-radius:2rem;width:4.4rem}.ssl-store.is-mine{background:#e0b070}button.ssl-pit{cursor:pointer}button.ssl-pit:hover,button.ssl-pit:focus-visible{outline:3px solid var(--pc-select,#4f9d3f);outline-offset:2px}.ssl-pit.is-hint{box-shadow:0 0 0 5px color-mix(in oklab, var(--pc-select,#4f9d3f) 75%, transparent)}.ssl-pit.is-drop{box-shadow:0 0 0 5px #f4d03f}.ssl-count{font-size:1.4rem;font-weight:800;line-height:1}.ssl-store .ssl-count{font-size:1.7rem}.ssl-seeds{flex-wrap:wrap;justify-content:center;gap:2px;max-width:80%;margin-top:2px;display:flex}.ssl-seed{background:#f4e6bd;border:1px solid #5a3414;border-radius:50%;width:6px;height:6px}.ssl-story{text-align:center;padding:1rem}.ssl-story-emoji{font-size:3.4rem;line-height:1}.ssl-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .5rem;font-size:1.5rem;font-weight:800}.ssl-story-body{max-width:44ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.2rem;line-height:1.6}.ssl-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.ssl-handoff-card{border:2px solid var(--ff-outline,#2a1f1a);background:var(--ff-warm,#f3ede3);min-height:68px;color:var(--ff-anvil,#2d2d2d);border-radius:.6rem;flex-direction:column;gap:.15rem;padding:.8rem 1rem;text-decoration:none;display:flex}.ssl-handoff-card:hover,.ssl-handoff-card:focus-visible{outline:3px solid var(--pc-select,#4f9d3f);outline-offset:2px}.ssl-handoff-label{font-size:1.05rem;font-weight:800}.ssl-handoff-why{opacity:.8;font-size:.85rem}.ssl-learn-foot{text-align:center}@media (width<=520px){.ssl-store{width:3rem}.ssl-count{font-size:1.1rem}.ssl-seeds{display:none}}@media (prefers-reduced-motion:no-preference){.ssl-pit,.ssl-dot{transition:box-shadow .12s,background .12s}}