/* Dashboard-only visual system: game screens retain their existing environments. */
body.dashboard-home{background:#f5f7fb;color:#243249;min-height:100dvh;color-scheme:light}body.dashboard-home .space-backdrop{display:none}body.dashboard-home .app-shell{max-width:1440px;padding:24px 36px}body.dashboard-home .topbar{margin-bottom:16px;flex-wrap:wrap}body.dashboard-home .brand{background:white;border:1px solid #dce4ed;border-radius:16px;box-shadow:0 3px 12px #25324905}body.dashboard-home .brand-title{color:#243249;font-weight:750}body.dashboard-home .brand-title em{color:#187c74;font-weight:750}body.dashboard-home .brand-subtitle{color:#65768a}body.dashboard-home .brand-symbol{color:#187c74;border-color:#dce4ed}body.dashboard-home .top-actions{flex-wrap:wrap;gap:7px;justify-content:flex-end}body.dashboard-home .top-button{color:#344158;background:#fff;border:1px solid #dce4ed;border-radius:12px;box-shadow:none;font-size:12px;padding:10px 12px}body.dashboard-home .gem-bank{color:#243249;background:#fff5d8;border-color:#eaddb7;box-shadow:none}body.dashboard-home .gem-bank b{color:#956600}body.dashboard-home .gem-bank small{color:#735b26}body.dashboard-home #section-nav{background:white;border:1px solid #e1e7ef;border-radius:17px;box-shadow:0 3px 12px #25324904;padding:6px;gap:4px;margin-bottom:24px}body.dashboard-home #section-nav button{color:#596880;font-size:13px;padding:10px 14px;border-radius:11px}body.dashboard-home #section-nav button[aria-current=page]{background:#e4f5ed;color:#23694f;box-shadow:none}body.dashboard-home .app-shell>footer{color:#6a7b91;border-color:#e0e6ee}body.dashboard-home button:focus-visible,body.dashboard-home a:focus-visible,body.dashboard-home summary:focus-visible{outline:3px solid #257b70;outline-offset:4px}
.music-dashboard{--dash-ink:#26334b;--dash-muted:#627089}.music-dashboard .eyebrow{font-size:11px;letter-spacing:1.6px;color:#47657c;font-weight:850}.dashboard-hero{background:#edf0ff;border:1px solid #e0e4f5;border-radius:28px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;position:relative;min-height:330px;margin-bottom:34px}.dashboard-hero-copy{padding:42px 46px;position:relative;z-index:1}.dashboard-hero h1{font:850 clamp(34px,4.4vw,58px)/1.05 ui-rounded,system-ui,sans-serif;letter-spacing:-2px;color:#243454!important;text-shadow:none!important;margin:15px 0 18px}.dashboard-hero p{font-size:17px;color:#536680;max-width:430px;margin-bottom:24px;line-height:1.55}.dashboard-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.music-dashboard .primary{background:#286f60;color:white;border:1px solid #286f60;box-shadow:0 3px 0 #195143;border-radius:13px;font-weight:750}.music-dashboard .secondary{background:white;border:1px solid #d1dbe6;color:#3b4d67;box-shadow:none;border-radius:13px;font-weight:650}.dashboard-profile{display:block;margin-top:17px;font-size:12px;color:#65768a}.dashboard-hero-art{position:relative;display:grid;place-items:center;isolation:isolate;min-height:300px}.dashboard-hero-art>img{width:230px;height:290px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 9px 5px #283c591d);margin-top:8px}.dashboard-orbit{position:absolute;width:310px;height:310px;border:1px solid #bdc8e65c;border-radius:50%;background:#dce5fb}.dashboard-orbit:before{content:'';position:absolute;inset:33px;border-radius:50%;background:#d1e1f6}.dashboard-planet{position:absolute;border-radius:50%;box-shadow:inset -10px -10px 0 #0000000d}.dashboard-planet.one{height:62px;width:62px;background:#f6c362;left:14%;top:17%}.dashboard-planet.two{height:33px;width:33px;background:#75ccb3;right:10%;bottom:28%}.dashboard-music-note{position:absolute;font-size:49px;font-weight:bold;color:#6774b2}.dashboard-music-note.first{right:15%;top:10%;transform:rotate(13deg)}.dashboard-music-note.second{left:12%;bottom:20%;color:#318374;transform:rotate(-12deg)}.dashboard-art-label{position:absolute;bottom:22px;background:white;color:#61718a;box-shadow:0 4px 16px #2746620d;padding:10px 18px;border-radius:99px;font-size:10px;letter-spacing:1.5px;font-weight:800;z-index:2}
.dashboard-group{margin:28px 0 34px}.dashboard-group-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.dashboard-group-heading h2{font-size:25px;letter-spacing:-.65px;line-height:1.25;margin:7px 0 0;color:#26334b!important;text-shadow:none!important}.dashboard-group-label{font-size:12px;color:#6a7990}.dashboard-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-modules.workshop{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-module{--accent:#31766c;--soft:#e1f3ec;display:flex;flex-direction:column;padding:0;text-align:left;border:1px solid #dce4ed;border-radius:21px;overflow:hidden;background:white;color:#26334b;box-shadow:0 5px 15px #2d3e5405;transition:transform .15s ease,border-color .15s ease;min-width:0}.dashboard-module:hover:not(:disabled){filter:none;border-color:var(--accent);transform:translateY(-3px);box-shadow:0 9px 18px #2d3e5410}.dashboard-module.piano{--accent:#4264a4;--soft:#e6efff}.dashboard-module.body{--accent:#985335;--soft:#fff0e2}.dashboard-module.story{--accent:#7757ab;--soft:#f0e8fc}.dashboard-module.bits{--accent:#317869;--soft:#dff2e9}.dashboard-module.live{--accent:#9b6531;--soft:#fff2d9}.dashboard-module.projects{--accent:#596b83;--soft:#ebf0f6}.dashboard-module-art{height:162px;display:block;position:relative;overflow:hidden;background:var(--scene) center/cover;border-bottom:1px solid #e4e9ef}.dashboard-module-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d193651,#0d193600 70%)}.dashboard-module-art>img{position:absolute;height:143px;width:124px;object-fit:contain;bottom:-4px;right:6px;filter:drop-shadow(0 3px 2px #0b18393b)}.dashboard-module-mark{position:absolute;left:17px;top:19px;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#fffffff2;color:var(--accent);box-shadow:0 4px 12px #17324d18}.dashboard-module-mark svg{width:45px;height:45px}.dashboard-module-tag{position:absolute;left:14px;bottom:13px;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.2px;color:#243249;background:#ffffffed;max-width:calc(100% - 28px)}.dashboard-module.bits .dashboard-module-art{background-color:#e8f0e9;background-size:contain;background-repeat:no-repeat;background-position:80% 50%}.dashboard-module.bits .dashboard-module-art:before{background:none}.dashboard-module.projects .dashboard-module-art:before{background:linear-gradient(90deg,#15233133,transparent)}.dashboard-module-copy{display:flex;flex-direction:column;flex:1;padding:20px;gap:10px}.dashboard-module-copy>strong{font-size:22px;line-height:1.12;letter-spacing:-.7px;font-weight:800;color:#26334b}.dashboard-module-copy>span{font-size:13px;line-height:1.5;font-weight:500;color:#627089;min-height:40px}.dashboard-module-copy>small{font-size:10px;color:#64738b;line-height:1.5;font-weight:650;margin:3px 0 5px}.dashboard-module-copy>b{margin-top:auto;background:var(--soft);color:var(--accent);padding:10px 12px;border-radius:11px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.dashboard-module-copy>b i{font-style:normal;font-size:19px}.dashboard-workshop{padding:24px;background:#edf1f7;border:1px solid #e1e7ef;border-radius:25px}.dashboard-workshop .dashboard-module-art{height:175px}
.dashboard-teacher-strip{display:flex;align-items:center;gap:18px;background:white;border:1px solid #dce4ed;border-radius:20px;padding:23px;margin:30px 0}.dashboard-teacher-strip h2{font-size:19px;letter-spacing:-.5px;margin:0 0 7px;color:#26334b!important;text-shadow:none!important}.dashboard-teacher-strip p{font-size:12px;color:#627089;margin:0;max-width:500px}.dashboard-teacher-icon{display:grid;place-items:center;flex:0 0 55px;height:55px;border-radius:14px;background:#e9f3ef;color:#327160}.dashboard-teacher-icon svg{width:40px;height:40px}.dashboard-teacher-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.dashboard-teacher-actions .secondary{font-size:11px;padding:11px 14px;white-space:nowrap}.dashboard-home .class-adventures{background:white;border:1px solid #dce4ed;box-shadow:none;border-radius:22px;padding:24px}.dashboard-home .class-adventures h2{color:#26334b!important;text-shadow:none!important;font-size:21px}.dashboard-home .class-adventures p{color:#627089;font-size:13px}.dashboard-home .student-adventure{background:#f5f8fc;color:#26334b;border-color:#dce4ed;box-shadow:none}.dashboard-home .student-adventure strong{color:#26334b}.dashboard-home .student-adventure small{color:#627089}.dashboard-home .dashboard-log{background:#fff;color:#26334b;border:1px solid #dce4ed;padding:20px;border-radius:19px}.dashboard-log summary{font-size:15px;font-weight:750;cursor:pointer;min-height:24px}.dashboard-log summary:focus-visible{outline:3px solid #257b70;outline-offset:4px}.dashboard-log p{color:#627089!important;margin:16px 0;font-size:13px}.dashboard-log h3{color:#26334b!important;text-shadow:none!important;margin-top:25px;font-size:17px}.dashboard-log .activity-log-row{border-color:#e2e9f0;color:#3b4d67}.dashboard-log .activity-log-row small{color:#667a90}.dashboard-log .activity-log-row strong{color:#287d65}
@media(min-width:1200px){body.dashboard-home .topbar{flex-wrap:nowrap}.dashboard-teacher-strip>div:first-of-type{flex:1}}@media(max-width:1100px){.dashboard-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-modules.workshop{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-hero-copy{padding:32px}.dashboard-teacher-strip{flex-wrap:wrap}.dashboard-teacher-actions{margin-left:73px}}@media(max-width:800px){body.dashboard-home .app-shell{padding:18px 20px}.dashboard-modules.workshop{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{grid-template-columns:1.25fr .75fr}.dashboard-hero-art>img{width:175px;height:230px}.dashboard-orbit{width:225px;height:225px}.dashboard-planet.one{left:2%;width:40px;height:40px}.dashboard-music-note.first{right:3%;font-size:32px}.dashboard-art-label{display:none}.dashboard-hero h1{font-size:42px}.dashboard-group-label{display:none}}@media(max-width:560px){body.dashboard-home .app-shell{padding:14px}body.dashboard-home .top-actions{justify-content:flex-start;width:100%;gap:6px}body.dashboard-home .top-button{font-size:11px;padding:8px 9px}body.dashboard-home #section-nav{flex-wrap:nowrap;overflow-x:auto;border-radius:14px}body.dashboard-home #section-nav button{flex-shrink:0;font-size:11px;padding:9px 11px}.dashboard-hero{grid-template-columns:1fr;min-height:0;border-radius:23px;margin-bottom:26px}.dashboard-hero-copy{padding:27px 24px 24px}.dashboard-hero h1{font-size:42px;letter-spacing:-1.5px}.dashboard-hero p{font-size:14px;max-width:270px;margin-bottom:18px}.dashboard-hero-actions{gap:8px}.dashboard-hero-actions button{font-size:12px;padding:12px 14px}.dashboard-hero-art{display:none}.dashboard-modules,.dashboard-modules.workshop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-module{border-radius:17px}.dashboard-module-art{height:128px}.dashboard-module-art>img{height:110px;width:90px;right:-2px}.dashboard-module-mark{width:43px;height:43px;left:10px;top:10px;border-radius:12px}.dashboard-module-mark svg{width:34px;height:34px}.dashboard-module-tag{font-size:8px;left:8px;bottom:9px;padding:5px 6px;max-width:calc(100% - 16px)}.dashboard-module-copy{padding:14px;gap:9px}.dashboard-module-copy>strong{font-size:18px}.dashboard-module-copy>span{font-size:11px;min-height:48px}.dashboard-module-copy>small{font-size:9px}.dashboard-module-copy>b{font-size:10px;padding:9px}.dashboard-workshop{padding:15px;border-radius:21px}.dashboard-workshop .dashboard-module-art{height:135px}.dashboard-group-heading h2{font-size:22px}.dashboard-teacher-strip{padding:18px;gap:12px}.dashboard-teacher-icon{display:none}.dashboard-teacher-actions{margin:0}.dashboard-teacher-strip h2{font-size:18px}.dashboard-home .class-adventures{padding:18px}}@media(max-width:350px){.dashboard-modules,.dashboard-modules.workshop{grid-template-columns:1fr}.dashboard-hero h1{font-size:35px}}@media(prefers-reduced-motion:reduce){.dashboard-module{transition:none}.dashboard-module:hover:not(:disabled){transform:none}}
.dashboard-hero{background:linear-gradient(115deg,#e9f4ec,#eef0ff 65%,#f9eee7);border-color:#d9e7e0;min-height:350px}.dashboard-hero-copy{padding:46px}.dashboard-hero h1{letter-spacing:-2.4px}.dashboard-hero p{font-size:15px;max-width:440px}.dashboard-hero-art>img{width:245px;height:305px}.dashboard-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dashboard-module{border-radius:24px;box-shadow:0 5px 20px #22384b08}.dashboard-module-art{height:190px}.dashboard-module.road{--accent:#23776b;--soft:#dff4eb}.dashboard-module.arrows{--accent:#6551a4;--soft:#eee7fc}.dashboard-module:is(.road,.arrows) .dashboard-module-art{height:210px;background-position:center}.dashboard-module:is(.road,.arrows) .dashboard-module-art:before{background:none}.dashboard-module:is(.road,.arrows) .dashboard-module-mark{width:44px;height:44px;left:16px;top:15px;border-radius:13px}.dashboard-module:is(.road,.arrows) .dashboard-module-mark svg{width:32px;height:32px}.dashboard-module-copy{padding:23px;gap:10px}.dashboard-module-copy>strong{font-size:25px;letter-spacing:-.8px}.dashboard-module-copy>b{border-radius:99px;padding:12px 17px}.dashboard-module:not(:disabled):hover{box-shadow:0 14px 30px #25385018;transform:translateY(-4px)}.dashboard-workshop{margin-top:40px;padding:28px}.dashboard-group-heading h2{font-size:28px}.dashboard-module-tag{border-radius:99px;padding:7px 11px}.music-dashboard .primary,.music-dashboard .secondary{border-radius:99px}.dashboard-hero-actions button{padding:14px 22px}html[data-theme=dark] .dashboard-module.road{--accent:#93e5cc;--soft:#23433d}html[data-theme=dark] .dashboard-module.arrows{--accent:#d5c1ff;--soft:#393049}html[data-theme=dark] .dashboard-module:is(.road,.arrows) .dashboard-module-tag{background:#1d293a;color:#f2f6ff}html[data-theme=dark] .dashboard-module:is(.road,.arrows) .dashboard-module-mark{background:#1d293a!important;color:#e7fff5!important}
@media(max-width:1000px){.dashboard-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dashboard-hero-copy{padding:34px}.dashboard-modules.workshop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.dashboard-hero-copy{padding:27px 24px}.dashboard-hero h1{font-size:39px;letter-spacing:-1.8px}.dashboard-hero p{font-size:14px;max-width:100%}.dashboard-hero-art{display:none}.dashboard-hero{grid-template-columns:1fr;min-height:0}.dashboard-modules,.dashboard-modules.workshop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-module-art,.dashboard-module:is(.road,.arrows) .dashboard-module-art{height:145px}.dashboard-module-copy{padding:15px}.dashboard-module-copy>strong{font-size:19px}.dashboard-module-copy>span{font-size:11px;min-height:50px}.dashboard-module-copy>small{font-size:9px}.dashboard-module-copy>b{font-size:10px;padding:10px 12px}.dashboard-module-tag{font-size:8px;padding:5px 8px}.dashboard-workshop{padding:15px}.dashboard-group-heading h2{font-size:24px}}@media(max-width:360px){.dashboard-modules,.dashboard-modules.workshop{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dashboard-module:not(:disabled):hover{transform:none}}
.dashboard-module.road .dashboard-module-art{background-position:center 66%;height:210px}
.dashboard-module.road .dashboard-module-mark{display:none}
.dashboard-module.road .dashboard-module-art:before{background:linear-gradient(0deg,#07173575,transparent 45%)}
.dashboard-module.road .dashboard-module-tag{color:#dbfff2;background:#102b43e8;border:1px solid #72d8bf8c;border-radius:99px;font-size:10px}