/* Skyfall standalone BR presentation. No selector here reaches Rumble/duel. */
.skyfall-screen {
    --sf-cyan: #ffb74a;
    --sf-violet: #ff8a40;
    --sf-danger: #ff3d54;
    --sf-amber: #ffc45c;
    isolation: isolate;
    overflow: hidden;
    background: #0c0b09;
    color: #e8e4dc;
}

.skyfall-world,
.skyfall-world canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.skyfall-vignette {
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(12, 11, 9, .55), transparent 24%, transparent 70%, rgba(9, 2, 0, .7)),
        radial-gradient(circle at center, transparent 45%, rgba(10, 2, 0, .55) 100%);
}

.skyfall-hud-host { position: absolute; z-index: 6; inset: 0; pointer-events: none; }

.skyfall-results span {
    color: var(--sf-cyan);
    font: 800 10px/1 var(--rr-font-mono);
    letter-spacing: .18em;
}

.skyfall-event-banner {
    position: absolute;
    z-index: 8;
    left: 50%;
    top: 13%;
    width: min(720px, calc(100% - 28px));
    transform: translateX(-50%);
    padding: 13px 24px;
    border-block: 1px solid rgba(255, 72, 91, .8);
    background: linear-gradient(90deg, transparent, rgba(82, 3, 17, .94) 15%, rgba(82, 3, 17, .94) 85%, transparent);
    color: #fff;
    text-align: center;
    font: 900 clamp(17px, 3vw, 28px)/1 var(--rr-font);
    letter-spacing: .12em;
    text-shadow: 0 0 16px #ff1637;
    animation: sf-warning-pulse .8s steps(2, end) infinite;
}

.skyfall-results {
    position: absolute;
    z-index: 10;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 14px;
    padding: 28px;
    text-align: center;
    background: radial-gradient(circle, rgba(43, 38, 32, .94), rgba(13, 4, 1, .98) 68%);
}
.skyfall-results[hidden] { display: none !important; }
.skyfall-results h2 {
    max-width: 900px;
    font: 900 clamp(42px, 9vw, 112px)/.82 var(--rr-font);
    letter-spacing: -.04em;
    text-shadow: 0 0 35px rgba(255, 183, 74, .24);
}
.skyfall-results p { color: #aca69c; font: 700 14px/1.4 var(--rr-font-mono); }
.skyfall-results .rr-btn { margin-top: 12px; min-width: 220px; }

@keyframes sf-warning-pulse { 50% { opacity: .72; } }

@media (max-width: 700px) {
    .skyfall-event-banner { top: 9%; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .skyfall-event-banner { animation: none; }
}

/* Final board: the whole lobby's placements, not just the local rank. */
.skyfall-results-standings {
    list-style: none; margin: 10px auto 0; padding: 0;
    max-height: 38vh; overflow-y: auto; min-width: 260px;
}
.skyfall-results-standings li {
    display: flex; gap: 12px; align-items: baseline; justify-content: flex-start;
    padding: 3px 10px; color: #aca69c; font: 700 13px/1.5 var(--rr-font-mono);
}
.skyfall-results-standings li span { min-width: 3.5em; text-align: right; color: #ffb74a; }
.skyfall-results-standings li[data-you="true"] { color: #fff; background: rgba(255, 183, 74, .12); }
.skyfall-results-standings li[data-winner="true"] span { color: #ff8a40; }