.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);transition:transform var(--t-fast),box-shadow var(--t-mid),background var(--t-fast),color var(--t-fast);position:relative;overflow:hidden;cursor:pointer;white-space:nowrap}.btn:active{transform:scale(.97)!important}.btn--primary{background:var(--pink);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f69ab673}.btn--ghost{background:transparent;color:var(--pink);border:1.5px solid var(--pink)}.btn--ghost:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f69ab640}.btn--danger{background:var(--red);color:var(--white)}.btn--danger:hover{background:var(--red-light);transform:translateY(-2px);box-shadow:0 8px 24px #c206}.btn--pink{background:var(--pink);color:#fff;border:none}.btn--pink:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f69ab680}.badge{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill);line-height:1.4}.badge--red{background:var(--red);color:var(--white)}.badge--gold{background:var(--gold);color:var(--black)}.badge--ghost{background:#00000012;color:var(--white-dim);border:1px solid rgba(0,0,0,.1)}.badge--win{background:#f5c51826;color:var(--gold);border:1px solid rgba(245,197,24,.3)}.badge--draw{background:#0000000f;color:var(--white-dim);border:1px solid rgba(0,0,0,.1)}.badge--loss{background:#cc22001f;color:var(--red);border:1px solid rgba(204,34,0,.25)}.result-card{background:var(--black-card);border-radius:var(--radius-md);padding:var(--sp-5) var(--sp-6);display:flex;align-items:center;gap:var(--sp-4);border-left:3px solid transparent;transition:transform var(--t-mid),box-shadow var(--t-mid),border-color var(--t-mid);min-width:280px}.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.result-card.win{border-left-color:var(--gold)}.result-card.draw{border-left-color:var(--white-ghost)}.result-card.loss{border-left-color:var(--red)}.result-card__meta{flex:1;min-width:0}.result-card__opponent{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--sp-1)}.result-card__info{font-size:.78rem;color:var(--white-ghost);display:flex;align-items:center;gap:var(--sp-2)}.result-card__info .badge{margin-left:auto}.result-card__score{font-family:var(--font-display);font-size:1.8rem;line-height:1;white-space:nowrap;flex-shrink:0}.result-card__score.win{color:var(--gold)}.result-card__score.draw{color:var(--white-dim)}.result-card__score.loss{color:var(--pink)}.stat-block{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.stat-block__value{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--gold)}.stat-block__label{font-family:var(--font-heading);font-weight:600;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--white-ghost)}.loading-grid{display:grid;gap:var(--sp-5)}.loading-card{border-radius:var(--radius-md);background:var(--black-card);aspect-ratio:3/4;animation:skeleton-pulse 1.6s ease-in-out infinite}
