.gbt-learn{flex-direction:column;gap:.7rem;display:flex}.gbt-vision-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.gbt-learn-track{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.gbt-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}.gbt-learn-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.gbt-learn-dot.is-now{opacity:1;background:var(--pc-select,#d9782d);box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#d9782d) 35%, transparent)}.gbt-learn-story{text-align:center;padding:1rem}.gbt-learn-story-emoji{font-size:3rem;line-height:1}.gbt-learn-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .5rem;font-size:1.35rem;font-weight:800}.gbt-learn-story-body{max-width:44ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.1rem;line-height:1.6}.gbt-vision-stage{justify-content:center;padding:.6rem;display:flex}.gbt-board-wrap{width:100%;max-width:min(84vw,23rem)}.gbt-board{aspect-ratio:1;border:3px solid var(--ff-outline,#2a1f1a);border-radius:.4rem;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.gbt-sq{cursor:default;aspect-ratio:1;border:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.gbt-sq.is-light{background:var(--gbt-sq-light,#f1e3c2)}.gbt-sq.is-dark{background:var(--gbt-sq-dark,#b68032)}.gbt-board--pickable .gbt-sq{cursor:pointer}.gbt-board--pickable .gbt-sq:hover{outline:3px solid var(--pc-select,#d9782d);outline-offset:-3px}.gbt-sq:focus-visible{outline:3px solid var(--pc-select,#d9782d);outline-offset:-3px;z-index:2}.gbt-sq.is-sel{box-shadow:inset 0 0 0 4px var(--pc-select,#d9782d)}.gbt-sq.is-right{box-shadow:inset 0 0 0 5px var(--pc-correct,#2e7d32)}.gbt-sq.is-wrong{box-shadow:inset 0 0 0 5px var(--pc-incorrect,#c62828)}.gbt-sq.is-hint{box-shadow:inset 0 0 0 5px var(--pc-correct,#2e7d32)}.gbt-coord{color:#2a1f1a;opacity:.55;pointer-events:none;font-size:clamp(.5rem,1.8vw,.7rem);font-weight:700;position:absolute}.gbt-rank{top:2px;left:3px}.gbt-file{bottom:2px;right:3px}.gbt-disc{background:var(--pc-select,#d9782d);color:#fff;border:2px solid var(--ff-outline,#2a1f1a);border-radius:50%;justify-content:center;align-items:center;width:74%;height:74%;font-size:clamp(.8rem,4vw,1.4rem);font-weight:800;display:flex}.gbt-disc--enemy{background:#2a1f1a}.gbt-star{color:#2a1f1a;font-size:clamp(1rem,6vw,2rem)}.gbt-move-dot{pointer-events:none;background:#4e9d5f;border:2px solid #2a1f1a80;border-radius:50%;width:30%;height:30%}.gbt-learn .gbt-board-wrap{flex-wrap:wrap}.gbt-learn-caption{text-align:center;flex:0 0 100%;margin:.15rem 0 0}.gbt-learn-caption:empty{display:none}.gbt-vision-prompt{text-align:center}.gbt-vision-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.gbt-vision-choices:empty{display:none}.gbt-choice{cursor:pointer;background:var(--ff-warm,#f3ede3);width:auto;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}.gbt-choice:focus-visible{outline:3px solid var(--pc-select,#d9782d);outline-offset:2px}.gbt-continue,.gbt-check{background:var(--pc-select,#d9782d);color:#fff}.gbt-hint{background:color-mix(in oklab, var(--pc-select,#d9782d) 16%, var(--ff-warm,#f3ede3))}.gbt-vision-fb:empty{display:none}.gbt-fb-icon{margin-right:.35rem;font-weight:800}.gbt-fb-word{font-weight:800}.gbt-vision-foot{text-align:center}.gbt-learn-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.gbt-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}.gbt-handoff-card:hover,.gbt-handoff-card:focus-visible{outline:3px solid var(--pc-select,#d9782d);outline-offset:2px}.gbt-handoff-label{font-size:1.05rem;font-weight:800}.gbt-handoff-why{opacity:.8;font-size:.85rem}.gbt-learn-modes{flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem;display:flex}.gbt-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}.gbt-mode-tab.is-current{background:var(--pc-select,#d9782d);color:#fff}.gbt-mode-tab:focus-visible{outline:3px solid var(--pc-select,#d9782d);outline-offset:2px}.gbt-ladder-mnem{text-align:center;max-width:44ch;color:var(--ff-anvil,#2d2d2d);background:color-mix(in oklab, var(--pc-select,#d9782d) 12%, var(--ff-warm,#f3ede3));border:2px dashed var(--ff-outline,#2a1f1a);border-radius:.6rem;margin:0 auto;padding:.5rem .8rem;font-style:italic;font-weight:700;line-height:1.4}.gbt-ladder-mnem:empty{display:none}.gbt-board--pickable .gbt-sq.is-can{box-shadow:inset 0 0 0 4px color-mix(in oklab, var(--pc-select,#d9782d) 60%, transparent)}.gbt-coin{color:var(--pc-correct,#2e7d32);font-size:clamp(1rem,5vw,1.8rem);line-height:1}.gbt-goal{color:var(--pc-incorrect,#c62828);font-size:clamp(1rem,6vw,2rem);line-height:1}.gbt-sq.is-goal{box-shadow:inset 0 0 0 4px var(--pc-incorrect,#c62828)}.gbt-sq.is-discover{box-shadow:inset 0 0 0 5px var(--pc-select,#d9782d)}.gbt-vision-fb.is-discover{color:var(--ff-anvil,#2d2d2d)}@media (prefers-reduced-motion:no-preference){.gbt-disc,.gbt-sq.is-right,.gbt-sq.is-hint,.gbt-sq.is-can,.gbt-learn-dot{transition:box-shadow .15s,background .15s}}
