.pql-learn{flex-direction:column;align-items:center;gap:.7rem;display:flex}.pql-learn-head{text-align:center}.pql-learn-title{color:var(--ff-anvil,#2d2d2d);margin:0 0 .25rem;font-size:1.85rem;font-weight:800}.pql-learn .ff-meta{max-width:42ch;font-size:1.05rem;line-height:1.55}.pql-mnem{text-align:center;color:var(--ff-anvil,#2d2d2d);opacity:.9;font-size:1.15rem;font-style:italic;font-weight:700}.pql-mnem:empty{display:none}.pql-track{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;display:flex}.pql-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}.pql-dot.is-done{opacity:1;background:color-mix(in oklab, var(--pc-correct,#2e7d32) 22%, var(--ff-warm,#f3ede3))}.pql-dot.is-now{opacity:1;background:var(--pc-select,#a65f2e);color:#fff;box-shadow:0 0 0 3px color-mix(in oklab, var(--pc-select,#a65f2e) 35%, transparent)}.pql-prompt{text-align:center;max-width:36ch;font-size:1.3rem;font-weight:700;line-height:1.5}.pql-die-row{justify-content:center;display:flex}.pql-die{border:3px solid var(--ff-outline,#2a1f1a);background:#fff;border-radius:14px;width:72px;height:72px;padding:8px;box-shadow:0 3px 6px #00000040}.pql-die-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.pql-die-cell{justify-content:center;align-items:center;display:flex}.pql-pip{background:#2a1f1a;border-radius:50%;width:13px;height:13px}.pql-say{justify-content:center;display:flex}.pql-fb{font-size:1.15rem}.pql-fb:empty{display:none}.pql-fb.is-discover,.pql-fb.is-try{color:var(--ff-anvil,#2d2d2d)}.pql-fb.is-try{font-weight:600}.pql-fb-icon{margin-right:.35rem;font-weight:800}.pql-fb-word{font-weight:800}.pql-fb-why{font-weight:600}.pql-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.pql-choices:empty{display:none}.pql-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}.pql-choice:focus-visible{outline:3px solid var(--pc-select,#a65f2e);outline-offset:2px}.pql-continue{background:var(--pc-select,#a65f2e);color:#fff}.pql-say-btn{background:color-mix(in oklab, var(--pc-select,#a65f2e) 16%, var(--ff-warm,#f3ede3))}.pql-stage{justify-content:center;width:100%;padding:.6rem;display:flex}.pql-strip{background:#6e4522;border:4px solid #4a2d13;border-radius:1rem;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.4rem;width:100%;max-width:min(96vw,44rem);padding:.7rem;display:flex}.pql-space,.pql-home{color:#f3e6c9;background:#a5682f;border:3px solid #4a2d13;border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;min-width:48px;min-height:62px;display:flex;position:relative}.pql-home{color:#fff;background:#4f9d3f;min-width:84px;font-weight:800}button.pql-space,button.pql-home{cursor:pointer}button.pql-space:hover,button.pql-space:focus-visible,button.pql-home:hover,button.pql-home:focus-visible{outline:3px solid var(--pc-select,#a65f2e);outline-offset:2px}.pql-space.is-hint,.pql-home.is-hint{box-shadow:0 0 0 5px #f4d03f}.pql-space-n{opacity:.8;font-size:1rem;font-weight:700}.pql-checker{font-size:1.8rem;line-height:1}.pql-home-label{font-size:1rem}.pql-story{text-align:center;padding:1rem}.pql-story-emoji{font-size:3.4rem;line-height:1}.pql-story-title{color:var(--ff-anvil,#2d2d2d);margin:.4rem 0 .5rem;font-size:1.5rem;font-weight:800}.pql-story-body{max-width:44ch;color:var(--ff-anvil,#2d2d2d);margin:0 auto;font-size:1.2rem;line-height:1.6}.pql-handoff{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.3rem 0 .2rem;display:grid}.pql-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}.pql-handoff-card:hover,.pql-handoff-card:focus-visible{outline:3px solid var(--pc-select,#a65f2e);outline-offset:2px}.pql-handoff-label{font-size:1.05rem;font-weight:800}.pql-handoff-why{opacity:.8;font-size:.85rem}.pql-learn-foot{text-align:center}@media (prefers-reduced-motion:no-preference){.pql-space,.pql-dot{transition:box-shadow .12s,background .12s}}
