.rt-wrap {
    --rt-bg: #070a13;
    --rt-card: rgba(13, 17, 34, .88);
    --rt-card-solid: #0e1327;
    --rt-card-2: rgba(20, 25, 48, .72);
    --rt-line: rgba(255,255,255,.115);
    --rt-line-soft: rgba(255,255,255,.07);
    --rt-text: #f8f8ff;
    --rt-muted: rgba(248,248,255,.66);
    --rt-muted-2: rgba(248,248,255,.48);
    --rt-accent: #ffd45a;
    --rt-accent-2: #ff953f;
    --rt-violet: #7463ff;
    --rt-good: #39e89b;
    --rt-danger: #ff5f7a;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 12px;
    color: var(--rt-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rt-wrap * { box-sizing: border-box; }

.rt-hero,
.rt-single-hero,
.rt-card,
.rt-main-card,
.rt-side-card {
    isolation: isolate;
}

.rt-hero,
.rt-single-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rt-line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 8%, rgba(255, 205, 77, .28), transparent 28%),
        radial-gradient(circle at 8% 0%, rgba(116, 99, 255, .44), transparent 34%),
        linear-gradient(135deg, #18144a 0%, #0b1024 58%, #201120 100%);
    box-shadow: 0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}

.rt-hero::before,
.rt-single-hero::before,
.rt-card::before,
.rt-main-card::before,
.rt-side-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.055), transparent 42%);
    z-index: -1;
}

.rt-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding: clamp(20px, 3vw, 30px) clamp(22px, 4vw, 36px);
}

.rt-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--rt-accent);
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 11px;
}

.rt-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 16px currentColor;
}

.rt-hero h2,
.rt-single-hero h2 {
    margin: 0 0 8px;
    color: var(--rt-text);
    font-size: clamp(32px, 4vw, 48px);
    line-height: .98;
    letter-spacing: -.04em;
    text-wrap: balance;
}

.rt-hero p {
    margin: 0;
    max-width: 680px;
    color: var(--rt-muted);
    font-size: 15px;
}

.rt-hero-orb {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 24px;
    background: rgba(255,255,255,.09);
    border: 1px solid var(--rt-line);
    font-size: 36px;
    box-shadow: inset 0 0 30px rgba(255,255,255,.08), 0 14px 32px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
}

.rt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
    gap: 14px;
}

.rt-card {
    position: relative;
    overflow: hidden;
    min-height: 0;
    border: 1px solid var(--rt-line);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 204, 77, .12), transparent 30%),
        linear-gradient(180deg, var(--rt-card), rgba(7,10,21,.96));
    box-shadow: 0 14px 42px rgba(0,0,0,.24);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rt-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255,212,90,.38);
    box-shadow: 0 20px 54px rgba(0,0,0,.32);
}

.rt-card-media {
    position: relative;
    min-height: 116px;
    background:
        radial-gradient(circle at 72% 20%, rgba(255, 204, 77, .32), transparent 32%),
        radial-gradient(circle at 15% 15%, rgba(116, 99, 255, .46), transparent 34%),
        linear-gradient(135deg, #191c45, #101426 68%, #291331);
    background-size: cover;
    background-position: center;
}

.rt-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,11,24,.06), rgba(8,11,24,.86));
}

.rt-cup {
    position: absolute;
    right: 16px;
    bottom: -22px;
    z-index: 2;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: rgba(255,255,255,.1);
    border: 1px solid var(--rt-line);
    font-size: 27px;
    backdrop-filter: blur(12px);
}

.rt-status-badge {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    margin: 14px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(57,232,155,.14);
    color: var(--rt-good);
    border: 1px solid rgba(57,232,155,.28);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-status-ended .rt-status-badge { background: rgba(255,95,122,.14); color: var(--rt-danger); border-color: rgba(255,95,122,.28); }
.rt-status-upcoming .rt-status-badge { background: rgba(255,212,90,.14); color: var(--rt-accent); border-color: rgba(255,212,90,.28); }

.rt-card-body { padding: 22px 16px 16px; }
.rt-card h3 { margin: 0 0 13px; color: var(--rt-text); font-size: 22px; line-height: 1.08; letter-spacing: -.02em; }

.rt-date-row,
.rt-side-line,
.rt-prize-line,
.rt-leader-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--rt-line-soft);
}

.rt-date-row { font-size: 13px; }
.rt-date-row span,
.rt-side-line span,
.rt-prize-line span { color: var(--rt-muted); }
.rt-date-row strong,
.rt-side-line strong,
.rt-prize-line strong { color: var(--rt-text); text-align: right; }

