/* Official marks keep their paint. Skirbo controls the surrounding UI only. */
.sbm { --sbm-size:24px; display:inline-flex; align-items:center; justify-content:center; flex:none; gap:8px; vertical-align:middle; line-height:1; pointer-events:none; box-sizing:border-box; }
.sbm-surface { display:inline-flex; align-items:center; justify-content:center; height:var(--sbm-size); width:var(--sbm-size); background:#fff; border-radius:calc(var(--sbm-size) * .18); overflow:hidden; box-sizing:border-box; padding:calc(var(--sbm-size) * .08); }
.sbm-surface--ink { background:#171b25; }
.sbm img { display:block; width:100%; height:100%; object-fit:contain; flex:none; max-width:100%; }
.sbm--full > .sbm-surface { width:calc(var(--sbm-size) * 5); border-radius:6px; padding:calc(var(--sbm-size) * .15) calc(var(--sbm-size) * .3); }
.sbm--full { max-width:100%; flex-wrap:wrap; }
.sbm--full > .sbm { min-width:0; max-width:100%; }
.sbm--full > .sbm > .sbm-surface { max-width:100%; }
.sbm-name { min-width:0; flex:1 1 80px; overflow-wrap:anywhere; font:600 clamp(9px,calc(var(--sbm-size) * .58),20px)/1.2 system-ui,sans-serif; color:var(--text,#1e293b); }
.sbm-short,.sbm-fallback { font:700 clamp(9px,calc(var(--sbm-size) * .44),20px)/1 system-ui,sans-serif; color:var(--text,#1e293b); letter-spacing:0; white-space:nowrap; }
.sbm--short { height:var(--sbm-size); min-width:var(--sbm-size); padding:0 6px; border:1px solid var(--border,#d7deea); border-radius:6px; background:var(--card,#fff); }
.sbm [hidden] { display:none!important; }
.sbm-decorated { display:inline-flex!important; align-items:center; gap:5px; }
.sbm-decorated > .sbm-owned { order:0; }
.sbm-icon-only { gap:0; font-size:0!important; letter-spacing:0!important; background:transparent!important; overflow:visible; }
.sbm-icon-only > .sbm-owned { --sbm-size:20px; }
.pc-logo.sbm-icon-only > .sbm-owned { --sbm-size:32px; }
.platform-badge.sm.sbm-icon-only > .sbm-owned { --sbm-size:16px; }
.platform-badge.lg.sbm-icon-only > .sbm-owned { --sbm-size:24px; }
.sbm-identity-slot { display:inline-flex; flex:none; align-items:center; justify-content:center; width:36px; height:36px; }
.sbm-identity-slot > .sbm-owned { --sbm-size:32px; }
.sbm-identity-slot.sbm-decorated > .sbm-original { display:none; }
[data-theme="dark"] .sbm-name,[data-theme="dark"] .sbm-short,[data-theme="dark"] .sbm-fallback { color:var(--text,#e2e8f0); }