/* --- Base Styling --- */
body {
    background-color: #000;
    font-family: 'Inter', sans-serif;
    background-image: radial-gradient(circle at 50% 0%, #111 0%, #000 70%);
    -webkit-user-select: none;
    user-select: none;
}

/* --- THE ELITE CHROME TITLE --- */
.elite-strategy-header {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2.5rem, 9vw, 8.5rem);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    position: relative;
    background: linear-gradient(
        to bottom, 
        #ffffff 0%, 
        #f4f4f5 40%, 
        #71717a 45%, 
        #27272a 50%, 
        #52525b 55%, 
        #e4e4e7 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 20px rgba(255, 69, 0, 0.25));
}

.elite-strategy-header::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    background: linear-gradient(
        45deg,
        transparent 45%,
        rgba(255, 255, 255, 0.4) 50%,
        transparent 55%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    animation: chromeShine 6s infinite linear;
}

@keyframes chromeShine {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* --- Layout Components --- */
.elite-nav {
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid rgba(255, 69, 0, 0.2);
}

.elite-logo {
    background: linear-gradient(to right, #FF4500, #FF8C00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glow-ambient {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -10;
    opacity: 0.15;
    blur: 120px;
}
.glow-ambient::after {
    content: '';
    width: 60%;
    height: 40%;
    background: #FF4500;
    filter: blur(100px);
}

.elite-briefing-box {
    border-left: 4px solid #FF4500;
    padding-left: 24px;
    background: linear-gradient(to right, rgba(255,69,0,0.05), transparent);
}

.brief-label {
    font-family: 'Orbitron';
    font-size: 10px;
    color: #FF4500;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.stat-box {
    background: #09090b;
    border: 1px solid #18181b;
    padding: 24px;
    border-radius: 2px;
}

.stat-label {
    display: block;
    font-size: 9px;
    color: #52525b;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.stat-value {
    font-family: 'Orbitron';
    font-size: 1.75rem;
    font-weight: 700;
}

.visual-frame {
    background: #080808;
    padding: 12px;
    border: 1px solid #1a1a1a;
    position: relative;
    clip-path: polygon(0 0, 96% 0, 100% 4%, 100% 100%, 4% 100%, 0 96%);
}

.header-sub-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.header-sub-line .line {
    height: 1px;
    width: 80px;
    background: #27272a;
}

.recovery-box {
    padding: 20px;
    border: 1px dashed #27272a;
    background: rgba(255, 255, 255, 0.02);
}