.hub-body{overflow:hidden auto}.hub{max-width:1180px;margin:0 auto;padding:48px 24px 64px}.hub-hero{max-width:720px;margin-bottom:44px}.hub-eyebrow{font-size:var(--fs-micro);letter-spacing:2.2px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.hub-hero h1{letter-spacing:-1.2px;margin:0 0 18px;font-size:clamp(38px,6vw,60px);line-height:1.02}.hub-lede{font-size:var(--fs-lead);color:var(--text);margin:0 0 12px;line-height:1.65}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-1);flex-direction:column;padding:22px 22px 20px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";background:var(--accent);opacity:.35;width:3px;transition:opacity .16s;position:absolute;top:0;bottom:0;left:0;right:auto}a.game-card:hover{border-color:var(--accent);background:var(--panel-2);box-shadow:var(--shadow-2);transform:translateY(-2px)}a.game-card:focus-visible{border-color:var(--accent);background:var(--panel-2);box-shadow:var(--shadow-2);transform:translateY(-2px)}a.game-card:hover:before{opacity:1}a.game-card:focus-visible:before{opacity:1}a.game-card:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.game-icon{margin-bottom:12px;font-size:30px;line-height:1}.game-card h2{letter-spacing:-.3px;margin:0 0 3px;font-size:21px}.game-role{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:1.3px;color:var(--accent);margin:0 0 12px}.game-desc{font-size:var(--fs-body);color:var(--text-dim);margin:0 0 13px;line-height:1.6}.game-learn{border-top:1px solid var(--line);margin:0 0 16px;padding:12px 0 0;list-style:none}.game-learn li{font-size:var(--fs-small);color:var(--text-dim);margin-bottom:5px;padding-left:15px;line-height:1.5;position:relative}.game-learn li:before{content:"·";color:var(--accent);font-weight:700;position:absolute;left:4px}.game-go{font-size:var(--fs-body);color:var(--accent);margin-top:auto;font-weight:600}.capstone-card{background:linear-gradient(135deg, var(--panel-2) 0%, var(--panel) 55%);grid-column:1/-1}.capstone-card:before{background:var(--solar);opacity:.75}.capstone-card .game-learn{columns:2;column-gap:26px}@media (max-width:720px){.capstone-card .game-learn{columns:1}}.teacher-card{background:var(--panel-2)}.teacher-card:before{background:var(--warn);opacity:.5}.teacher-card h2{font-size:19px}.hub-foot{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.hub-foot p{max-width:780px;font-size:var(--fs-small);color:var(--text-dim);margin:0;line-height:1.65}@media (max-width:720px){.hub{padding:32px 16px 48px}.hub-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.game-card,a.game-card:hover{transition:none;transform:none}a.game-card:focus-visible{transition:none;transform:none}}