.syp-younger .ff-btn{min-height:52px;font-size:1.05rem}.syp-hero{text-align:center}.syp-hero-emoji{font-size:4rem;line-height:1;display:block;margin:0 auto .3rem}.syp-hud{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.syp-section-h{text-align:center;margin:.4rem 0 .8rem}.syp-activity-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin-bottom:1.2rem}@media(min-width:620px){.syp-activity-grid{grid-template-columns:repeat(3,1fr)}}.syp-activity-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1.1rem .9rem;background:var(--ff-paper);text-decoration:none;color:inherit;border:3px solid var(--ff-forge);border-radius:20px;box-shadow:0 4px #0000001f;transition:box-shadow .12s ease;min-height:128px;justify-content:center}.syp-activity-card:hover,.syp-activity-card:focus-visible{box-shadow:0 7px #00000029;outline:3px solid var(--pc-select);outline-offset:2px}.syp-activity-emoji{font-size:2.6rem}.syp-activity-card strong{font-size:1.15rem;color:var(--ff-forge-text)}.syp-activity-blurb{font-size:.9rem;color:#5a6472}.syp-stage{display:flex;flex-direction:column;align-items:stretch;gap:.9rem;width:min(520px,92vw);margin:0 auto}.syp-replay{align-self:center;margin-bottom:.1rem}.syp-order-done{display:flex;flex-direction:column;gap:.45rem}.syp-order-done:empty{display:none}.syp-order-step{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:var(--pc-correct-bg);border:2px solid var(--pc-correct);border-radius:14px}.syp-order-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--pc-correct);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.syp-order-txt{font-size:1rem;color:var(--ff-anvil, #2d2d2d)}.syp-order-pool{display:flex;flex-direction:column;gap:.6rem}.syp-card{text-align:left;padding:.85rem 1rem;min-height:56px;font-size:1.05rem;line-height:1.3;background:var(--ff-warm);color:var(--ff-anvil, #2d2d2d);border:3px solid var(--ff-forge);border-radius:16px;cursor:pointer;box-shadow:0 3px #0000001a}.syp-card:hover:not(:disabled),.syp-card:focus-visible{outline:none;border-color:var(--pc-select);box-shadow:0 5px #00000024}.syp-card--next{border-color:var(--pc-select);animation:syp-glow 1.4s ease-in-out infinite}.syp-card--placed{display:none}.syp-card--nudge{animation:syp-nudge .45s ease;border-color:var(--pc-incorrect)}@keyframes syp-glow{0%,to{box-shadow:0 3px #0000001a,0 0 0 0 var(--pc-select)}50%{box-shadow:0 3px #0000001a,0 0 0 6px color-mix(in oklab,var(--pc-select) 35%,transparent)}}@keyframes syp-nudge{0%,to{box-shadow:0 3px #0000001a}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--pc-incorrect) 40%,transparent)}}.syp-steps{display:flex;flex-direction:column;gap:1rem}.syp-ask{display:flex;flex-direction:column;gap:.6rem}.syp-ask-q{font-size:1.1rem;font-weight:700;color:var(--ff-forge-text);text-align:center;margin:0}.syp-opts{display:flex;flex-direction:column;gap:.55rem}@media(min-width:520px){.syp-opts{flex-direction:row;flex-wrap:wrap;justify-content:center}}.syp-opt{flex:1 1 auto;min-height:56px;padding:.7rem 1rem;font-size:1.05rem;font-weight:600;background:var(--ff-warm);color:var(--ff-anvil, #2d2d2d);border:3px solid var(--ff-forge);border-radius:16px;cursor:pointer;box-shadow:0 3px #0000001a}.syp-opt:hover:not(:disabled),.syp-opt:focus-visible{outline:none;border-color:var(--pc-select);box-shadow:0 5px #00000024}.syp-opt--correct{background:var(--pc-correct-bg);border-color:var(--pc-correct)}.syp-opt--correct:after{content:" ✓";color:var(--pc-correct);font-weight:700}.syp-opt--wrong{border-color:var(--pc-incorrect);opacity:.55}.syp-retell{display:flex;flex-direction:column;gap:.7rem;align-items:center;text-align:center}.syp-retell-lead{font-size:1.05rem;color:var(--ff-forge-text);margin:0}.syp-retell-strip{list-style:decimal inside;margin:0;padding:.6rem .9rem;background:var(--ff-warm);border:2px dashed var(--ff-forge);border-radius:14px;text-align:left}.syp-retell-beat{font-size:.98rem;color:var(--ff-anvil, #2d2d2d);margin:.15rem 0}.syp-told{margin-top:.2rem}@media(prefers-reduced-motion:reduce){.syp-card--next{animation:none;box-shadow:0 3px #0000001a,0 0 0 4px color-mix(in oklab,var(--pc-select) 35%,transparent)}.syp-card--nudge{animation:none}}
