/* Direction artistique dédiée au programme streamers.
   Ce fichier est chargé en dernier afin de conserver les composants fonctionnels
   tout en les alignant sur l'univers sombre, azur et arcanique du site. */

.streamers-page {
    --stream-cyan: #62bfd8;
    --stream-cyan-soft: #9bd9e8;
    --stream-violet: #8f82ef;
    --stream-violet-deep: #4e3f9c;
    --stream-gold: #f0ca52;
    --stream-panel: rgba(8, 10, 22, .91);
    --stream-line: rgba(133, 139, 214, .24);
    background:
        radial-gradient(circle at 12% 28%, rgba(98, 191, 216, .055), transparent 28rem),
        radial-gradient(circle at 86% 62%, rgba(143, 130, 239, .05), transparent 32rem),
        #050710;
}

/* Hero / poste de diffusion */
.inner-page.streamers-page .streamer-hero {
    min-height: clamp(640px, 76vh, 820px);
    padding: clamp(4.5rem, 8vw, 7.5rem) 0;
}

.inner-page.streamers-page .streamer-hero::before {
    background:
        radial-gradient(circle at 77% 42%, rgba(98, 191, 216, .15), transparent 25%),
        radial-gradient(circle at 69% 63%, rgba(143, 130, 239, .14), transparent 31%),
        linear-gradient(90deg, rgba(4, 6, 15, .98) 0%, rgba(5, 7, 17, .91) 46%, rgba(5, 8, 18, .56) 75%, rgba(5, 7, 15, .72) 100%),
        linear-gradient(180deg, rgba(5, 7, 16, .12) 48%, #070914 100%),
        url('../images/illu/aventurier_hurlevent.jpg') center 43% / cover no-repeat;
}

.inner-page.streamers-page .streamer-hero::after {
    right: 4%;
    left: 4%;
    background: linear-gradient(90deg, transparent, rgba(98, 191, 216, .5), rgba(143, 130, 239, .5), transparent);
}

.inner-page.streamers-page .streamer-hero-content {
    max-width: 1240px;
}

.streamer-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .58fr);
    align-items: center;
    gap: clamp(3rem, 7vw, 7rem);
}

.streamer-hero-copy {
    min-width: 0;
}

.inner-page.streamers-page .streamer-kicker {
    color: var(--stream-cyan-soft);
}

.inner-page.streamers-page .streamer-kicker::before {
    background: var(--stream-cyan);
    box-shadow: 0 0 12px rgba(98, 191, 216, .5);
}

.inner-page.streamers-page .streamer-hero h1 {
    max-width: none;
    margin-top: 1.25rem;
    font-size: clamp(3.25rem, 6.6vw, 6.15rem);
    line-height: .92;
    background: linear-gradient(105deg, #f7f8ff 0%, #d8d4ff 42%, #78c7dc 78%, #f2e7bb 112%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: none;
}

.inner-page.streamers-page .streamer-hero h1 span {
    display: block;
    width: max-content;
    max-width: 100%;
    white-space: nowrap;
}

.inner-page.streamers-page .streamer-hero .separator {
    width: 110px;
    background: linear-gradient(90deg, var(--stream-cyan), var(--stream-violet), transparent);
}

.inner-page.streamers-page .streamer-hero p {
    max-width: 650px;
    color: rgba(238, 241, 250, .7);
    font-size: clamp(1rem, 1.35vw, 1.13rem);
}

.streamer-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.75rem;
}

