/* =====================================
SURVIVOR PAGE
===================================== */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-color: #000;
    background-image: url("skulls.jpg");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* ===== TITLE ===== */

.highlight {
margin: 10px 0 20px 0;
font-family: Impact, Arial Black, sans-serif;
font-size: 52px;
font-weight: 900;
letter-spacing: 3px;
color: #c00000;
text-transform: uppercase;
text-shadow:
    2px 2px 0 #000,
    4px 4px 0 rgba(0,0,0,.8),
    0 0 15px rgba(255,60,0,.8);
}
.shade,
.fill {
display: none;
}

/* ===== SURVIVOR PANEL ===== */

.survivor-box {
width: 88%;
max-width: 700px;
margin: 0 auto 40px auto;
padding: 20px;
background: rgba(0,0,0,.55);
border: 2px solid #cc7a00;
border-radius: 24px;
box-shadow:
    0 0 20px rgba(255,120,0,.35),
    inset 0 0 25px rgba(255,120,0,.12);
}

.survivor-header {
font-size: 28px;
font-weight: bold;
letter-spacing: 2px;
color: #ffb347;
text-transform: uppercase;
text-shadow:
    2px 2px 0 #000,
    0 0 10px rgba(255,140,0,.8);
}
.survivor-header::before {
content:
"Pro Survivor Challenge";
white-space: pre-line;
}
.survivor-divider {
width: 70%;
height: 2px;
margin: 12px auto 18px auto;
background:
    linear-gradient(
        to right,
        transparent,
        #ff9900,
        #ffd08a,
        #ff9900,
        transparent
    );
}

.survivor-tagline {
margin-bottom: 16px;
font-size: 24px;
font-weight: bold;
color: #ff3333;
text-shadow:
    1px 1px 0 #000,
    0 0 10px rgba(255,0,0,.7);
}

.survivor-rules {
font-size: 18px;
font-weight: bold;
line-height: 1.7;
color: #ffffff;
text-shadow:
    1px 1px 2px #000;
}
.survivor-rules::before {
content:
"Player Eliminated After One Loss\A"
"Missed Weeks Count As Loss\A"
"Picks Are vs. Point Spread";
white-space: pre-line;
}

.survivor-footer {
margin-top: 18px;
font-size: 15px;
font-weight: bold;
letter-spacing: 4px;

color: #ffb347;
text-transform: uppercase;
}