/* Front page: rounded corners to match the account pages and the admin panel.
   The pixel icons and the logo stay square on purpose. */

/* cards and panels */
.quickstep-card,
.m2-class-specs-card,
.m2-class-3d-stage { border-radius: 16px; }
.m2-class-3d-stage { overflow: hidden; }
.m2-rate-item,
.quickstep-col { border-radius: 14px; }
.m2-class-controls-row,
.m2-ctrl-group,
.quickstep-footer { border-radius: 12px; }

/* buttons */
.btn-class-cta,
.pixel-btn-ghost,
.quickstep-action-btn,
.m2-class-tab-btn { border-radius: 10px; }
.m2-class-tab-icon { border-radius: 10px; }
.m2-ctrl-btn { border-radius: 8px; }
.pixel-split-select { border-radius: 8px; }

/* the play button with the language picker is one split control */
.pixel-split-btn { border-radius: 10px; }
.pixel-split-action { border-radius: 9px 0 0 9px; }
.pixel-split-lang { border-radius: 0 9px 9px 0; }

/* class tabs show the game's own class portraits */
.m2-class-tab-icon { overflow: hidden; padding: 0; background: #000; }
.m2-class-face { display: block; width: 100%; height: 100%; object-fit: cover; }

/* small labels become pills */
.hud-tag,
.m2-status-pill,
.m2-skill-badge,
.m2-class-role-tag,
.m2-doctrine-pill,
.quickstep-tag { border-radius: 999px; }