
:root{--utf-red:#e10c18;--utf-red-deep:#690009;--utf-white:#f4f1ef;--utf-muted:#aaa4a3;--utf-panel:#0b090a;--utf-line:rgba(255,255,255,.11)}
.public-body{margin:0;background:#020202!important;color:var(--utf-white);overflow-x:hidden}
.utf-cinematic,.utf-network{font-family:'Rajdhani',system-ui,sans-serif;color:var(--utf-white)}
.utf-cinematic *,.utf-network *{box-sizing:border-box}.utf-cinematic a,.utf-network a{text-decoration:none;color:inherit}

/* Shared cinematic effects */
.utf-background,.utf-live-background{position:absolute;inset:0;background-image:var(--utf-background);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.025);animation:utfBackgroundBreath 14s ease-in-out infinite alternate}
.utf-vignette,.utf-live-mask{position:absolute;inset:0;pointer-events:none}
.utf-vignette{background:radial-gradient(circle at center,transparent 36%,rgba(0,0,0,.28) 64%,rgba(0,0,0,.76) 100%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.42))}
.utf-smoke{position:absolute;width:70vw;height:60vh;border-radius:50%;filter:blur(50px);opacity:.2;pointer-events:none;background:radial-gradient(circle,rgba(210,0,17,.45),rgba(93,0,8,.18) 35%,transparent 70%)}
.utf-smoke.smoke-one{left:-25vw;bottom:-20vh;animation:utfSmokeLeft 19s ease-in-out infinite alternate}.utf-smoke.smoke-two{right:-24vw;bottom:-18vh;animation:utfSmokeRight 23s ease-in-out infinite alternate}
.utf-particles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,41,53,.75) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.25) 0 1px,transparent 1.4px);background-size:83px 91px,137px 129px;background-position:12px 18px,35px 64px;opacity:.26;animation:utfParticles 18s linear infinite}
.utf-scanlines{position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,rgba(255,30,30,.015) 1px 2px,transparent 2px 5px);mix-blend-mode:screen;animation:utfScanDrift 8s linear infinite, utfScanPulse 5s ease-in-out infinite}
.utf-scanlines.fixed,.utf-film-grain.fixed{position:fixed;z-index:80}.utf-film-grain{position:absolute;inset:-20%;pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px);animation:utfGrain .18s steps(2) infinite;mix-blend-mode:soft-light}
.utf-mini-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:5}.utf-mini-brand>span:last-child{display:grid}.utf-mini-brand strong{font-size:.9rem;letter-spacing:.18em;text-transform:uppercase}.utf-mini-brand small{font-size:.68rem;color:#a29d9d;letter-spacing:.16em;text-transform:uppercase;margin-top:3px}.utf-sigil{width:44px;height:48px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 22%,84% 100%,50% 82%,16% 100%,0 22%);background:linear-gradient(145deg,#e10c18,#360004);font-family:'Cinzel',serif;font-weight:700;box-shadow:0 0 28px rgba(225,12,24,.42)}
.utf-staff-corner{position:relative;z-index:5;padding:10px 15px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.34);backdrop-filter:blur(8px);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.utf-staff-corner:hover{border-color:var(--utf-red);box-shadow:0 0 24px rgba(225,12,24,.25)}

/* Coming soon */
.utf-cinematic{--stage-bottom:9vh;position:relative;min-height:100svh;overflow:hidden;background:#030202;isolation:isolate}
.utf-cinematic-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,68px);background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}
.utf-coming-stage{position:relative;z-index:6;min-height:100svh;display:grid;align-content:end;justify-items:center;padding:22px 20px var(--stage-bottom)}
.utf-access-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;transform:translateY(-28px)}
.utf-action{min-width:210px;min-height:56px;padding:0 24px;display:inline-flex;justify-content:center;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.16);background:rgba(3,3,3,.48);backdrop-filter:blur(8px);font-family:'Rajdhani',sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:.28s}
.utf-action.primary{border-color:var(--utf-red);background:linear-gradient(180deg,rgba(225,12,24,.38),rgba(72,0,6,.3));box-shadow:0 0 22px rgba(225,12,24,.2),inset 0 0 24px rgba(225,12,24,.12)}
.utf-action.secondary{color:#d5d0ce}.utf-action:hover{transform:translateY(-3px);border-color:#ff2a37;box-shadow:0 0 32px rgba(225,12,24,.34)}.utf-action-icon{font-size:1.2rem;color:#ff3540}
.utf-accessible-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.utf-status-dock{position:absolute;z-index:7;left:50%;bottom:2.5vh;transform:translateX(-50%);display:flex;align-items:center;gap:28px;width:max-content;max-width:92vw;padding:12px 22px;border-top:1px solid rgba(255,255,255,.08);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#c0baba}
.utf-status-dock span{white-space:nowrap}.utf-status-dock i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--utf-red);box-shadow:0 0 12px var(--utf-red);animation:utfBlink 1.9s ease-in-out infinite}
.utf-refresh-toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,24px);opacity:0;padding:12px 18px;border:1px solid rgba(255,255,255,.13);background:rgba(5,5,5,.9);backdrop-filter:blur(9px);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;transition:.3s}.utf-refresh-toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* Live landing page */
.utf-network{position:relative;min-height:100vh;background:#040304;overflow:hidden}
.utf-live-header{position:fixed;z-index:70;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px clamp(18px,4vw,66px);background:linear-gradient(180deg,rgba(2,2,2,.94),rgba(2,2,2,.48),transparent);transition:.3s}.utf-live-header.is-scrolled{background:rgba(3,3,3,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.utf-live-header>.utf-staff-corner{justify-self:end}
.utf-live-nav{display:flex;gap:32px}.utf-live-nav a{position:relative;font-size:.82rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d1ccca}.utf-live-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--utf-red);transition:.25s}.utf-live-nav a:hover:after{right:0}
.utf-live-hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}.utf-live-mask{background:radial-gradient(ellipse at center,rgba(0,0,0,.92) 0 27%,rgba(0,0,0,.78) 42%,rgba(0,0,0,.22) 67%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.52))}
.utf-live-copy{position:relative;z-index:9;width:min(92vw,820px);padding:130px 24px 90px;text-align:center}.utf-overline{display:inline-block;color:#ff2835;font-size:.76rem;font-weight:700;letter-spacing:.42em;text-transform:uppercase}.utf-live-copy h1,.utf-section-heading h2,.utf-network-copy h2{font-family:'Cinzel',serif}.utf-live-copy h1{font-size:clamp(3.2rem,7.8vw,7rem);line-height:.92;margin:18px 0 20px;text-shadow:0 0 30px rgba(225,12,24,.24)}.utf-live-copy p{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7;color:#c2bcba;max-width:700px;margin:0 auto 28px}.utf-live-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.utf-live-actions .utf-action{min-width:170px}
.utf-live-side-copy{position:absolute;z-index:7;top:50%;display:grid;gap:14px;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#e3232e}.utf-live-side-copy.left{left:4vw;transform:translateY(-50%)}.utf-live-side-copy.right{right:4vw;text-align:right;transform:translateY(-50%)}.utf-live-side-copy small{color:#918b89}.utf-scroll-cue{position:absolute;z-index:8;bottom:26px;left:50%;transform:translateX(-50%);font-size:2rem;color:#ff2330;animation:utfBounce 2s ease-in-out infinite}
.utf-section{position:relative;z-index:5;width:min(1320px,100%);margin:auto;padding:110px clamp(20px,4vw,52px)}.utf-section-heading{max-width:820px;margin-bottom:38px}.utf-section-heading.compact{margin-bottom:24px}.utf-section-heading h2,.utf-network-copy h2{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;margin:16px 0}.utf-section-heading p,.utf-network-copy p{color:#aaa3a1;font-size:1.06rem;line-height:1.7}
.utf-games-section:before,.utf-transmissions-section:before,.utf-network-section:before{content:"";position:absolute;inset:12% -30%;z-index:-1;background:radial-gradient(circle at center,rgba(130,0,12,.16),transparent 55%);filter:blur(30px)}
.utf-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.utf-game-card{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--utf-line);background:linear-gradient(155deg,#170608,#080506 55%,#030303);transition:.35s;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%)}.utf-game-card:hover{transform:translateY(-9px);border-color:rgba(255,39,51,.7);box-shadow:0 24px 50px rgba(0,0,0,.48),0 0 30px rgba(225,12,24,.13)}.utf-game-art{position:absolute;inset:0;background-image:var(--card-image,linear-gradient(145deg,rgba(225,12,24,.18),transparent 42%),radial-gradient(circle at 65% 30%,rgba(255,255,255,.08),transparent 35%));background-size:cover;background-position:center;filter:saturate(.85) contrast(1.08);transition:.45s}.utf-game-card:hover .utf-game-art{transform:scale(1.055)}.utf-game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.92) 100%)}.utf-game-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px}.utf-game-content span{font-size:.68rem;letter-spacing:.2em;color:#ff2633;text-transform:uppercase}.utf-game-content h3{font-family:'Cinzel',serif;font-size:1.45rem;margin:10px 0 8px}.utf-game-content p{color:#aaa3a1;line-height:1.5;margin:0}
.utf-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.utf-video-card{display:block;border:1px solid var(--utf-line);background:#080607;transition:.3s}.utf-video-card:hover{transform:translateY(-7px);border-color:rgba(255,39,51,.6)}.utf-video-art{height:250px;display:grid;place-items:center;background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.68)),var(--card-image,radial-gradient(circle at center,rgba(225,12,24,.28),#070506 68%));background-size:cover;background-position:center}.utf-video-art span{width:70px;height:70px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.36);font-size:1.3rem;box-shadow:0 0 30px rgba(225,12,24,.18)}.utf-video-copy{padding:22px}.utf-video-copy h3{font-family:'Cinzel',serif;margin:0 0 8px}.utf-video-copy p{color:#9f9997;margin:0}
.utf-operations-card{padding:34px;border:1px solid var(--utf-line);background:linear-gradient(145deg,rgba(20,6,8,.78),rgba(4,4,4,.9));box-shadow:0 25px 70px rgba(0,0,0,.3)}.utf-schedule-list{display:grid}.utf-schedule-list article{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08)}.utf-schedule-list article>div{display:grid}.utf-schedule-list strong{font-size:1.08rem}.utf-schedule-list span{color:#9f9997}.utf-schedule-status{padding:8px 12px;border:1px solid rgba(255,35,48,.35);color:#ff4450!important;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.utf-network-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.utf-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.utf-platform-card{display:grid;justify-items:center;text-align:center;padding:30px 18px;border:1px solid var(--utf-line);background:rgba(10,8,9,.8);transition:.3s}.utf-platform-card:hover{transform:translateY(-6px);border-color:rgba(255,37,49,.65)}.utf-platform-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#df0c18,#510006);font-weight:700;font-size:1.2rem;margin-bottom:14px;box-shadow:0 0 28px rgba(225,12,24,.2)}.utf-platform-card strong{font-size:1.1rem}.utf-platform-card small{margin-top:5px;color:#9e9795}
.utf-live-footer{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:26px clamp(20px,4vw,60px);border-top:1px solid rgba(255,255,255,.08);background:#030203}.utf-live-footer>span{color:#8f8987;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.utf-live-footer>a{justify-self:end;color:#d0cac8;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}

@keyframes utfBackgroundBreath{from{transform:scale(1.02)}to{transform:scale(1.055)}}
@keyframes utfSmokeLeft{from{transform:translate(-4%,2%) scale(1)}to{transform:translate(12%,-8%) scale(1.2)}}
@keyframes utfSmokeRight{from{transform:translate(5%,4%) scale(1.05)}to{transform:translate(-12%,-6%) scale(1.23)}}
@keyframes utfParticles{to{background-position:170px -190px,-130px 220px}}
@keyframes utfGrain{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}100%{transform:translate(-1%,-1%)}}
@keyframes utfBlink{50%{opacity:.28}}
@keyframes utfBounce{50%{transform:translate(-50%,8px)}}

@media(max-width:1100px){.utf-game-grid{grid-template-columns:repeat(2,1fr)}.utf-network-section{grid-template-columns:1fr}.utf-live-side-copy{display:none}.utf-live-header{grid-template-columns:1fr auto}.utf-live-nav{display:none}.utf-live-header>.utf-staff-corner{justify-self:end}}
@media(max-width:760px){.utf-cinematic{min-height:100svh}.utf-background{background-position:center top}.utf-cinematic-header{padding:16px}.utf-cinematic-header .utf-mini-brand small{display:none}.utf-coming-stage{align-content:end;padding-bottom:12vh}.utf-access-actions{transform:none}.utf-action{min-width:156px;min-height:48px;font-size:.75rem;padding:0 14px}.utf-status-dock{gap:14px;font-size:.62rem;overflow-x:auto;justify-content:flex-start;width:94vw}.utf-live-copy{padding-top:115px}.utf-live-copy h1{font-size:clamp(2.6rem,13vw,4.6rem)}.utf-game-grid,.utf-video-grid,.utf-platform-grid{grid-template-columns:1fr}.utf-game-card{min-height:360px}.utf-section{padding:82px 18px}.utf-schedule-list article{grid-template-columns:1fr;gap:8px}.utf-schedule-status{justify-self:start}.utf-live-footer{grid-template-columns:1fr;text-align:center}.utf-live-footer .utf-mini-brand{justify-content:center}.utf-live-footer>a{justify-self:center}}
@media(max-width:480px){.utf-cinematic-header .utf-staff-corner{font-size:.68rem;padding:8px 10px}.utf-access-actions{display:grid;width:min(88vw,320px)}.utf-action{width:100%}.utf-status-dock span:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.utf-cinematic *,.utf-network *{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Public Site 2.0.1 patch: remove bottom buttons, keep top-right access, enhance scanlines */
.coming-only-header{padding-top:24px}
.utf-staff-corner.accent{border-color:rgba(255,46,58,.48);background:linear-gradient(180deg,rgba(20,8,9,.72),rgba(0,0,0,.55));box-shadow:0 0 20px rgba(225,12,24,.18), inset 0 0 14px rgba(225,12,24,.10)}
.utf-staff-corner.accent:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(225,12,24,.34), inset 0 0 16px rgba(225,12,24,.14)}
.utf-coming-stage.no-actions{padding-bottom:8.5vh}
.utf-coming-stage.no-actions::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18vh;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2) 40%,rgba(0,0,0,.55) 100%);pointer-events:none}
.utf-status-dock{backdrop-filter:blur(3px);background:linear-gradient(180deg,rgba(4,4,4,0),rgba(4,4,4,.12));border-top-color:rgba(255,255,255,.11)}
@keyframes utfScanDrift{from{background-position:0 0}to{background-position:0 18px}}
@keyframes utfScanPulse{0%,100%{opacity:.11}50%{opacity:.2}}


/* Public Site 2.1.0: dedicated portrait artwork for mobile */
.utf-mobile-backdrop {
    display: none;
}

@media (max-width: 760px) {
    .utf-cinematic {
        background: #020202;
    }

    .utf-mobile-backdrop {
        display: block;
        position: absolute;
        inset: -8%;
        z-index: 0;
        pointer-events: none;
        background-image: var(--utf-background-mobile);
        background-size: cover;
        background-position: center;
        filter: blur(28px) brightness(.42) saturate(1.15);
        transform: scale(1.08);
        opacity: .8;
    }

    .utf-coming .utf-background {
        z-index: 1;
        background-image: var(--utf-background-mobile);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        transform: none;
        animation: utfMobileBackgroundBreath 16s ease-in-out infinite alternate;
    }

    .utf-coming .utf-vignette,
    .utf-coming .utf-smoke,
    .utf-coming .utf-particles,
    .utf-coming .utf-scanlines,
    .utf-coming .utf-film-grain {
        z-index: 2;
    }

    .utf-cinematic-header,
    .utf-status-dock {
        z-index: 10;
    }

    .utf-cinematic-header {
        padding: 14px 14px 0;
        background: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.18), transparent);
    }

    .utf-cinematic-header .utf-mini-brand {
        transform: scale(.88);
        transform-origin: left top;
    }

    .utf-staff-corner.accent {
        padding: 8px 10px;
        font-size: .65rem;
        letter-spacing: .1em;
    }

    .utf-status-dock {
        bottom: max(10px, env(safe-area-inset-bottom));
        width: 94vw;
        gap: 12px;
        padding: 9px 12px;
        overflow-x: auto;
        justify-content: center;
        background: rgba(0,0,0,.28);
        backdrop-filter: blur(5px);
    }
}

@media (max-width: 480px) {
    .utf-status-dock span:nth-child(n+4) {
        display: none;
    }
}

@keyframes utfMobileBackgroundBreath {
    from {
        transform: scale(1);
        filter: brightness(.92);
    }
    to {
        transform: scale(1.018);
        filter: brightness(1);
    }
}
