/* Slovra V6 Part 4 — site-wide SVG icon migration + profile viewport backdrop */
:root{--p4-icon-size:1.08em}
.v6-ui-icon{width:var(--p4-icon-size);height:var(--p4-icon-size);display:inline-block;vertical-align:-.16em;flex:0 0 auto;overflow:visible}
.v6-ui-icon.v6-tone-green{--icon-main:#25b878;--icon-accent:#78e6b8;--icon-soft:rgba(37,184,120,.14)}
.v6-ui-icon.v6-tone-cyan{--icon-main:#13a8d6;--icon-accent:#67dff1;--icon-soft:rgba(19,168,214,.14)}
.v6-ui-icon.v6-tone-purple{--icon-main:#7c4dff;--icon-accent:#c16dff;--icon-soft:rgba(124,77,255,.14)}
.v6-ui-icon.v6-tone-orange{--icon-main:#f39a24;--icon-accent:#ffd066;--icon-soft:rgba(243,154,36,.14)}
.v6-ui-icon.v6-tone-pink{--icon-main:#e34da6;--icon-accent:#ff8dcc;--icon-soft:rgba(227,77,166,.14)}
.v6-ui-icon.v6-tone-red{--icon-main:#ef5b61;--icon-accent:#ff999d;--icon-soft:rgba(239,91,97,.14)}
.v6-ui-icon.v6-tone-gold{--icon-main:#d99b00;--icon-accent:#ffe066;--icon-soft:rgba(217,155,0,.14)}
.v6-ui-icon.v6-tone-neutral{--icon-main:currentColor;--icon-accent:color-mix(in srgb,currentColor 60%,#7c4dff);--icon-soft:color-mix(in srgb,currentColor 10%,transparent)}
button>.v6-ui-icon:first-child,a>.v6-ui-icon:first-child{margin-right:.42em}
button.icon-only>.v6-ui-icon,button[aria-label]>.v6-ui-icon:only-child,.action-icon>.v6-ui-icon,.settings-section-icon>.v6-ui-icon,.game-icon-box>.v6-ui-icon,.home-feature-icon>.v6-ui-icon{margin:0;width:1.18em;height:1.18em}
.settings-section-icon,.action-icon,.game-icon-box,.home-feature-icon,.contribute-hero-icon,.contribute-topbar-mark,.contribute-tip-icon,.contribute-submit-icon{font-family:Nunito,sans-serif!important}

/* Profile Center background must continue to the full desktop viewport, not stop at the app rail. */
body.v6-profile-open{background:#101113!important}
body.v6-profile-open #app-container{background:transparent!important}
body.v6-profile-open #screen-profile-v28.v28-screen{background:transparent!important;position:relative!important;isolation:isolate!important}
body.v6-profile-open #screen-profile-v28.v28-screen::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(760px 480px at 4% 4%,rgba(124,77,255,.14),transparent 68%),radial-gradient(760px 480px at 96% 9%,rgba(34,200,216,.12),transparent 68%),linear-gradient(180deg,#151518 0%,#101113 62%,#121012 100%)}
body.light-mode.v6-profile-open,body.light.v6-profile-open{background:#f3f4f7!important}
body.light-mode.v6-profile-open #screen-profile-v28.v28-screen::after,body.light.v6-profile-open #screen-profile-v28.v28-screen::after{background:radial-gradient(760px 480px at 4% 4%,rgba(124,77,255,.11),transparent 68%),radial-gradient(760px 480px at 96% 9%,rgba(34,200,216,.12),transparent 68%),linear-gradient(180deg,#f7f5ff 0%,#f5f7f9 56%,#fff7fb 100%)}

/* Native select options cannot contain SVG; Part 4 intentionally strips emoji glyphs from them. */
option[data-v6-emoji-clean="1"]{font-family:Nunito,sans-serif}