.gn-learn{flex-direction:column;gap:.7rem;display:flex}.gn-vision-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.gn-learn-track{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.gn-learn-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}.gn-learn-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.gn-learn-dot.is-now{opacity:1;background:var(--pc-select,#c0392b);box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#c0392b) 35%, transparent)}.gn-learn-story{text-align:center;padding:1rem}.gn-learn-story-emoji{font-size:3rem;line-height:1}.gn-learn-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .35rem;font-size:1.35rem;font-weight:800}.gn-learn-story-meta{color:var(--ff-anvil,#2d2d2d);opacity:.85;max-width:44ch;margin:0 auto .5rem;font-size:1rem}.gn-learn-chip{color:#fff;border:2px solid var(--ff-outline,#2a1f1a);vertical-align:middle;background:#c0392b;border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.95rem;font-weight:800;display:inline-flex}.gn-learn-story-body{max-width:44ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.1rem;line-height:1.6}.gn-vision-prompt{text-align:center}.gn-vision-fb:empty{display:none}.gn-fb-icon{margin-right:.35rem;font-weight:800}.gn-fb-word{font-weight:800}.gn-vision-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.gn-vision-choices:empty{display:none}.gn-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}.gn-choice:focus-visible{outline:3px solid var(--pc-select,#c0392b);outline-offset:2px}.gn-continue,.gn-check{background:var(--pc-select,#c0392b);color:#fff}.gn-hint{background:color-mix(in oklab, var(--pc-select,#c0392b) 16%, var(--ff-warm,#f3ede3))}.gn-vision-stage{justify-content:center;padding:.6rem;display:flex}.gn-board-wrap{background:color-mix(in oklab, var(--pc-select,#c0392b) 8%, var(--ff-paper,#fbf7f0));border:3px solid var(--ff-outline,#2a1f1a);border-radius:.5rem;width:100%;max-width:min(96vw,27rem);padding:.3rem}.gn-learn-board{width:100%;height:auto;display:block}.gn-line{stroke:var(--ff-outline,#2a1f1a);stroke-width:1.4px;opacity:.8}.gn-line--palace{opacity:.55}.gn-river{fill:var(--ff-anvil,#2d2d2d);opacity:.5;letter-spacing:2px;font-size:15px}.gn-disc{stroke:var(--ff-outline,#2a1f1a);stroke-width:2px}.gn-disc--red{fill:#c0392b}.gn-disc--black{fill:#2d2d2d}.gn-disc-text{font-size:22px;font-weight:800}.gn-disc-text--red{fill:#fff}.gn-disc-text--black{fill:#ece8e3}.gn-hit{cursor:pointer}.gn-hit:focus-visible{outline:3px solid var(--pc-select,#c0392b)}.gn-mark{stroke-width:4px}.gn-mark--legal{stroke:var(--pc-correct,#2e7d32)}.gn-mark--sel{stroke:var(--pc-select,#c0392b);stroke-dasharray:5 4}.gn-mark--right{stroke:var(--pc-correct,#2e7d32);stroke-width:5px}.gn-mark--wrong{stroke:var(--pc-incorrect,#c62828);stroke-width:5px}.gn-mark--screen{stroke:var(--pc-select,#c0392b);stroke-dasharray:3 3;opacity:.8}.gn-mark-star{fill:var(--ff-anvil,#2d2d2d);text-shadow:0 0 3px var(--ff-paper,#fbf7f0);font-size:30px;font-weight:800}.gn-learn-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.gn-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}.gn-handoff-card:hover,.gn-handoff-card:focus-visible{outline:3px solid var(--pc-select,#c0392b);outline-offset:2px}.gn-handoff-label{font-size:1.05rem;font-weight:800}.gn-handoff-why{opacity:.8;font-size:.85rem}.gn-learn-foot{text-align:center}@media (prefers-reduced-motion:no-preference){.gn-disc,.gn-mark,.gn-learn-dot{transition:opacity .15s}}.gnl-learn{flex-direction:column;gap:.7rem;display:flex}.gnl-learn-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.gnl-learn-modes{flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .6rem;display:flex}.gnl-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}.gnl-mode-tab.is-current{background:var(--pc-select,#c0392b);color:#fff}.gnl-mode-tab:focus-visible{outline:3px solid var(--pc-select,#c0392b);outline-offset:2px}.gnl-ladder-mnem{text-align:center;color:var(--ff-anvil,#2d2d2d);opacity:.9;font-style:italic;font-weight:700}.gnl-ladder-mnem:empty{display:none}.gnl-learn-track{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.gnl-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}.gnl-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.gnl-dot.is-now{opacity:1;background:var(--pc-select,#c0392b);box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#c0392b) 35%, transparent)}.gnl-prompt{text-align:center}.gnl-fb:empty{display:none}.gnl-fb-icon{margin-right:.35rem;font-weight:800}.gnl-fb-word{font-weight:800}.gnl-fb-why{font-weight:600}.gnl-fb.is-discover{color:var(--ff-anvil,#2d2d2d)}.gnl-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.gnl-choices:empty{display:none}.gnl-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}.gnl-choice:focus-visible{outline:3px solid var(--pc-select,#c0392b);outline-offset:2px}.gnl-continue{background:var(--pc-select,#c0392b);color:#fff}.gnl-hint{background:color-mix(in oklab, var(--pc-select,#c0392b) 16%, var(--ff-warm,#f3ede3))}.gnl-stage{justify-content:center;padding:.6rem;display:flex}.gnl-board-wrap{width:100%;max-width:min(96vw,26rem)}.gnl-board{aspect-ratio:9/10;background:color-mix(in oklab, var(--pc-select,#c0392b) 8%, var(--ff-paper,#fbf7f0));border:3px solid var(--ff-outline,#2a1f1a);border-radius:.4rem;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.gnl-sq{border:1px solid color-mix(in oklab, var(--ff-outline,#2a1f1a) 35%, transparent);aspect-ratio:9/10;cursor:default;background:0 0;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;display:flex;position:relative}.gnl-sq.is-river-edge{border-top:3px solid color-mix(in oklab, var(--pc-select,#c0392b) 55%, var(--ff-outline,#2a1f1a))}.gnl-board.is-pickable .gnl-sq{cursor:default}.gnl-board.is-pickable .gnl-sq.is-can{cursor:pointer;box-shadow:inset 0 0 0 4px color-mix(in oklab, var(--pc-correct,#2e7d32) 70%, transparent)}.gnl-board.is-pickable .gnl-sq.is-can:hover{outline:3px solid var(--pc-select,#c0392b);outline-offset:-3px}.gnl-sq.is-can:focus-visible{outline:3px solid var(--pc-select,#c0392b);outline-offset:-3px;z-index:2}.gnl-sq.is-goal{box-shadow:inset 0 0 0 4px var(--pc-select,#c0392b)}.gnl-sq.is-discover{box-shadow:inset 0 0 0 5px var(--pc-select,#c0392b)}.gnl-sq.is-right{box-shadow:inset 0 0 0 5px var(--pc-correct,#2e7d32)}.gnl-disc{border:2px solid var(--ff-outline,#2a1f1a);border-radius:50%;justify-content:center;align-items:center;width:76%;height:76%;font-size:clamp(.9rem,4.4vw,1.5rem);font-weight:800;display:flex}.gnl-disc--red{color:#fff;background:#c0392b}.gnl-coin{color:#f4d03f;text-shadow:0 0 3px var(--ff-outline,#2a1f1a);font-size:clamp(.9rem,5vw,1.5rem)}.gnl-star{color:var(--ff-anvil,#2d2d2d);text-shadow:0 0 3px var(--ff-paper,#fbf7f0);font-size:clamp(1rem,5.5vw,1.8rem)}.gnl-story{text-align:center;padding:1rem}.gnl-story-emoji{font-size:3rem;line-height:1}.gnl-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .5rem;font-size:1.35rem;font-weight:800}.gnl-story-body{max-width:44ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.1rem;line-height:1.6}.gnl-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.gnl-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}.gnl-handoff-card:hover,.gnl-handoff-card:focus-visible{outline:3px solid var(--pc-select,#c0392b);outline-offset:2px}.gnl-handoff-label{font-size:1.05rem;font-weight:800}.gnl-handoff-why{opacity:.8;font-size:.85rem}.gnl-learn-foot{text-align:center}@media (prefers-reduced-motion:no-preference){.gnl-disc,.gnl-sq.is-right,.gnl-dot{transition:box-shadow .15s,background .15s}}