.dtl{flex-direction:column;gap:.7rem;display:flex}.dtl-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.dtl-track{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.dtl-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:34px;height:34px;font-size:1.05rem;display:inline-flex}.dtl-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.dtl-dot.is-now{opacity:1;background:var(--pc-select,#b3541e);box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#b3541e) 35%, transparent)}.dtl-story{text-align:center;padding:1rem}.dtl-story-emoji{font-size:3rem;line-height:1}.dtl-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .35rem;font-size:1.35rem;font-weight:800}.dtl-story-meta{color:var(--ff-anvil,#2d2d2d);opacity:.85;max-width:46ch;margin:0 auto .5rem;font-size:1rem}.dtl-chip{background:var(--pc-select,#b3541e);color:#fff;border:2px solid var(--ff-outline,#2a1f1a);vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.95rem;font-weight:800;display:inline-flex}.dtl-story-body{max-width:46ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.1rem;line-height:1.6}.dtl-prompt{text-align:center}.dtl-fb:empty{display:none}.dtl-fb-icon{margin-right:.35rem;font-weight:800}.dtl-fb-word{font-weight:800}.dtl-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.dtl-choices:empty{display:none}.dtl-choice{cursor:pointer;background:var(--ff-warm,#f3ede3);min-width:92px;min-height:48px;color:var(--ff-anvil,#2d2d2d);border:2px solid var(--ff-outline,#2a1f1a);border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1rem;font-weight:700;display:inline-flex}.dtl-choice:focus-visible{outline:3px solid var(--pc-select,#b3541e);outline-offset:2px}.dtl-continue,.dtl-check{background:var(--pc-select,#b3541e);color:#fff}.dtl-hint{background:color-mix(in oklab, var(--pc-select,#b3541e) 16%, var(--ff-warm,#f3ede3))}.dtl-stage{justify-content:center;padding:.6rem;display:flex}.dtl-board-wrap{width:100%;max-width:min(94vw,25rem)}.dtl-board{width:100%;height:auto;display:block}.dtl-plate{fill:color-mix(in oklab, var(--pc-select,#b3541e) 10%, var(--ff-paper,#fbf7f0));stroke:var(--ff-outline,#2a1f1a);stroke-width:3px}.dtl-line{stroke:var(--ff-outline,#2a1f1a);stroke-width:1.2px;opacity:.75}.dtl-disc{stroke:var(--ff-outline,#2a1f1a);stroke-width:1.8px}.dtl-disc--b{fill:#b3541e}.dtl-disc--w{fill:#2d2d2d}.dtl-piece--faint{opacity:.5}.dtl-disc-text{font-size:19px;font-weight:800}.dtl-disc-text--b{fill:#fff}.dtl-disc-text--w{fill:#ece8e3}.dtl-hit{cursor:pointer}.dtl-hit:focus-visible{outline:3px solid var(--pc-select,#b3541e)}.dtl-mark{stroke-width:3.5px}.dtl-mark--legal{stroke:var(--pc-correct,#2e7d32)}.dtl-mark--sel{stroke:var(--pc-select,#b3541e);stroke-dasharray:5 4}.dtl-mark--right{stroke:var(--pc-correct,#2e7d32);stroke-width:4.5px}.dtl-mark--wrong{stroke:var(--pc-incorrect,#c62828);stroke-width:4.5px}.dtl-mark--dropdot{fill:color-mix(in oklab, var(--pc-correct,#2e7d32) 55%, transparent);stroke:var(--pc-correct,#2e7d32);stroke-width:2px}.dtl-mark-star{fill:var(--ff-anvil,#2d2d2d);font-size:26px;font-weight:800}.dtl-handchip-bg{fill:var(--ff-warm,#f3ede3);stroke:var(--ff-outline,#2a1f1a);stroke-width:1.5px}.dtl-handchip-t{fill:var(--ff-anvil,#2d2d2d);font-size:13px;font-weight:700}.dtl-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.dtl-handoff-card{border:2px solid var(--ff-outline,#2a1f1a);background:var(--ff-warm,#f3ede3);min-height:60px;color:var(--ff-anvil,#2d2d2d);border-radius:.6rem;flex-direction:column;gap:.15rem;padding:.8rem 1rem;text-decoration:none;display:flex}.dtl-handoff-card:hover,.dtl-handoff-card:focus-visible{outline:3px solid var(--pc-select,#b3541e);outline-offset:2px}.dtl-handoff-label{font-size:1.05rem;font-weight:800}.dtl-handoff-why{opacity:.8;font-size:.85rem}.dtl-foot{text-align:center}@media (prefers-reduced-motion:no-preference){.dtl-disc,.dtl-mark,.dtl-dot{transition:opacity .15s}}.dtl-l-learn{flex-direction:column;gap:.7rem;display:flex}.dtl-l-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.dtl-l-modes{flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .6rem;display:flex}.dtl-l-mode-tab{cursor:pointer;background:var(--ff-warm,#f3ede3);min-height:44px;color:var(--ff-anvil,#2d2d2d);border:2px solid var(--ff-outline,#2a1f1a);border-radius:999px;justify-content:center;align-items:center;padding:.4rem 1.1rem;font-size:1rem;font-weight:700;display:inline-flex}.dtl-l-mode-tab.is-current{background:var(--pc-select,#b3541e);color:#fff}.dtl-l-mode-tab:focus-visible{outline:3px solid var(--pc-select,#b3541e);outline-offset:2px}.dtl-l-mnem{text-align:center;color:var(--ff-anvil,#2d2d2d);opacity:.9;font-style:italic;font-weight:700}.dtl-l-mnem:empty{display:none}.dtl-l-track{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.dtl-l-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:34px;height:34px;font-size:1.05rem;display:inline-flex}.dtl-l-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.dtl-l-dot.is-now{opacity:1;background:var(--pc-select,#b3541e);box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#b3541e) 35%, transparent)}.dtl-l-prompt{text-align:center}.dtl-l-fb:empty{display:none}.dtl-l-fb-icon{margin-right:.35rem;font-weight:800}.dtl-l-fb-word{font-weight:800}.dtl-l-fb-why{font-weight:600}.dtl-l-fb.is-discover{color:var(--ff-anvil,#2d2d2d)}.dtl-l-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.dtl-l-choices:empty{display:none}.dtl-l-choice{cursor:pointer;background:var(--ff-warm,#f3ede3);min-width:92px;min-height:48px;color:var(--ff-anvil,#2d2d2d);border:2px solid var(--ff-outline,#2a1f1a);border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1rem;font-weight:700;display:inline-flex}.dtl-l-choice:focus-visible{outline:3px solid var(--pc-select,#b3541e);outline-offset:2px}.dtl-l-continue{background:var(--pc-select,#b3541e);color:#fff}.dtl-l-hint{background:color-mix(in oklab, var(--pc-select,#b3541e) 16%, var(--ff-warm,#f3ede3))}.dtl-l-stage{justify-content:center;padding:.6rem;display:flex}.dtl-l-board-wrap{width:100%;max-width:min(94vw,25rem)}.dtl-l-board{aspect-ratio:1;background:color-mix(in oklab, var(--pc-select,#b3541e) 9%, var(--ff-paper,#fbf7f0));border:3px solid var(--ff-outline,#2a1f1a);border-radius:.4rem;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.dtl-l-sq{border:1px solid color-mix(in oklab, var(--ff-outline,#2a1f1a) 35%, transparent);aspect-ratio:1;cursor:default;background:0 0;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;display:flex;position:relative}.dtl-l-board.is-pickable .dtl-l-sq.is-can{cursor:pointer;box-shadow:inset 0 0 0 4px color-mix(in oklab, var(--pc-correct,#2e7d32) 70%, transparent)}.dtl-l-board.is-pickable .dtl-l-sq.is-can:hover{outline:3px solid var(--pc-select,#b3541e);outline-offset:-3px}.dtl-l-sq.is-can:focus-visible{outline:3px solid var(--pc-select,#b3541e);outline-offset:-3px;z-index:2}.dtl-l-sq.is-goal{box-shadow:inset 0 0 0 4px var(--pc-select,#b3541e)}.dtl-l-sq.is-discover{box-shadow:inset 0 0 0 5px var(--pc-select,#b3541e)}.dtl-l-sq.is-right{box-shadow:inset 0 0 0 5px var(--pc-correct,#2e7d32)}.dtl-l-sq.is-block{box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--ff-outline,#2a1f1a) 45%, transparent)}.dtl-l-disc{border:2px solid var(--ff-outline,#2a1f1a);color:#fff;background:#b3541e;border-radius:18%/14%;justify-content:center;align-items:center;width:78%;height:78%;font-size:clamp(.85rem,4.2vw,1.4rem);font-weight:800;display:flex}.dtl-l-coin{color:#f4d03f;text-shadow:0 0 3px var(--ff-outline,#2a1f1a);font-size:clamp(.9rem,5vw,1.5rem)}.dtl-l-block{color:color-mix(in oklab, var(--ff-anvil,#2d2d2d) 55%, transparent);font-size:clamp(.8rem,4vw,1.2rem)}.dtl-l-star{color:var(--ff-anvil,#2d2d2d);text-shadow:0 0 3px var(--ff-paper,#fbf7f0);font-size:clamp(1rem,5.5vw,1.8rem)}.dtl-l-story{text-align:center;padding:1rem}.dtl-l-story-emoji{font-size:3rem;line-height:1}.dtl-l-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .5rem;font-size:1.35rem;font-weight:800}.dtl-l-story-body{max-width:46ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.1rem;line-height:1.6}.dtl-l-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.dtl-l-handoff-card{border:2px solid var(--ff-outline,#2a1f1a);background:var(--ff-warm,#f3ede3);min-height:60px;color:var(--ff-anvil,#2d2d2d);border-radius:.6rem;flex-direction:column;gap:.15rem;padding:.8rem 1rem;text-decoration:none;display:flex}.dtl-l-handoff-card:hover,.dtl-l-handoff-card:focus-visible{outline:3px solid var(--pc-select,#b3541e);outline-offset:2px}.dtl-l-handoff-label{font-size:1.05rem;font-weight:800}.dtl-l-handoff-why{opacity:.8;font-size:.85rem}.dtl-l-foot{text-align:center}@media (prefers-reduced-motion:no-preference){.dtl-l-disc,.dtl-l-sq.is-right,.dtl-l-dot{transition:box-shadow .15s,background .15s}}