/* Player dashboard: classroom actions, assigned work, learning, then group play. */
#hub{max-width:1160px;padding-top:28px}
#hub>.welcome{max-width:none;margin:8px 0 26px}
#hub .welcome h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.6px;margin:12px 0}
#hub .welcome p{margin:0;font-size:14px}
.dashboard-welcome{position:relative;padding-right:165px}
.dashboard-welcome .board-open{position:absolute;right:0;bottom:0;margin:0;font-size:13px}
.dashboard-classroom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}
#hub .dashboard-join{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:20px 22px;border-radius:16px;background:#141e30;border-color:#ffffff18}
#hub .dashboard-join .eyebrow{display:none}
#hub .dashboard-join h2{font-size:18px;margin:0 0 6px}
#hub .dashboard-join p{font-size:12px;line-height:1.5;margin:0;max-width:240px}
#hub .dashboard-join button,#hub .dashboard-join a{font-size:13px;padding:12px 16px;white-space:nowrap;text-decoration:none;flex-shrink:0}
#hub #my-assignments{padding:22px;margin:0 0 30px;max-width:none;border-radius:16px;background:#111c2b;border-color:#d3f88c30}
#hub #my-assignments h2{font-size:20px}
#hub .assignment-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}
#hub .my-assignment-card{padding:18px;background:#192537}
#hub .my-assignment-card p{margin-bottom:10px}
.dashboard-section-title,#hub .section-heading h2,.dashboard-together>h2{font-size:21px;letter-spacing:-.5px;margin:0 0 16px}
#hub .section-heading{margin:0 0 16px;align-items:center;flex-direction:row}
#hub .section-heading h2{margin:0}
#hub .section-heading button{font-size:12px;padding:10px 14px}
#hub .level-grid{gap:16px}
#hub .level-card{min-height:210px;padding:24px;border-radius:18px;gap:12px}
#hub .level-card h2{font-size:29px}
#hub .level-card p{font-size:13px}
#hub .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#hub .game-card{padding:25px;border-radius:18px}
#hub .game-icon{width:45px;height:45px;font-size:27px;border-radius:12px;margin-bottom:18px}
#hub .game-card h2{font-size:26px}
#hub .game-card p{font-size:14px;min-height:48px}
#hub .game-progress{padding:16px 0}
#hub .game-bottom{margin-top:16px;padding-top:14px}
.dashboard-together{margin-top:34px;padding-top:26px;border-top:1px solid #ffffff15}
.dashboard-together>h2{margin-bottom:6px}
.dashboard-together>p{font-size:13px;margin:0 0 18px}
.dashboard-party-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#hub .dashboard-party-grid .spy-entry,#hub .dashboard-party-grid .game-card{margin:0;padding:22px;background:#141e30;border:1px solid #ffffff18;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#hub .dashboard-party-grid .game-icon,#hub .dashboard-party-grid .eyebrow{display:none}
#hub .dashboard-party-grid h2{font-size:21px;margin:0 0 8px}
#hub .dashboard-party-grid p{font-size:13px;min-height:0;margin:0 0 16px}
#hub .dashboard-party-grid button,#hub .dashboard-party-grid .spy-play{font-size:13px;padding:11px 16px;margin-top:auto;background:#ffffff08;color:#e4eaff;border:1px solid #ffffff25}
#hub .dashboard-party-grid .game-bottom{display:none}
.player-signed-in>header>a[href="tests/index.html"]{display:none}
.player-signed-in #cloud-panel{max-width:1104px;margin:18px auto 0;padding:14px 20px;border-radius:14px}
@media(max-width:700px){
 #hub{padding:22px 18px 42px}
 .dashboard-welcome{padding-right:0}
 .dashboard-welcome .board-open{position:static;margin-top:16px}
 .dashboard-classroom,#hub .assignment-list,#hub .game-grid,.dashboard-party-grid{grid-template-columns:1fr}
 #hub .dashboard-join{padding:18px;gap:14px}
 #hub .dashboard-join p{max-width:220px}
 #hub .dashboard-join button,#hub .dashboard-join a{font-size:12px;padding:12px}
 #hub .level-card{min-height:175px}
 .player-signed-in #cloud-panel{margin:12px 18px 0}
}
@media(prefers-reduced-motion:reduce){#hub .game-card:hover{transform:none}}

.assignment-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kognity-link{font-size:12px;padding:10px 14px;border:1px solid #ffffff25;border-radius:10px;text-decoration:none}.kognity-link:focus-visible{outline:3px solid #a5b8ff;outline-offset:3px}@media(max-width:500px){.my-assignments-heading{flex-wrap:wrap}}