.streamer-hero-primary,
.streamer-hero-secondary {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: .8rem 1.05rem;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .075em;
    text-transform: uppercase;
    transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.streamer-hero-primary {
    color: #071016;
    border-color: rgba(127, 214, 231, .55);
    background: linear-gradient(135deg, #7ed3e5, #8c84e7);
    box-shadow: 0 12px 34px rgba(88, 159, 203, .18);
}

.streamer-hero-secondary {
    color: rgba(245, 246, 252, .82);
    border-color: rgba(143, 130, 239, .3);
    background: rgba(8, 10, 23, .64);
}

.streamer-hero-primary:hover,
.streamer-hero-secondary:hover {
    transform: translateY(-2px);
}

.streamer-hero-secondary:hover {
    color: #fff;
    border-color: rgba(98, 191, 216, .46);
    background: rgba(98, 191, 216, .08);
}

.streamers-page .inner-hero-meta {
    margin-top: 1.5rem;
}

.streamers-page .inner-hero-meta li {
    color: rgba(232, 236, 247, .58);
}

.streamers-page .inner-hero-meta i {
    color: var(--stream-cyan);
}

.streamer-signal-card {
    position: relative;
    min-height: 445px;
    overflow: hidden;
    padding: 1.55rem;
    border: 1px solid rgba(143, 130, 239, .42);
    border-radius: 2px;
    background:
        radial-gradient(circle at 50% 30%, rgba(98, 191, 216, .14), transparent 27%),
        radial-gradient(circle at 88% 8%, rgba(143, 130, 239, .13), transparent 35%),
        linear-gradient(145deg, rgba(15, 18, 39, .96), rgba(6, 8, 19, .95));
    box-shadow:
        0 30px 80px rgba(0, 0, 0, .46),
        inset 0 0 0 5px rgba(6, 7, 16, .72),
        inset 0 0 0 6px rgba(143, 130, 239, .09),
        inset 0 0 60px rgba(98, 191, 216, .045);
    isolation: isolate;
}

.streamer-signal-card::before,
.streamer-signal-card::after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    pointer-events: none;
}

.streamer-signal-card::before {
    top: 12px;
    left: 12px;
    border-top: 1px solid var(--stream-cyan);
    border-left: 1px solid var(--stream-cyan);
    clip-path: polygon(0 0, 100% 0, 100% 1px, 14px 1px, 14px 5px, 5px 14px, 1px 14px, 1px 100%, 0 100%);
    background: linear-gradient(135deg, rgba(98, 191, 216, .62) 0 7px, transparent 7px);
}

.streamer-signal-card::after {
    right: 12px;
    bottom: 12px;
    border-right: 1px solid var(--stream-violet);
    border-bottom: 1px solid var(--stream-violet);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(100% - 1px), calc(100% - 14px) calc(100% - 1px), calc(100% - 14px) calc(100% - 5px), calc(100% - 5px) calc(100% - 14px), calc(100% - 1px) calc(100% - 14px), calc(100% - 1px) 0);
    background: linear-gradient(315deg, rgba(143, 130, 239, .62) 0 7px, transparent 7px);
}

.signal-card-heading {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 .25rem .85rem;
    border-bottom: 1px solid rgba(133, 139, 214, .2);
    color: var(--stream-cyan-soft);
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.signal-card-heading span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.signal-card-heading i {
    color: var(--stream-violet);
    filter: drop-shadow(0 0 7px rgba(143, 130, 239, .42));
}

.signal-card-heading strong {
    color: rgba(201, 196, 255, .38);
    font-family: 'Cinzel', serif;
    font-size: 1.55rem;
    line-height: 1;
}

.signal-core {
    position: relative;
    width: 136px;
    height: 136px;
    display: grid;
    place-items: center;
    margin: 1.05rem auto .85rem;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(143, 130, 239, .18) 0 28%, transparent 29%),
        conic-gradient(from 45deg, transparent 0 12%, rgba(98, 191, 216, .34) 12% 13%, transparent 13% 37%, rgba(143, 130, 239, .38) 37% 38%, transparent 38% 62%, rgba(98, 191, 216, .34) 62% 63%, transparent 63% 87%, rgba(143, 130, 239, .38) 87% 88%, transparent 88%);
}