.rt-prize-preview {
    margin: 12px 0 14px;
    padding: 10px 12px;
    border-radius: 15px;
    background: rgba(255,212,90,.085);
    border: 1px solid rgba(255,212,90,.16);
    color: #ffe8a7;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.rt-card-prize-mini {
    margin: 12px 0 14px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255,212,90,.10), rgba(116,99,255,.09));
    border: 1px solid rgba(255,255,255,.09);
}

.rt-card-prize-mini-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.rt-card-prize-mini-head span {
    color: var(--rt-accent);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-card-prize-mini-head strong {
    color: var(--rt-muted);
    font-size: 12px;
    font-weight: 800;
}

.rt-card-prize-mini-icons {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
}

.rt-mini-prize-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background:
        radial-gradient(circle at 50% 0%, rgba(255,212,90,.18), transparent 44%),
        rgba(7,10,21,.58);
    color: var(--rt-accent);
    font-size: 18px;
}

.rt-mini-prize-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rt-mini-prize-more {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
    color: var(--rt-text);
    font-weight: 900;
    font-size: 12px;
}

.rt-card-prize-mini-text {
    display: block;
    margin-top: 7px;
    color: #ffe8a7;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rt-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--rt-muted);
    font-size: 13px;
}

.rt-card-footer > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rt-card-footer > span::before {
    content: "👥";
    opacity: .9;
}

.rt-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 16px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #ffd45a, #ff953f);
    color: #180f1e !important;
    font-weight: 950;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(255, 149, 63, .22);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.rt-button:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 16px 32px rgba(255, 149, 63, .28); }
.rt-button:disabled { cursor: not-allowed; opacity: .62; transform: none; filter: grayscale(.25); }
.rt-button-wide { width: 100%; }

.rt-back {
    display: inline-flex;
    margin: 0 0 12px;
    color: var(--rt-accent);
    text-decoration: none;
    font-weight: 900;
    font-size: 14px;
}

.rt-single-hero {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    min-height: 170px;
    padding: clamp(20px, 3vw, 30px);
    background-size: cover !important;
    background-position: center !important;
}

.rt-single-hero h2 { font-size: clamp(34px, 4.3vw, 54px); }

.rt-single-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: var(--rt-muted);
    font-size: 13px;
}

.rt-single-meta > span:not(.rt-status-badge) {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.08);
}

.rt-single-meta .rt-status-badge { margin: 0; }

.rt-countdown {
    min-width: 154px;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid var(--rt-line);
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(14px);
    text-align: center;
}

.rt-countdown-label { display: block; margin-bottom: 5px; color: var(--rt-muted); font-size: 12px; }
.rt-countdown strong { display: block; color: var(--rt-accent); font-size: 24px; line-height: 1; }

.rt-single-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 14px;
    margin-top: 14px;
    align-items: start;
}

.rt-main-card,
.rt-side-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rt-line);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(116,99,255,.10), transparent 32%),
        var(--rt-card);
    padding: 18px;
    box-shadow: 0 14px 40px rgba(0,0,0,.22);
}

.rt-main-card h3,
.rt-side-card h3 {
    margin: 0 0 12px;
    color: var(--rt-text);
    font-size: 20px;
    line-height: 1.15;
}

.rt-content { color: var(--rt-muted); line-height: 1.58; font-size: 14px; }
.rt-content p { margin: 0 0 10px; }
.rt-content p:last-child { margin-bottom: 0; }

.rt-alert,
.rt-join-message {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,212,90,.1);
    color: #ffe7a4;
    border: 1px solid rgba(255,212,90,.16);
    font-size: 13px;
}

.rt-join-message:empty { display: none; }
.rt-join-message.is-error { background: rgba(255,95,122,.1); color: #ffc0cb; border-color: rgba(255,95,122,.18); }
.rt-join-message.is-success { background: rgba(57,232,155,.1); color: #a8ffd8; border-color: rgba(57,232,155,.18); }

.rt-leaderboard { display: grid; gap: 8px; }
.rt-leader-row {
    padding: 10px 12px;
    border: 1px solid var(--rt-line-soft);
    border-radius: 15px;
    background: rgba(255,255,255,.04);
}
.rt-rank { width: 48px; color: var(--rt-accent); font-weight: 950; }
.rt-player { flex: 1; color: var(--rt-text); font-weight: 850; }
.rt-leader-row strong { font-size: 13px; }

.rt-prize-note {
    margin: 0 0 12px;
    padding: 9px 10px;
    border-radius: 14px;
    background: rgba(255,212,90,.08);
    border: 1px solid rgba(255,212,90,.14);
    color: #ffe8a7;
    font-size: 13px;
    font-weight: 800;
}

.rt-prize-list { display: grid; gap: 6px; }
.rt-prize-line { padding: 10px 0; }

.rt-empty {
    padding: 18px;
    border-radius: 18px;
    border: 1px dashed var(--rt-line);
    background: rgba(255,255,255,.04);
    color: var(--rt-muted);
    font-size: 14px;
}

.rt-prize-showcase {
    display: grid;
    gap: 10px;
}

.rt-prize-card-front {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.105);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 212, 90, .14), transparent 34%),
        rgba(255,255,255,.045);
}

