/* Familiar platform marks, framed by the site's violet/copper button system. */
body[data-page=streamers] .cz-button-art{width:28px;height:28px;object-fit:contain;flex:none}body[data-page=streamers] :is(.sp-directory-actions a,#st-go,#st-more,.st-actions a){display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:48px;border:1px solid #705283;border-radius:12px;padding:8px 13px;background:linear-gradient(120deg,#352641,#21192c 80%);color:#e2caff;font:600 12px var(--font);text-decoration:none;box-shadow:inset 0 1px #e1c9ff1a;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}body[data-page=streamers] :is(.sp-directory-actions a,#st-go,#st-more,.st-actions a):hover{border-color:#c5a0ed;background:linear-gradient(120deg,#4d355e,#30203d);transform:translateY(-2px);color:#fff0fc;box-shadow:0 5px 18px #130b2060}body[data-page=streamers] :is(.sp-directory-actions a,#st-more,.st-actions a) i{font-style:normal;font-size:17px;margin-left:8px;transition:transform .2s}body[data-page=streamers] :is(.sp-directory-actions a,#st-more,.st-actions a):hover i{transform:translate(2px,-2px)}body[data-page=streamers] .st-actions a:first-child{border-color:#a77695;background:linear-gradient(120deg,#55364b,#302036);color:#f8d4e1}body[data-page=streamers] .st-actions a:first-child:hover{border-color:#e9b2bb;background:linear-gradient(120deg,#6c4257,#422743)}body[data-page=streamers] .st-actions a{padding:6px;gap:5px;min-width:0}body[data-page=streamers] .st-actions .cz-button-art{width:24px;height:24px}.st-actions a i{margin-left:2px!important}
body[data-page=streamers] .st-search{border-radius:14px;border:1px solid #5d466d;background:linear-gradient(130deg,#251b31,#1a1323);padding:6px;gap:8px;box-shadow:inset 0 1px #d9b8ff0d}body[data-page=streamers] .st-search input{background:transparent;border:0;box-shadow:none;min-width:0;padding-left:13px}body[data-page=streamers] .st-search:focus-within{border-color:#c9a8ff;box-shadow:0 0 0 3px #c9a8ff16}body[data-page=streamers] #st-go{min-height:46px;padding:5px 17px;flex:none}body[data-page=streamers] .sp-directory-actions{gap:10px;margin-top:14px}body[data-page=streamers] .st-tabs-bar{padding:12px;gap:18px;flex-wrap:wrap}body[data-page=streamers] .st-tabs2{gap:7px;border:0}body[data-page=streamers] .st-tabs2 button{display:inline-flex;align-items:center;gap:9px;min-height:56px;padding:8px 14px;border:1px solid #493851;border-radius:12px;background:linear-gradient(135deg,#251d2f,#1d1626);color:#c4b0d4;font-size:12px;transition:transform .2s,border-color .2s,background .2s}body[data-page=streamers] .st-tabs2 button.active{border-color:#a682c7;color:#eedbff;background:linear-gradient(135deg,#4a335d,#302239);box-shadow:inset 0 1px #e1c2ff22,0 4px 12px #110a1e55}body[data-page=streamers] .st-tabs2 button:hover{border-color:#bc96de;transform:translateY(-1px)}.st-platform-art{display:grid;place-items:center;position:relative;width:32px;height:32px;flex:none;border:1px solid #9a75b06b;border-radius:11px;background:radial-gradient(ellipse at 30% 15%,#c7a3ff22,transparent 65%),#241a2e;box-shadow:inset 0 1px #e2c8ff20}.st-platform-art:before{content:'';position:absolute;inset:3px -3px;border:1px solid #dca5b43d;border-radius:50%;transform:rotate(-35deg);pointer-events:none}body[data-page=streamers] .st-platform-art svg{width:18px;height:18px;margin:0}body[data-page=streamers] .st-tabs2 .n{border:1px solid #a580bc40;color:#d1b5e8;background:#16101f66;font:10px var(--mono);padding:4px 6px;border-radius:6px}body[data-page=streamers] .dot-live{background:#f3acb2;box-shadow:0 0 9px #ed98ad40}body[data-page=streamers] .st-stats{gap:16px;font-size:11px}.st-stats>span:last-child{font-size:10px}
body[data-page=streamers] .sp-stream-filters{padding:10px 12px;border-color:#403047}body[data-page=streamers] .sp-stream-filters>summary{justify-content:flex-start;gap:9px;min-height:46px;border:1px solid #5b426b;border-radius:11px;padding:6px 10px;background:linear-gradient(120deg,#30223d,#201729);color:#dac0f2;width:fit-content;font-size:12px;transition:background .2s,border-color .2s}body[data-page=streamers] .sp-stream-filters>summary:after{display:none}.sp-stream-filters>summary i{margin-left:20px;font-style:normal;transition:transform .2s}.sp-stream-filters[open]>summary i{transform:rotate(180deg)}body[data-page=streamers] .sp-stream-filters>summary:hover{background:#3b2949;border-color:#b58cda}body[data-page=streamers] .sp-stream-filters select{min-height:48px;padding-left:42px;border-color:#674c79;border-radius:11px;background:#1d1527 url('/static/img/brand/casino/glyphs/language.svg?v=accent-20261028') 10px center/25px no-repeat}body[data-page=streamers] :is(.st-type,.st-chips){gap:7px;padding-block:10px}body[data-page=streamers] .chip-f{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 11px;border:1px solid #513c60;border-radius:11px;background:linear-gradient(135deg,#2c2137,#1e1727);color:#cab5d9;font-size:11px;transition:transform .2s,background .2s,border-color .2s}body[data-page=streamers] .chip-f.active{border-color:#b18bd2;background:linear-gradient(135deg,#503965,#302139);color:#f2deff;box-shadow:inset 0 1px #e4c6ff25}body[data-page=streamers] .chip-f:hover{border-color:#b18bd2;transform:translateY(-1px)}body[data-page=streamers] .chip-f .chip{width:24px!important;height:24px!important;flex:none;margin:0;border-radius:7px}body[data-page=streamers] .chip-f img.cz-button-art{width:24px;height:24px}.st-type .k{align-self:center;margin-right:5px}.st-chips .chip-f.hide{margin-left:auto}
body[data-page=streamers] #st-seg{gap:4px;padding:4px;background:linear-gradient(135deg,#281c34,#1a1422);border:1px solid #523b63;border-radius:12px}body[data-page=streamers] #st-seg button{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:9px;border:1px solid transparent;color:#c7b0d9;background:transparent}body[data-page=streamers] #st-seg button:before{content:'';width:10px;height:10px;border:1px solid #a17ac1;border-radius:50%}body[data-page=streamers] #st-seg button.active{color:#efdcff;background:linear-gradient(120deg,#503962,#32223c);border-color:#9e75bd}body[data-page=streamers] #st-seg button.active:before{background:#d1acff;box-shadow:0 0 9px #c9a8ff66}body[data-page=streamers] #st-more[hidden]{display:none!important}body[data-page=streamers] :is(a,button,input,summary,select):focus-visible{outline:2px solid #d1b1ff;outline-offset:3px}
@media(max-width:650px){body[data-page=streamers] .st-tabs-bar{padding:9px;gap:14px}body[data-page=streamers] .st-tabs2{width:100%;gap:5px}body[data-page=streamers] .st-tabs2 button{flex:1;min-width:0;padding:8px 5px;gap:5px;flex-wrap:wrap;font-size:11px;min-height:68px}.st-platform-art{width:26px;height:26px;border-radius:9px}body[data-page=streamers] .st-tabs2 .cz-button-art{width:26px;height:26px}.st-tabs2 button .n{padding:2px 4px!important;font-size:9px!important}body[data-page=streamers] .st-stats{gap:9px;font-size:10px}body[data-page=streamers] .st-search input{font-size:16px;padding-left:8px}body[data-page=streamers] #st-go{padding:6px 10px;gap:4px}body[data-page=streamers] #st-go .cz-button-art{width:23px;height:23px}body[data-page=streamers] .sp-directory-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}body[data-page=streamers] .sp-directory-actions a{font-size:11px;padding:7px;gap:5px}body[data-page=streamers] .sp-directory-actions a i{margin-left:auto}body[data-page=streamers] .sp-stream-filters{padding:9px}.sp-stream-filters .wb-field{max-width:none!important}body[data-page=streamers] .chip-f{padding:6px 9px;font-size:10px}body[data-page=streamers] .st-actions a{min-height:48px;font-size:12px}}
@media(prefers-reduced-motion:reduce){body[data-page=streamers] :is(.sp-directory-actions a,#st-go,#st-more,.st-actions a,.st-tabs2 button,.chip-f,.sp-stream-filters>summary,.sp-stream-filters>summary i){transition:none;transform:none!important}}

body[data-page=streamers] .st-grid .pill.live{color:#f0acb8;border-color:#92556b;background:#4e263c55}body[data-page=streamers] .st-grid .pill.live:before{background:#ef9eaf}

/* Quiet control glyphs, with the full galaxy material reserved for feature art. */
body[data-page=streamers] .cz-button-art{width:24px;height:24px}
body[data-page=streamers] .sp-directory-actions .st-feature-art{width:42px;height:42px;filter:drop-shadow(0 4px 5px #12091b66)}
body[data-page=streamers] .sp-directory-actions a{min-height:60px;font-size:14px;padding:8px 16px 8px 10px;gap:11px}
body[data-page=streamers] :is(.sp-directory-actions a,#st-go,#st-more,.st-actions a):hover{transform:none;box-shadow:0 0 0 3px #c9a8ff0c}
body[data-page=streamers] #st-go{font-size:13px}
body[data-page=streamers] .st-tabs2 button{font-size:14px;gap:10px;padding:9px 16px;min-height:58px}
body[data-page=streamers] .st-tabs2 .n{font-size:11px;padding:4px 7px}
.st-platform-art{width:30px;height:30px;border:0;background:none;box-shadow:none;border-radius:0}
.st-platform-art:before{display:none}
body[data-page=streamers] .st-platform-art svg{width:24px;height:24px}
body[data-page=streamers] .st-tabs2 button:hover,body[data-page=streamers] .chip-f:hover{transform:none}
body[data-page=streamers] .sp-stream-filters>summary{font-size:13px;padding:8px 12px}
body[data-page=streamers] .sp-stream-filters select{background-size:23px;font-size:13px}
body[data-page=streamers] .chip-f{font-size:12px;gap:8px;min-height:46px;padding:8px 12px}
body[data-page=streamers] .chip-f img.cz-button-art{width:22px;height:22px}
body[data-page=streamers] .st-actions a{font-size:13px;gap:9px;background:#251b30;border-color:#624974;box-shadow:inset 0 1px #e5c7ff0c}
body[data-page=streamers] .st-actions a:first-child{background:linear-gradient(120deg,#4a315b,#30213d);border-color:#9b76bd;color:#f0dcff}
body[data-page=streamers] .st-actions a:first-child:hover{background:linear-gradient(120deg,#624078,#432b55);border-color:#c9a8ff}
body[data-page=streamers] .st-actions .cz-button-art{width:22px;height:22px}
body[data-page=streamers] #st-more{font-size:13px;gap:10px}
@media(max-width:650px){
 body[data-page=streamers] .sp-directory-actions a{font-size:12px;padding:7px;gap:6px;min-height:58px}
 body[data-page=streamers] .sp-directory-actions .st-feature-art{width:34px;height:34px}
 body[data-page=streamers] .st-tabs2 button{font-size:12px;gap:6px;padding:8px 6px}
 body[data-page=streamers] .st-tabs2 .cz-button-art{width:24px;height:24px}
 body[data-page=streamers] .st-platform-art svg{width:22px;height:22px}
 .st-platform-art{width:24px;height:24px}
 body[data-page=streamers] .chip-f{font-size:11px;padding:7px 10px}
 body[data-page=streamers] .st-actions a{font-size:13px;min-height:48px}
}