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