.signal-core::before {
    content: '';
    position: absolute;
    inset: 31%;
    border-radius: 50%;
    border: 1px solid rgba(201, 196, 255, .58);
    background:
        radial-gradient(circle at 38% 34%, rgba(255, 255, 255, .13), transparent 25%),
        linear-gradient(145deg, rgba(105, 78, 178, .72), rgba(37, 27, 79, .92));
    box-shadow:
        0 0 0 5px rgba(6, 7, 16, .72),
        0 0 0 6px rgba(98, 191, 216, .18),
        0 0 24px rgba(143, 130, 239, .32),
        inset 0 0 18px rgba(255, 255, 255, .08);
}

.signal-core > i {
    position: relative;
    z-index: 2;
    color: #f3efff;
    font-size: 1.7rem;
    text-shadow: 0 0 16px rgba(207, 197, 255, .5);
}

.signal-orbit {
    position: absolute;
    border: 1px solid rgba(98, 191, 216, .3);
    border-radius: 50%;
}

.signal-orbit::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    width: 7px;
    height: 7px;
    background: var(--stream-cyan);
    box-shadow: 0 0 11px rgba(98, 191, 216, .82);
    transform: rotate(45deg);
}

.signal-orbit-outer { inset: 5px; animation: streamer-orbit 22s linear infinite; }
.signal-orbit-inner { inset: 20px; border-color: rgba(143, 130, 239, .4); animation: streamer-orbit 15s linear infinite reverse; }
.signal-orbit-inner::before { background: #b8acff; box-shadow: 0 0 10px rgba(143, 130, 239, .85); }

.signal-flow {
    position: relative;
    z-index: 1;
    display: grid;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.signal-flow li {
    position: relative;
    display: grid;
    grid-template-columns: 2rem 1fr auto;
    align-items: center;
    gap: .85rem;
    min-height: 58px;
    padding: .65rem .8rem .65rem .65rem;
    border: 1px solid rgba(133, 139, 214, .18);
    border-left-color: rgba(98, 191, 216, .42);
    background: linear-gradient(90deg, rgba(98, 191, 216, .055), rgba(143, 130, 239, .035));
    transition: border-color 180ms ease, background 180ms ease;
}

.signal-flow li:hover {
    border-color: rgba(143, 130, 239, .38);
    background: linear-gradient(90deg, rgba(98, 191, 216, .09), rgba(143, 130, 239, .075));
}

.signal-flow li > span {
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    color: var(--stream-cyan-soft);
    border: 1px solid rgba(98, 191, 216, .42);
    transform: rotate(45deg);
    font-family: 'Cinzel', serif;
    font-size: .62rem;
    line-height: 1;
}

.signal-flow li > span b {
    font: inherit;
    transform: rotate(-45deg);
}

.signal-flow strong,
.signal-flow small {
    display: block;
}

.signal-flow strong {
    color: rgba(247, 248, 252, .9);
    font-family: 'Cinzel', serif;
    font-size: .76rem;
    letter-spacing: .01em;
}

.signal-flow small {
    margin-top: .08rem;
    color: rgba(235, 238, 248, .48);
    font-size: .66rem;
}

.signal-flow li > i {
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    color: #c4baff;
    border-radius: 50%;
    background: rgba(143, 130, 239, .09);
    font-size: .72rem;
}

.signal-card-footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: .9rem;
    color: rgba(201, 196, 255, .5);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.signal-card-footer span {
    width: 5px;
    height: 5px;
    background: var(--stream-cyan);
    box-shadow: 0 0 9px rgba(98, 191, 216, .74);
    transform: rotate(45deg);
}

@keyframes streamer-orbit {
    to { transform: rotate(360deg); }
}

/* Sections et panneaux */
.streamers-page .streamer-section {
    padding: clamp(5rem, 8vw, 7.5rem) 0;
}

.streamers-page .streamer-section::after {
    right: 4%;
    left: 4%;
    background: linear-gradient(90deg, transparent, rgba(98, 191, 216, .32), rgba(143, 130, 239, .32), transparent);
}

.streamers-page .program-details-section::before {
    background:
        linear-gradient(rgba(112, 153, 208, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(147, 123, 222, .05) 1px, transparent 1px),
        radial-gradient(circle at 82% 22%, rgba(70, 141, 199, .16), transparent 30%),
        linear-gradient(90deg, rgba(5, 7, 17, .93), rgba(6, 8, 19, .74) 52%, rgba(5, 7, 16, .57)),
        url('../images/illu/chemin.jpg') center 48% / cover no-repeat;
    background-size: 48px 48px, 48px 48px, auto, auto, cover;
}

.streamers-page .section-kicker {
    color: var(--stream-cyan-soft);
    border-color: rgba(98, 191, 216, .28);
    border-radius: 3px;
    background: rgba(7, 10, 23, .74);
}

.streamers-page .section-title {
    color: #f2f3f8;
    letter-spacing: -.02em;
}

.streamers-page .section-header .separator {
    background: linear-gradient(90deg, transparent, var(--stream-cyan), var(--stream-violet), transparent);
}

.streamers-page .program-details-grid {
    gap: 1.25rem;
}

.streamers-page .program-card,
.streamers-page .account-card,
.streamers-page #signed-in-panel {
    border-color: var(--stream-line);
    border-radius: 3px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 38%),
        var(--stream-panel);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .34);
}