.rt-prize-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,.085);
}

.rt-prize-card-head span {
    color: var(--rt-accent);
    font-weight: 950;
}

.rt-prize-card-head strong {
    color: var(--rt-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-prize-reward-row,
.rt-prize-items-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
    padding: 10px;
}

.rt-prize-reward-chip,
.rt-prize-item-chip {
    position: relative;
    width: 82px;
    min-height: 104px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    padding: 8px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,.115);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 212, 90, .14), transparent 42%),
        rgba(8, 11, 24, .48);
}

.rt-prize-item-img {
    width: 64px;
    height: 50px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 13px;
    background:
        radial-gradient(circle at 50% 0%, rgba(116, 99, 255, .36), transparent 44%),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}

.rt-prize-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rt-prize-item-img span { font-size: 23px; }

.rt-prize-reward-chip strong,
.rt-prize-item-chip strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    color: var(--rt-text);
    font-size: 10.5px;
    line-height: 1.2;
    text-align: center;
}

.rt-prize-respects-chip .rt-prize-item-img {
    background:
        radial-gradient(circle at 50% 0%, rgba(255,212,90,.42), transparent 48%),
        linear-gradient(135deg, rgba(255,212,90,.18), rgba(255,149,63,.08));
}

.rt-prize-key-chip .rt-prize-item-img {
    background:
        radial-gradient(circle at 50% 0%, rgba(255,212,90,.36), transparent 52%),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,212,90,.05));
}

.rt-prize-privilege-chip {
    border-color: rgba(116,99,255,.36);
    background:
        radial-gradient(circle at 50% 0%, rgba(116,99,255,.32), transparent 48%),
        rgba(14, 18, 38, .68);
}

.rt-prize-privilege-chip .rt-prize-item-img {
    background:
        radial-gradient(circle at 50% 0%, rgba(116,99,255,.52), transparent 48%),
        linear-gradient(135deg, rgba(116,99,255,.20), rgba(255,255,255,.04));
}

.rt-prize-desc {
    margin: 0 10px 10px;
    padding-top: 9px;
    border-top: 1px solid rgba(255,255,255,.075);
    color: var(--rt-muted);
    font-size: 11.5px;
    line-height: 1.35;
}

.rt-prize-balance-card {
    margin: 10px;
    padding: 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255,212,90,.18), rgba(255,149,63,.12));
    border: 1px solid rgba(255,212,90,.22);
    text-align: center;
}

.rt-prize-balance-card span {
    display: block;
    margin-bottom: 4px;
    color: var(--rt-muted);
    font-size: 12px;
}

.rt-prize-balance-card strong {
    display: block;
    color: var(--rt-accent);
    font-size: 22px;
    line-height: 1;
}

.rt-prize-place-1 {
    border-color: rgba(255,212,90,.30);
    box-shadow: inset 0 0 24px rgba(255,212,90,.055);
}

@media (max-width: 860px) {
    .rt-hero,
    .rt-single-hero { align-items: flex-start; flex-direction: column; }
    .rt-single-layout { grid-template-columns: 1fr; }
    .rt-countdown { width: 100%; }
}

@media (max-width: 520px) {
    .rt-wrap { padding: 0 8px; }
    .rt-hero { padding: 20px; border-radius: 20px; }
    .rt-hero-orb { width: 62px; height: 62px; border-radius: 20px; font-size: 30px; }
    .rt-card-body { padding: 20px 14px 14px; }
    .rt-prize-reward-chip,
    .rt-prize-item-chip { width: calc(33.333% - 6px); min-width: 72px; }
    .rt-prize-item-img { width: 58px; }
}

@media (max-width: 380px) {
    .rt-prize-reward-chip,
    .rt-prize-item-chip { width: calc(50% - 4px); }
}

/* FASTCUP Live */
.rt-fastcup-live {
    margin-top: 22px;
    overflow: hidden;
}

.rt-fastcup-live-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 16px;
}

