.hero-section{max-width:780px;margin-bottom:40px}.hero-section h1{width:fit-content;color:var(--on-surface);font-family:var(--heading-font);letter-spacing:-.06em;margin:0;font-size:clamp(2.65rem,7vw,5.6rem);font-weight:900;line-height:.95}.launcher-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:24px;display:grid}.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.single-universe{grid-template-columns:1fr}.dashboard-rail{gap:14px;display:grid}@media (width<=1020px){.launcher-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.universe-grid,.dashboard-rail{grid-template-columns:1fr}}.universe-card{border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-radius:var(--radius-panel);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-board) 96%, transparent), color-mix(in srgb, var(--surface-container-lowest) 98%, transparent));min-height:290px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 2%, transparent), 0 18px 34px color-mix(in srgb, var(--black) 20%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.universe-card.is-featured{border-color:color-mix(in srgb, var(--primary) 28%, transparent);grid-column:1/-1}.universe-card.is-playable:hover{border-color:color-mix(in srgb, var(--accent) 64%, transparent);box-shadow:0 24px 80px color-mix(in srgb, var(--black) 42%, transparent), 0 0 30px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-4px)}.universe-card.is-disabled{box-shadow:0 14px 42px color-mix(in srgb, var(--black) 22%, transparent)}.universe-card.is-coming-soon{border-color:color-mix(in srgb, var(--outline) 12%, transparent);filter:grayscale()saturate(.1);opacity:.58}.universe-card.is-coming-soon .universe-art{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-board) 78%, var(--surface-container-lowest)), var(--surface-container-lowest))}.universe-art{background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 10%, var(--surface-board)), var(--surface-board) 48%, var(--surface-container-lowest));position:absolute;inset:0}.universe-art:before{content:none}.universe-art span{display:none}.universe-ribbon{z-index:2;background:linear-gradient(color-mix(in srgb, var(--surface-container-lowest) 14%, transparent), color-mix(in srgb, var(--surface-container-lowest) 14%, transparent)), repeating-linear-gradient(-45deg, var(--ribbon-dark) 0 14px, var(--ribbon-dark) 14px 24px, var(--accent-gold-soft) 24px 38px, var(--accent-gold-soft) 38px 48px);width:156%;box-shadow:0 12px 30px color-mix(in srgb, var(--black) 30%, transparent);pointer-events:none;justify-content:center;padding:12px 0;display:flex;position:absolute;top:34%;left:-28%;transform:rotate(-25deg)}.universe-ribbon span{border:1px solid color-mix(in srgb, var(--ribbon-dark) 40%, transparent);border-radius:var(--radius-pill);color:var(--ribbon-dark);background:color-mix(in srgb, var(--accent-ribbon-light) 82%, transparent);letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;font-size:.76rem;font-weight:900}.universe-card.is-coming-soon .universe-ribbon{background:linear-gradient(color-mix(in srgb, var(--surface-container-lowest) 18%, transparent), color-mix(in srgb, var(--surface-container-lowest) 18%, transparent)), repeating-linear-gradient(-45deg, var(--ribbon-dark-alt) 0 14px, var(--ribbon-dark-alt) 14px 24px, var(--accent-slate-soft) 24px 38px, var(--accent-slate-soft) 38px 48px)}.universe-card.is-coming-soon .universe-ribbon span{border-color:color-mix(in srgb, var(--ribbon-dark-alt) 38%, transparent);color:var(--ribbon-dark-alt);background:color-mix(in srgb, var(--accent-ribbon-neutral) 86%, transparent)}.universe-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;min-height:290px;padding:24px;display:flex;position:relative}.universe-copy{align-content:start;justify-items:start;gap:0;max-width:min(72%,420px);display:grid}.universe-card h2{color:var(--on-surface);font-family:var(--heading-font);margin:12px 0 0;font-size:clamp(1.45rem,3vw,2rem)}.universe-card p{color:var(--on-surface-variant);margin:14px 0 0;line-height:1.55}.card-footer{color:var(--outline);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:.82rem;font-weight:800;display:flex}.card-action-group{align-items:center;gap:10px;display:flex}.card-footer button,.card-footer a{border-radius:var(--radius-control);color:var(--on-primary);background:var(--accent);border:0;padding:9px 14px;font-weight:900;text-decoration:none;transition:transform .16s,filter .16s,border-color .16s,background .16s}.card-footer .universe-secondary-button{color:var(--on-surface);background:color-mix(in srgb, var(--white) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 8%, transparent)}.card-footer button:disabled{cursor:not-allowed;opacity:.62;color:color-mix(in srgb, var(--surface-deep) 72%, transparent);box-shadow:none}.card-footer a:hover,.card-footer button:not(:disabled):hover{transform:translateY(-2px)}@media (width>=761px){.universe-grid:not(.single-universe) .universe-card.is-universe-got.is-featured .universe-copy{max-width:min(70%,560px)}.universe-grid:not(.single-universe) .universe-card.is-universe-got.is-featured h2{margin-top:0;font-size:clamp(3.1rem,7vw,5rem);line-height:.92}}@media (width<=520px){.universe-copy{max-width:100%}.card-footer{flex-direction:column;align-items:flex-start}.card-action-group{align-items:stretch;width:100%}.card-action-group button,.card-action-group a{text-align:center;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:44px;padding-inline:6px;display:flex}}.user-profile-card{border-radius:var(--radius-panel);padding:18px 20px}.profile-card-main{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;display:grid}.profile-card-main h2{color:var(--on-surface);font-family:var(--heading-font);margin:0;font-size:1.18rem;line-height:1.05}.profile-card-main p{overflow-wrap:anywhere;color:var(--on-surface-variant);margin:4px 0 0;font-size:.82rem;line-height:1.38}@media (width<=520px){.user-profile-card{padding:18px}}.mini-board{border-radius:var(--radius-panel);padding:18px 20px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-heading h2{color:var(--on-surface);font-family:var(--heading-font);margin:0;font-size:1.08rem}.section-heading button,.mini-board-view-all{border-radius:var(--radius-soft);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);letter-spacing:.04em;text-transform:uppercase;border:0;padding:7px 10px;font-size:.76rem;font-weight:900;transition:transform .16s,filter .16s,border-color .16s,background .16s}.mini-rank{border-top:1px solid color-mix(in srgb, var(--outline-variant) 38%, transparent);grid-template-columns:20px 36px 1fr auto;align-items:center;gap:10px;padding-block:10px;display:grid}.rank-number{color:var(--accent-gold);font-size:.88rem;font-weight:900}.mini-rank strong{color:var(--on-surface);font-size:.92rem;line-height:1.2}.mini-rank>span:last-child{color:var(--on-surface-variant);font-size:.82rem;font-weight:800}@media (width<=520px){.mini-board{padding:18px}}