.streamers-page .program-card {
    isolation: isolate;
}

.streamers-page .program-card::before,
.streamers-page .account-card::before,
.streamers-page #signed-in-panel::before {
    height: 2px;
    background: linear-gradient(90deg, var(--stream-cyan), var(--stream-violet), transparent 78%);
}

.streamers-page .program-card::after {
    content: attr(data-panel);
    position: absolute;
    z-index: -1;
    top: .5rem;
    right: 1rem;
    color: rgba(143, 130, 239, .07);
    font-family: 'Cinzel', serif;
    font-size: clamp(4rem, 8vw, 7rem);
    font-weight: 700;
    line-height: 1;
}

.streamers-page .card-eyebrow {
    color: var(--stream-cyan-soft);
}

.streamers-page .program-card h2 {
    max-width: 17ch;
    font-size: clamp(1.7rem, 2.8vw, 2.25rem);
    line-height: 1.13;
}

.streamers-page .eligibility-group h3 {
    color: #b9b2ff;
    border-color: rgba(143, 130, 239, .2);
}

.streamers-page .eligibility-list i {
    color: #071016;
    background: linear-gradient(135deg, var(--stream-cyan), var(--stream-violet));
    box-shadow: 0 0 0 5px rgba(98, 191, 216, .04);
}

.streamers-page .eligibility-note {
    border-color: rgba(98, 191, 216, .18);
}

.streamers-page .eligibility-note > i {
    color: var(--stream-cyan-soft);
    border-color: rgba(98, 191, 216, .3);
    background: rgba(98, 191, 216, .065);
}

.streamers-page .rewards-table-wrapper {
    border-color: rgba(143, 130, 239, .28);
    border-radius: 2px;
    background: rgba(3, 5, 13, .42);
}

.streamers-page .rewards-table th {
    background: linear-gradient(90deg, rgba(98, 191, 216, .08), rgba(143, 130, 239, .075));
}

.streamers-page .rewards-table td:last-child {
    color: var(--stream-gold);
}

.streamers-page .account-section::before {
    background:
        radial-gradient(circle at 14% 38%, rgba(117, 79, 190, .2), transparent 30%),
        radial-gradient(circle at 84% 64%, rgba(98, 191, 216, .09), transparent 26%),
        linear-gradient(90deg, rgba(6, 7, 17, .7), rgba(6, 7, 17, .78) 52%, rgba(5, 6, 15, .93)),
        url('../images/illu/forge.jpg') center 46% / cover no-repeat;
}

