
/* Four age-adaptive, account-synced student dashboard skins; existing child features remain. */
.sd50{--sd50-accent:#68eaff;--sd50-gold:#ffda7b;color:#f6faff;margin:0 0 22px;display:grid;gap:14px}
.sd50[data-stage=discover]{--sd50-accent:#ffd77b;--sd50-gold:#ffcc62}
.sd50[data-stage=adventure]{--sd50-accent:#6aeaff}
.sd50[data-stage=creator]{--sd50-accent:#b79cff}
.sd50[data-stage=future]{--sd50-accent:#80cfff}
.sd50-hero{min-height:205px;display:flex;align-items:center;border:2px solid var(--sd50-accent);border-radius:23px;position:relative;overflow:hidden;isolation:isolate;background:#0a2357}
.sd50-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at right,#1c6b87,transparent 70%);opacity:.28;z-index:-2}
.sd50[data-stage=adventure] .sd50-hero:before{background-position:78% 12%}
.sd50[data-stage=creator] .sd50-hero:before{background-position:22% 82%}
.sd50[data-stage=future] .sd50-hero:before{background-position:80% 82%}
.sd50-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a42 0%,#0b265bda 70%,#061a3a44);z-index:-1}
.sd50-copy{padding:clamp(18px,4vw,38px);max-width:680px}
.sd50-eyebrow{letter-spacing:1.8px;color:var(--sd50-accent);font-size:12px;font-weight:900}
.sd50-copy h2{color:#fff;font-size:clamp(25px,4vw,40px);margin:10px 0;line-height:1.13}
.sd50-copy p{font-size:clamp(15px,2vw,19px);margin:8px 0;color:#e5f5ff}
.sd50-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:space-between}
.sd50-tools label{display:flex;flex-direction:column;gap:4px;color:#eaf8ff;font-weight:800}
.sd50-select{background:#102b61;color:white;border:1px solid #7ee7ff;border-radius:11px;padding:10px;min-height:44px;font:inherit;font-size:16px}
.sd50-btn{font:inherit;min-height:44px;border-radius:12px;border:1px solid var(--sd50-accent);background:#1658a6;color:#fff;padding:10px 14px;cursor:pointer}
.sd50-btn:disabled{opacity:.45;cursor:default}
.sd50-editor{border:1px solid var(--sd50-accent);background:#0d2858;padding:18px;border-radius:17px}
.sd50-editor[hidden]{display:none!important}
.sd50-picker{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.sd50-picker button[aria-pressed=true]{background:#246e7e}
.sd50-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.sd50-card{border:1px solid var(--sd50-accent);border-radius:16px;background:linear-gradient(135deg,#173d87,#112550);padding:13px;display:flex;flex-direction:column;min-height:155px;box-shadow:0 7px 16px #00112e77}
.sd50-card-link{display:flex;flex-direction:column;gap:7px;color:white;text-decoration:none;flex:1}
.sd50-emoji{font-size:32px}
.sd50-arrow{color:#9aeaff;font-size:13px}
.sd50-card-actions{display:flex;justify-content:flex-end;gap:6px}
.sd50-card-actions .sd50-btn{min-width:44px;padding:5px}
.sd50-note{color:#b9e5f5;font-size:13px}
.sd50[data-theme=world] .sd50-card{background:linear-gradient(130deg,#20225c,#523184)}
.sd50[data-theme=community] .sd50-card{background:linear-gradient(130deg,#17666c,#194b7a)}
.sd50[data-theme=clean] .sd50-card{background:#1d3555;border-color:#88b8db;box-shadow:none}
.sd50[data-theme=clean] .sd50-hero:before{opacity:.08}
.sd50[data-stage=discover] .sd50-card{border-radius:24px;min-height:170px}
.sd50[data-stage=discover] .sd50-card-link strong{font-size:20px}
.sd50[data-stage=future] .sd50-card{border-radius:9px}
.sd50 :is(button,a,select):focus-visible{outline:3px solid #ffe28c;outline-offset:3px}
@media(max-width:600px){.sd50-hero{min-height:185px}.sd50-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd50-card{min-height:145px;padding:10px}.sd50-copy{padding:18px}}
@media(prefers-reduced-motion:reduce){.sd50 *{animation:none!important;transition:none!important}}
