.earn-hero{overflow:hidden;position:relative}.earn-hero:after{content:"+ XP";position:absolute;right:4%;bottom:-.22em;color:#38bdf80d;font-size:clamp(90px,18vw,230px);font-weight:1000;pointer-events:none}.earn-callout{display:grid;gap:5px;max-width:720px;margin-top:24px;padding:16px 18px;border:1px solid #38bdf84d;border-radius:15px;background:#082334cc;position:relative;z-index:1}.earn-callout strong{color:#b9efff;font-size:18px}.earn-callout span,.earn-note{color:var(--muted);line-height:1.5}.earn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.earn-grid article,.bonus-grid article,.key-track article{padding:18px;border:1px solid #2d4d63;border-radius:16px;background:linear-gradient(145deg,#0c1823,#101e2a)}.earn-grid h3{margin:9px 0 5px}.earn-grid p{margin:0;color:var(--muted);line-height:1.45}.earn-value{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:7px 10px;border-radius:999px;background:#123f2b;color:#bdf7d2;font-size:22px;font-weight:950}.bonus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.bonus-grid article,.key-track article{display:grid;gap:7px}.bonus-grid strong{color:#7dd3fc;font-size:30px}.bonus-grid span,.key-track span{color:var(--muted)}.bonus-grid .board-bonus{border-color:#fbbf2466;background:linear-gradient(145deg,#2a2416,#16232d)}.bonus-grid .board-bonus strong{color:#fde68a}.key-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.key-track strong{color:#b9efff;font-size:21px}@media(max-width:880px){.earn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.earn-grid,.bonus-grid,.key-track{grid-template-columns:1fr}}