.streamers-page .account-card {
    min-height: 190px;
    padding: clamp(1.8rem, 4vw, 3rem);
}

.streamers-page .account-card::after {
    content: '';
    position: absolute;
    right: 13%;
    bottom: -95px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(98, 191, 216, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(143, 130, 239, .025), 0 0 0 68px rgba(98, 191, 216, .018);
    pointer-events: none;
}

.streamers-page .account-card h2,
.streamers-page .dashboard-heading h2 {
    color: #f2f3f8;
}

.streamers-page .steam-button {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(98, 191, 216, .42);
    border-radius: 3px;
    background: linear-gradient(135deg, #244f70, #263662 58%, #4b3f85);
    box-shadow: 0 12px 30px rgba(30, 74, 111, .22);
}

.streamers-page .provider-card,
.streamers-page .tracking-card,
.streamers-page .live-tracking-panel,
.streamers-page .credit-counter,
.streamers-page .daily-credit-notice {
    border-radius: 3px;
}

.streamers-page .provider-card {
    border-color: rgba(133, 139, 214, .2);
    background: linear-gradient(135deg, rgba(98, 191, 216, .035), rgba(143, 130, 239, .025));
}

.streamers-page .provider-card:hover {
    border-color: rgba(98, 191, 216, .38);
    background: rgba(98, 191, 216, .04);
}

.streamers-page .tracking-card {
    border-color: rgba(143, 130, 239, .24);
    background: linear-gradient(90deg, rgba(143, 130, 239, .065), rgba(98, 191, 216, .025));
}

.streamers-page .tracking-card h3 i {
    color: var(--stream-cyan);
}

.streamers-page .live-tracking-panel {
    border-color: rgba(98, 191, 216, .28);
    background:
        radial-gradient(circle at 92% 0, rgba(98, 191, 216, .1), transparent 28%),
        linear-gradient(145deg, rgba(12, 16, 32, .92), rgba(7, 9, 20, .88));
}

.streamers-page .my-live-category,
.streamers-page .my-live-progress > div strong {
    color: var(--stream-cyan-soft);
}

.streamers-page .my-live-progress progress::-webkit-progress-value {
    background: linear-gradient(90deg, var(--stream-cyan), var(--stream-violet));
}

.streamers-page .my-live-progress progress::-moz-progress-bar {
    background: linear-gradient(90deg, var(--stream-cyan), var(--stream-violet));
}

.streamers-page .directory-section::before {
    background:
        radial-gradient(circle at 78% 24%, rgba(71, 148, 204, .17), transparent 29%),
        radial-gradient(circle at 18% 76%, rgba(143, 130, 239, .1), transparent 28%),
        linear-gradient(90deg, rgba(5, 6, 16, .92), rgba(5, 6, 16, .7) 48%, rgba(5, 6, 16, .54)),
        url('../images/illu/aventurier.jpg') center 44% / cover no-repeat;
}

.streamers-page .streamer-grid {
    gap: 1rem;
}

.streamers-page .streamer-card {
    border-color: rgba(133, 139, 214, .22);
    border-radius: 3px;
    background:
        linear-gradient(135deg, rgba(98, 191, 216, .035), rgba(143, 130, 239, .025)),
        rgba(6, 8, 18, .88);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .25);
}

.streamers-page .streamer-card::before {
    background: linear-gradient(90deg, var(--stream-cyan), var(--stream-violet), transparent);
}

.streamers-page .streamer-card:hover {
    border-color: rgba(98, 191, 216, .46);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .36), 0 0 28px rgba(98, 191, 216, .06);
    transform: translateY(-3px);
}

.streamers-page .streamer-card img {
    border-color: rgba(98, 191, 216, .38);
    box-shadow: 0 0 0 5px rgba(98, 191, 216, .035);
}

.streamers-page .empty-state.wide {
    border-color: rgba(98, 191, 216, .25);
    border-radius: 3px;
    background: rgba(7, 10, 22, .68);
}

