
.home-streamers,.stream-page{--stream-line:#77522d66;color:#ddc9ab;min-width:0}.home-primary-column>.home-streamers{grid-column:1/-1;order:2;width:100%;padding:0!important;margin-top:34px}.stream-page{grid-column:1/-1;width:100%;padding:0!important}.content-grid:has(.stream-page){grid-template-columns:minmax(0,1fr)!important}.stream-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 24px;background:#19130fe8;border:1px solid var(--stream-line)}.stream-eyebrow{display:block;font:700 9px/1.5 'Segoe UI',sans-serif;letter-spacing:2px;color:#c09962;margin-bottom:9px}.stream-section-heading h2,.stream-directory-heading h2{font:27px Georgia,serif!important;color:#ecc78d;margin:0}.stream-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stream-button{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border:1px solid #9d723b;background:linear-gradient(125deg,#5d3b1d,#2c2015);border-radius:4px;color:#f0c98f!important;font:600 11px/1.4 'Segoe UI',sans-serif!important;text-decoration:none!important;cursor:pointer;transition:filter .2s}.stream-button:hover{filter:brightness(1.18)}.stream-button.stream-apply-button{background:linear-gradient(120deg,#273c3b,#172b2c);border-color:#4c8481;color:#bde6dc!important}.stream-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.stream-card{--platform:#c99a61;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;padding:10px 8px;gap:4px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--platform) 12%,transparent),transparent 70%),#18130f;border:1px solid #73532f77;border-radius:6px;color:#e7d0ad!important;text-decoration:none!important;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.stream-card:hover{transform:translateY(-4px);border-color:var(--platform);box-shadow:0 8px 25px #0005,inset 0 0 20px color-mix(in srgb,var(--platform) 7%,transparent)}.stream-platform-youtube{--platform:#f26464}.stream-platform-kick{--platform:#96df64}.stream-platform-twitch{--platform:#b69af6}.stream-platform-trovo{--platform:#65dba9}.stream-platform-dlive{--platform:#e9d360}.stream-platform-facebook{--platform:#81b1fa}.stream-platform-instagram{--platform:#ed91c7}.stream-platform-tiktok{--platform:#74d8dc}.stream-avatar{display:grid;place-items:center;width:clamp(38px,3.6vw,58px);height:clamp(38px,3.6vw,58px);flex-shrink:0;border:1px solid var(--platform);border-radius:50%;padding:3px;background:#0f0d0c;color:var(--platform);font:24px Georgia;box-shadow:0 0 15px color-mix(in srgb,var(--platform) 12%,transparent);margin-bottom:3px}.stream-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.stream-card>strong{font:600 12px/1.3 'Segoe UI',sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1dfc2}.stream-nick{font:10px/1.3 'Segoe UI',sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbaa92}.stream-hours{font:10px/1.3 'Segoe UI',sans-serif;color:#b79d77}.stream-platform{display:flex;align-items:center;justify-content:center;gap:4px;font:600 9px/1.4 'Segoe UI',sans-serif;color:var(--platform);margin-top:2px}.stream-platform svg{width:13px;height:13px}.stream-arrow{position:absolute;right:8px;top:6px;font-size:15px;color:var(--platform);opacity:.65}.stream-disclaimer{font-size:10px;color:#ab987a;margin:15px 0 0;background:#17120de8;padding:9px 12px}.stream-empty{padding:30px 20px;text-align:center;border:1px dashed var(--stream-line);background:#19130fe8}.stream-empty>span{font-size:32px;color:#bb955e}.stream-empty h3{font:23px Georgia!important;color:#e3bf87;margin:12px 0}.stream-empty p{font-size:12px;line-height:1.8;color:#b5a184}.stream-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:230px;padding:36px;border:1px solid var(--stream-line);background:linear-gradient(100deg,#17110ef5,#17110e90),url('../images/forge-battlefield.png') center 40%/cover}.stream-hero h1{font:46px Georgia!important;color:#ecc78d;margin:0}.stream-hero p{font-size:13px;line-height:1.8;color:#c2ae8e;margin:18px 0 0}.stream-directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px;padding:18px;background:#19130fe8}.stream-directory-heading h2{font-size:22px!important}.stream-directory-heading h2 span{font:11px 'Segoe UI';background:#63401f;color:#f1ca91;padding:5px 9px;border-radius:3px;margin-left:10px}.stream-directory-heading>a{font-size:11px;color:#d1ac74}.stream-success{border:1px solid #528a6d;background:#162b22;padding:17px;color:#b9e3c6}.stream-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.stream-pagination a{padding:9px 14px;background:#241a11;border:1px solid #684d2e;color:#d6b783}.stream-pagination a[aria-current]{background:#735027;color:#ffdfaa}
dialog.stream-dialog{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;width:min(560px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;padding:28px;border:1px solid #997245;border-radius:12px;background:#18130f;color:#dbc8aa;box-shadow:0 30px 100px #000b;z-index:2147483647;color-scheme:dark}dialog.stream-dialog:not([open]){display:none}.stream-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.stream-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px}.stream-dialog h2{font:28px Georgia!important;color:#e7c28a;margin:0}.stream-dialog [data-stream-close]{display:grid;place-items:center;width:32px;height:32px;border:1px solid #725536;border-radius:4px;background:#2b2116;color:#e8c797;font:24px Arial;cursor:pointer}.stream-dialog p{font-size:13px;line-height:1.8}.stream-form{display:grid;gap:18px}.stream-form label{display:block;font:12px/1.5 'Segoe UI',sans-serif;color:#d5bc97}.stream-form label>b{color:#dca96c}.stream-form input:not([type=hidden]),.stream-form select{display:block;width:100%!important;box-sizing:border-box;padding:12px!important;margin:8px 0 0!important;background:#100e0d!important;border:1px solid #705334!important;color:#f0dfc6!important;border-radius:4px!important;font:13px 'Segoe UI',sans-serif}.stream-form input[type=file]{font-size:11px}.stream-form small,.stream-form-note{display:block;font:11px/1.7 'Segoe UI',sans-serif!important;color:#ad997d;margin-top:7px}.stream-identity{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid #72553666;background:#21190f}.stream-identity img{border-radius:50%;object-fit:cover;flex-shrink:0;width:64px;height:64px}.stream-identity>div{min-width:0;display:grid;gap:7px}.stream-identity strong{color:#f2d6a7;font-size:15px;overflow-wrap:anywhere}.stream-identity span{font-size:12px;color:#b6a083;overflow-wrap:anywhere}.stream-notice{padding:14px;border:1px solid #a66e3f;background:#45291a;color:#f0d1ab;font-size:12px;line-height:1.8}.stream-application-state{text-align:center;padding:16px}.stream-application-state>span svg{width:48px;height:48px;color:#d5af73}.stream-application-state h3{font:23px Georgia;color:#ecc78d;margin:18px 0}.stream-form button:disabled{opacity:.6;cursor:wait}.stream-card:focus-visible,.stream-button:focus-visible,.stream-dialog :focus-visible{outline:2px solid #f1c27d;outline-offset:3px}
@media(max-width:1100px) and (min-width:701px){.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stream-avatar{width:58px;height:58px}.stream-section-heading{flex-wrap:wrap}}
@media(max-width:700px){.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stream-card{padding:12px 8px;gap:5px}.stream-avatar{width:52px;height:52px}.stream-card>strong{font-size:13px}.stream-nick,.stream-hours{font-size:10px}.stream-platform{font-size:10px}.stream-section-heading{padding:18px;display:block}.stream-section-heading h2{font-size:25px!important}.stream-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.stream-actions .stream-button{font-size:10px!important;padding:11px 8px}.stream-hero{padding:25px;display:block;min-height:0}.stream-hero h1{font-size:36px!important}.stream-hero>.stream-button{margin-top:20px}.stream-directory-heading h2{font-size:18px!important}.stream-dialog{padding:22px!important}.stream-dialog h2{font-size:24px!important}.stream-identity img{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.stream-card,.stream-button{transition:none}.stream-card:hover{transform:none}}

.stream-approved-banner{display:flex;align-items:flex-start;gap:14px;padding:18px;background:linear-gradient(120deg,#183328,#16241d);border:1px solid #4a7b5b;border-radius:7px;margin-bottom:18px}.stream-approved-banner>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #6ca982;border-radius:50%;color:#b7e4bf;font-size:19px}.stream-approved-banner h3{font:22px/1.3 Georgia,serif!important;color:#c9e7bd;margin:0 0 8px}.stream-approved-banner p{margin:0;color:#b6ccb7;font-size:12px!important}.stream-approved-identity{margin-bottom:18px}.stream-approved-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px;padding:18px;border:1px solid #72553666;border-radius:5px;background:#110f0d}.stream-approved-details dt{font-size:10px;color:#a99578;margin:0 0 7px}.stream-approved-details dd{display:flex;align-items:center;gap:7px;font-size:13px;color:#e4c89d;margin:0}.stream-approved-details svg{width:18px;height:18px}.stream-approved-note{padding:18px!important;border:1px solid #9d733c66;background:linear-gradient(125deg,#2b2114,#1b160f);border-radius:5px;margin:0 0 20px}.stream-approved-note h3{font:18px Georgia!important;color:#e8c28a;margin:0 0 12px}.stream-approved-note p{margin:0;color:#cdb797;font-size:12px!important;overflow-wrap:anywhere}.stream-approved-channel{width:100%;box-sizing:border-box}.stream-actions .stream-apply-button{white-space:normal;text-align:center;max-width:280px}.stream-hero>.stream-apply-button{max-width:300px;text-align:center;white-space:normal}@media(max-width:420px){.stream-approved-details{grid-template-columns:1fr}.stream-approved-banner{padding:14px}.stream-approved-banner h3{font-size:20px!important}}