.rt-fastcup-live-head h3 {
    margin: 2px 0 0;
}

.rt-fastcup-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--rt-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rt-fastcup-updated {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    color: var(--rt-muted);
    background: rgba(255,255,255,.035);
    font-size: 12px;
}

.rt-fastcup-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.rt-fastcup-tab {
    appearance: none;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: var(--rt-text);
    padding: 8px 12px;
    cursor: pointer;
    font-weight: 800;
}

.rt-fastcup-tab.is-active {
    border-color: rgba(255,212,90,.42);
    background: linear-gradient(135deg, rgba(255,212,90,.20), rgba(255,149,63,.10));
    color: #fff;
}

.rt-fastcup-game {
    display: none;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}

.rt-fastcup-game.is-active {
    display: block;
}

.rt-fastcup-game-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.rt-fastcup-game-head strong {
    font-size: 18px;
}

.rt-fastcup-game-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: var(--rt-text);
    text-decoration: none;
    font-weight: 800;
    font-size: 12px;
}

.rt-fastcup-scoreboard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.08);
}

.rt-fastcup-team {
    min-width: 0;
    font-weight: 900;
    text-align: center;
}

.rt-fastcup-team span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rt-fastcup-score {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 118px;
    justify-content: center;
}

.rt-fastcup-score strong {
    font-size: 34px;
    line-height: 1;
    color: var(--rt-accent);
}

.rt-fastcup-score em {
    color: var(--rt-muted);
    font-style: normal;
    font-weight: 900;
}

.rt-fastcup-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0;
}

.rt-fastcup-meta-row span,
.rt-fastcup-message,
.rt-fastcup-muted {
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.035);
    color: var(--rt-muted);
    padding: 7px 10px;
    font-size: 12px;
}

.rt-fastcup-status {
    color: #fff !important;
    font-weight: 900;
}

.rt-fastcup-status-live {
    background: rgba(48,209,88,.18) !important;
    border-color: rgba(48,209,88,.30) !important;
}

.rt-fastcup-status-unavailable,
.rt-fastcup-status-unknown {
    background: rgba(255,255,255,.045) !important;
}

.rt-fastcup-message {
    display: block;
    margin-bottom: 12px;
    border-radius: 14px;
}

.rt-fastcup-table-wrap {
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.09);
}

.rt-fastcup-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 620px;
    background: rgba(0,0,0,.12);
}

.rt-fastcup-table th,
.rt-fastcup-table td {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    text-align: left;
    white-space: nowrap;
}

.rt-fastcup-table th {
    color: var(--rt-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-fastcup-table tr:last-child td {
    border-bottom: 0;
}

.rt-fastcup-placeholder {
    padding: 18px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    color: var(--rt-muted);
    text-align: center;
}

@media (max-width: 620px) {
    .rt-fastcup-live-head,
    .rt-fastcup-game-head {
        flex-direction: column;
        align-items: stretch;
    }

    .rt-fastcup-scoreboard {
        grid-template-columns: 1fr;
    }

    .rt-fastcup-score {
        width: 100%;
    }
}

/* v1.8 participant list and XPLAY link-only block */
.rt-xplay-link-card {
    margin-top: 22px;
}

.rt-xplay-link-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}

.rt-xplay-link-box strong,
.rt-xplay-link-box span {
    display: block;
}

.rt-xplay-link-box strong {
    color: var(--rt-text);
    font-size: 18px;
}

.rt-xplay-link-box span {
    overflow-wrap: anywhere;
    color: var(--rt-muted);
    font-size: 13px;
    margin-top: 4px;
}

.rt-xplay-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--rt-accent), var(--rt-accent-2));
    color: #111827;
    text-decoration: none;
    font-weight: 950;
    box-shadow: 0 12px 26px rgba(255,212,90,.18);
}

.rt-participant-teams {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.rt-participant-team {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--rt-line-soft);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
}

.rt-participant-team h4 {
    margin: 0 0 10px;
    color: var(--rt-text);
    font-size: 15px;
}

.rt-participant-list {
    display: grid;
    gap: 8px;
}

.rt-participant-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--rt-line-soft);
    border-radius: 15px;
    background: rgba(255,255,255,.04);
}

.rt-participant-row em {
    color: var(--rt-muted);
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
}

.rt-empty-small {
    padding: 12px;
    font-size: 13px;
}

@media (max-width: 720px) {
    .rt-xplay-link-box,
    .rt-participant-row {
        align-items: stretch;
        flex-direction: column;
    }

    .rt-participant-teams {
        grid-template-columns: 1fr;
    }

    .rt-xplay-button {
        width: 100%;
    }
}