/* Layout and decoration are independent. The OBS canvas stays transparent. */
body:not(.obs-page) .skin-card[aria-pressed=true]{border-color:#21c8d6!important;background:linear-gradient(145deg,#152c34,#141d24)!important}body:not(.obs-page) .skin-card[aria-pressed=true] .skin-name{color:#53d6e0}.custom-layout .daily-results:not(:has(.wins)):not(:has(.losses)){display:none}.custom-layout .daily-results:not(:has(.wins)),.custom-layout .daily-results:not(:has(.losses)){grid-template-columns:1fr}
.faceit-widget.skin-space{background:linear-gradient(120deg,#122636b8,#0a1625a3);border-color:#72c6d73d;border-radius:12px;box-shadow:inset 0 1px #b2eef010;color:#e6f4f9}.skin-space .elo-number,.skin-space .stat-value{color:#9ee6ef}.skin-space .rank-number{color:#94cddb}
.faceit-widget.skin-anime-dark,.faceit-widget.skin-anime-pink{position:relative;isolation:isolate;overflow:hidden;padding-right:74px;width:404px;min-height:74px;background:linear-gradient(115deg,#080a10ed,#171723e3);border-color:#7d92ad55;border-radius:10px}.faceit-widget.theme-minimal.skin-anime-dark,.faceit-widget.theme-minimal.skin-anime-pink{width:320px}.faceit-widget.theme-card.skin-anime-dark,.faceit-widget.theme-card.skin-anime-pink{width:404px}.skin-anime-dark:after,.skin-anime-pink:after{content:"";position:absolute;right:0;top:0;bottom:0;width:64px;background:url('assets/faceit-skins/anime-male-reference.png') center center/cover no-repeat;z-index:-1;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%)}.faceit-widget.skin-anime-pink{background:linear-gradient(115deg,#2d1425ed,#4e253aeb);border-color:#ff95cc66;color:#fff1f8}.skin-anime-pink:after{background-image:url('assets/faceit-skins/anime-female-reference.png')}.skin-anime-pink .elo-number,.skin-anime-pink .stat-value,.skin-anime-pink .rank-number{color:#ffc2e1}.skin-anime-pink .widget-level,.skin-anime-pink .stat-label,.skin-anime-pink .daily-label,.skin-anime-pink .elo-label,.skin-anime-pink .rank-label{color:#d7b2c7}
.faceit-widget.skin-light{background:#f9fafbed;color:#17202b;border-color:#bbc5d8a8;box-shadow:0 2px 12px #10172a12;font-family:Inter,Arial,sans-serif}.skin-light .widget-nickname,.skin-light .elo-number,.skin-light .stat-value,.skin-light .rank-number{color:#17202b;font-family:Inter,Arial,sans-serif;font-weight:400}.skin-light .widget-level,.skin-light .elo-label,.skin-light .stat-label,.skin-light .daily-label,.skin-light .rank-label{color:#5a6473}.skin-light .widget-stats,.skin-light.theme-card .region-rank{border-color:#24354624}.skin-light .result-number{color:#187a39}.skin-light .losses .result-number{color:#b7383c}.skin-light .result-label,.skin-light .losses .result-label{color:#576273}.skin-light .elo-number{font-size:24px}.skin-light.theme-minimal .elo-number{font-size:31px}
.faceit-widget.custom-layout{position:relative;isolation:isolate;background:none;border-color:var(--custom-accent);border-radius:var(--custom-radius);color:var(--custom-fg);font-family:var(--custom-font);width:420px;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:9px 12px;padding:12px;min-height:0}.custom-layout:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--custom-bg);opacity:var(--custom-opacity)}.custom-layout .widget-identity{display:flex!important;grid-column:auto;min-width:90px}.custom-layout .elo-metric{grid-column:auto;grid-row:auto}.custom-layout .daily-results{grid-column:auto;grid-row:auto;min-width:70px}.custom-layout .widget-stats{grid-column:1/-1;display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap;border-color:var(--custom-accent);padding-top:8px}.custom-layout .stat{flex-direction:row;gap:5px}.custom-layout .region-rank{grid-column:auto;grid-row:auto;align-items:flex-start;border:0;padding:0}.custom-layout .elo-number,.custom-layout .stat-value,.custom-layout .rank-number{font-family:var(--custom-font);color:var(--custom-accent);font-weight:500}.custom-layout .widget-nickname{color:var(--custom-fg)}.custom-layout .widget-level,.custom-layout .elo-label,.custom-layout .stat-label,.custom-layout .daily-label,.custom-layout .rank-label{color:var(--custom-fg);opacity:.75}.custom-layout .result-box{min-width:24px}
.custom-section-heading{font-size:16px!important;font-weight:600!important;color:#cad9e1;margin:26px 0 16px!important}.skin-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skin-card{min-width:0;text-align:left;color:#e4edf4;padding:16px!important;border:1px solid #6f8b9c30!important;border-radius:12px!important;background:#111b24dd!important;cursor:pointer;overflow:hidden}.skin-card[aria-pressed=true]{border-color:#66d8e599!important;background:#16313cd9!important}.skin-card:focus-visible{outline:2px solid #66d8e5;outline-offset:3px}.skin-name{display:block;font-size:14px;font-weight:600}.skin-caption{display:block;font-size:10px;color:#9eb2bf;line-height:1.6}.skin-stage{height:90px;display:flex;align-items:center;justify-content:center}.skin-stage .faceit-widget{flex:none;max-width:none;transform:scale(.5)}.skin-stage .theme-minimal{transform:scale(.65)}.skin-stage .custom-layout{transform:scale(.5)}
.custom-settings{margin-top:18px}.custom-settings[hidden]{display:none!important}.custom-settings h2{font-size:21px!important;margin-bottom:18px!important}.custom-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.custom-colors label,.custom-sliders label{font-size:12px}.custom-colors input[type=color]{display:block;padding:4px;width:100%;height:40px;margin-top:8px;cursor:pointer}.custom-sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.custom-sliders input[type=range]{padding:0;accent-color:#55d9e6;height:28px}.custom-sliders select{display:block;width:100%;padding:9px;background:#101c27;color:#e7f0f6;border:1px solid #6f8b9c44;border-radius:6px;margin-top:8px}.custom-fields{border:0;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.custom-fields legend{font-size:13px;margin-bottom:14px}.custom-fields label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.custom-fields input[type=checkbox]{width:16px;height:16px;accent-color:#55d9e6;flex:none}.custom-note{font-size:11px;color:#9bb3c4;line-height:1.6}
@media(max-width:700px){.skin-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-card{padding:12px!important}.skin-stage .faceit-widget{transform:scale(.31)}.skin-stage .theme-minimal{transform:scale(.43)}.skin-stage{height:70px}.skin-name{font-size:12px}.skin-caption{font-size:10px}.custom-colors,.custom-sliders{gap:10px}.custom-sliders{grid-template-columns:1fr}.custom-fields{grid-template-columns:repeat(2,1fr)}.preview-surface .faceit-widget.skin-anime-dark,.preview-surface .faceit-widget.skin-anime-pink{transform:scale(.52);padding-right:74px}.preview-surface .faceit-widget.theme-minimal.skin-anime-dark,.preview-surface .faceit-widget.theme-minimal.skin-anime-pink{transform:scale(.68)}.preview-surface .custom-layout{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));min-height:0;gap:9px 12px;padding:12px;transform:scale(.63)}.preview-surface .custom-layout .widget-identity{display:flex!important}.preview-surface .custom-layout .daily-results,.preview-surface .custom-layout .elo-metric,.preview-surface .custom-layout .region-rank{grid-column:auto;grid-row:auto}.preview-surface .custom-layout .widget-stats{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.preview-surface .custom-layout .stat{flex-direction:row}.design-stage .faceit-widget.skin-anime-dark,.design-stage .faceit-widget.skin-anime-pink{transform:scale(.5)}}

/* Match the manga portraits with one uninterrupted panel color. */
.faceit-widget.skin-anime-dark{background:#b5b5b5;color:#161616;border-color:#d4d4d4}
.skin-anime-dark .widget-level,.skin-anime-dark .elo-label,.skin-anime-dark .stat-label,.skin-anime-dark .daily-label,.skin-anime-dark .rank-label{color:#333}
.skin-anime-dark .elo-number,.skin-anime-dark .stat-value,.skin-anime-dark .rank-number{color:#161616}
.skin-anime-dark .widget-stats,.skin-anime-dark .region-rank{border-color:#2223}
.skin-anime-dark .result-number{color:#145a29}.skin-anime-dark .losses .result-number{color:#7d1423}.skin-anime-dark .result-label,.skin-anime-dark .losses .result-label{color:#222}
.faceit-widget.skin-anime-pink{background:#aa417a;border-color:#d67bae;color:#fff6fa}
.skin-anime-pink .elo-number,.skin-anime-pink .stat-value,.skin-anime-pink .rank-number{color:#fff6fa}
.skin-anime-pink .widget-level,.skin-anime-pink .elo-label,.skin-anime-pink .stat-label,.skin-anime-pink .daily-label,.skin-anime-pink .rank-label{color:#ffe3f1}
.skin-anime-pink .result-box{background:#0c281ecc}.skin-anime-pink .result-box.losses{background:#38101dcc}
.skin-anime-dark:after,.skin-anime-pink:after{opacity:1;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}

/* Content-sized custom layout: selected fields occupy only their own space. */
.faceit-widget.custom-layout{display:flex;flex-wrap:wrap;align-items:center;width:max-content;max-width:min(100%,var(--custom-width));height:auto;max-height:var(--custom-height);gap:7px 12px;padding:9px 11px;overflow:visible}
.faceit-widget.custom-layout:has(.custom-media){max-height:none}
.custom-layout .widget-identity{min-width:0;max-width:160px;flex:none}.custom-layout .daily-results{min-width:0;flex:none;grid-template-columns:repeat(2,max-content)}
.custom-layout .widget-stats{width:auto;flex:none;gap:12px;padding:0;border:0}.custom-layout .region-rank{flex:none}.custom-layout .region-rank .rank-label{display:flex;gap:4px;align-items:center}
.custom-layout .widget-geography{display:flex;align-items:center;gap:7px;flex:none}.geo-item{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}.widget-flag{display:inline-flex;align-items:center;vertical-align:middle}.flag-image{display:block;width:18px;height:12px;object-fit:cover;border-radius:2px}.region-symbol{font-size:15px}.rank-label{display:flex;align-items:center;gap:3px}
.custom-media{width:var(--media-size);height:var(--media-size);display:block;flex:none;border-radius:5px}.custom-dimensions,.custom-media-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.custom-media-settings h3,.custom-media-settings p{grid-column:1/-1}.custom-dimensions label,.custom-media-settings label{font-size:12px}.custom-media-settings select{width:100%;padding:12px;background:#101c27;color:#eef5f8;border:1px solid #ffffff30;border-radius:6px}.custom-media-settings input[type=file]{font-size:12px;max-width:100%;height:auto;padding:10px}
@media(max-width:700px){.preview-surface .faceit-widget.custom-layout{display:flex;max-width:var(--custom-width);flex-wrap:wrap;gap:7px 12px;padding:9px 11px}.custom-media-settings{grid-template-columns:1fr}}

/* Background images stay behind both the tint and the statistics. */
.custom-media-background{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;border-radius:inherit;pointer-events:none}
.custom-layout.has-custom-background:before{opacity:calc(var(--custom-opacity) * .65)}
body:not(.obs-page) .custom-settings{padding:20px!important}.custom-settings h2{font-size:20px!important;margin:0 0 14px!important}.custom-settings h3{font-size:14px!important;margin:0!important}
.custom-colors,.custom-sliders,.custom-dimensions{gap:12px}.custom-colors input[type=color]{height:32px;margin-top:5px}.custom-sliders{margin-top:12px}.custom-sliders select{padding:8px;margin-top:5px}.custom-dimensions{margin-top:12px}
.custom-dimensions input[type=range]{height:24px;padding:0;accent-color:#55d9e6;width:100%;margin-top:4px}.custom-settings output{color:#a9c6d5;font-variant-numeric:tabular-nums}.custom-settings .custom-note{font-size:10px;line-height:1.5;margin:8px 0!important}
.custom-fields{margin-top:12px;gap:8px 14px}.custom-fields legend{margin-bottom:10px}.custom-fields label{font-size:12px}.custom-media-settings{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff12;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;align-items:end}
.custom-media-settings h3,.custom-media-settings p{grid-column:1/-1}.custom-media-settings label{grid-column:span 2;min-width:0}.custom-media-settings .media-upload,.custom-media-settings .media-link{grid-column:span 3}.custom-media-settings #clearMedia{grid-column:span 2;min-height:36px;padding:8px!important}.custom-media-settings input:not([type=file]),.custom-media-settings select{height:36px;min-height:0;padding:8px;margin-top:5px}.custom-media-settings input[type=file]{padding:8px;margin-top:5px;height:36px}.custom-media-settings input:disabled{opacity:.4}.custom-media-settings #mediaStatus:empty{display:none}.custom-media-settings #mediaStatus{font-size:11px;margin:0!important}
@media(max-width:700px){body:not(.obs-page) .custom-settings{padding:16px!important}.custom-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-sliders label:last-child{grid-column:1/-1}.custom-media-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-media-settings .media-upload,.custom-media-settings .media-link{grid-column:1/-1}.custom-media-settings label{grid-column:auto}.custom-media-settings #clearMedia{grid-column:1/-1}}
.custom-settings label{margin-bottom:0!important;line-height:1.4}.custom-settings input,.custom-settings select{margin-bottom:0!important}.custom-settings input[type=range]{min-height:0!important;height:22px!important;margin-top:4px!important}.custom-fields input[type=checkbox]{margin:0!important}.custom-media-settings #clearMedia{margin:0!important}