/* Notifications temporaires */
.toast-region {
    position: fixed;
    z-index: 1400;
    top: clamp(5.25rem, 8vw, 6.5rem);
    right: clamp(1rem, 3vw, 2.25rem);
    display: flex;
    width: min(420px, calc(100vw - 2rem));
    flex-direction: column;
    gap: .75rem;
    pointer-events: none;
}

.site-toast {
    --toast-accent: #62bfd8;
    position: relative;
    display: grid;
    grid-template-columns: 2.55rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: .8rem;
    min-height: 4.5rem;
    padding: .8rem .75rem .8rem .85rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--toast-accent) 48%, transparent);
    border-radius: 4px;
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--toast-accent) 9%, transparent), transparent 52%),
        rgba(7, 10, 22, .97);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .48), 0 0 28px color-mix(in srgb, var(--toast-accent) 9%, transparent);
    color: #f6f7fb;
    opacity: 0;
    pointer-events: auto;
    transform: translateX(1.25rem) scale(.98);
    transition: opacity .22s ease, transform .22s ease;
    backdrop-filter: blur(14px);
}

.site-toast::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--toast-accent);
    box-shadow: 0 0 16px var(--toast-accent);
    content: '';
}

.site-toast.success {
    --toast-accent: #62bfd8;
}

.site-toast.error {
    --toast-accent: #ff6b78;
}

.site-toast.is-visible {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.site-toast.is-leaving {
    opacity: 0;
    transform: translateX(1rem) scale(.98);
}

.site-toast-icon {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--toast-accent) 48%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--toast-accent) 12%, transparent);
    color: var(--toast-accent);
    font-size: .95rem;
}

.site-toast p {
    margin: 0;
    color: #f6f7fb;
    font-size: .96rem;
    font-weight: 650;
    line-height: 1.4;
}

.site-toast-close {
    display: grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgba(230, 235, 246, .62);
    cursor: pointer;
    transition: color .16s ease, background .16s ease;
}

.site-toast-close:hover,
.site-toast-close:focus-visible {
    background: rgba(255, 255, 255, .08);
    color: #fff;
    outline: none;
}

@media (max-width: 980px) {
    .streamer-hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .58fr);
        gap: 2.5rem;
    }

    .inner-page.streamers-page .streamer-hero h1 {
        font-size: clamp(3rem, 7vw, 4.8rem);
    }
}

@media (max-width: 800px) {
    .inner-page.streamers-page .streamer-hero {
        min-height: auto;
        padding: 4.75rem 0 5.5rem;
    }

    .inner-page.streamers-page .streamer-hero::before {
        background:
            radial-gradient(circle at 72% 32%, rgba(98, 191, 216, .13), transparent 28%),
            linear-gradient(90deg, rgba(4, 6, 15, .97), rgba(5, 7, 17, .83)),
            linear-gradient(180deg, transparent 48%, #070914 100%),
            url('../images/illu/aventurier_hurlevent.jpg') 62% center / cover no-repeat;
    }

    .streamer-hero-layout {
        grid-template-columns: 1fr;
    }

    .streamer-signal-card {
        min-height: 0;
        max-width: 560px;
    }

    .signal-core {
        width: 108px;
        height: 108px;
    }
}

@media (max-width: 520px) {
    .toast-region {
        top: 4.75rem;
        right: 1rem;
    }

    .inner-page.streamers-page .streamer-hero h1 {
        font-size: clamp(2.5rem, 13vw, 3.65rem);
    }

    .streamer-hero-actions {
        display: grid;
    }

    .streamer-hero-primary,
    .streamer-hero-secondary {
        width: 100%;
    }

    .streamer-signal-card {
        padding: 1.1rem;
    }

    .signal-flow li {
        padding: .65rem;
    }

    .streamers-page .account-card::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .signal-orbit-outer,
    .signal-orbit-inner {
        animation: none;
    }

    .site-toast {
        transition: none;
    }
}