:root{--bg:#05080F;--ground:#0A0F1C;--surface:#121A2B;--raise:#141D30;--line:rgba(255,255,255,.08);
--ink:#F2F4F8;--soft:#C9D2E0;--dim:#8E9AB0;--green:#3DDC84;--accent:#F58426;--accent-ink:#0A0F1C;
--accent-text:#F58426;--primary:#006BB6;--disp:'Archivo',system-ui,sans-serif}

*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased}
a{color:var(--accent-text);text-decoration:none}
a:hover{color:var(--accent-hover,#FF9F4D)}
h1,h2{margin:0;font-weight:900;font-stretch:70%;text-transform:uppercase;line-height:1}
img{display:block}
.dim{color:var(--dim);font-size:13px;font-weight:500}
.none{color:var(--dim);font-size:14px;margin:6px 0}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.strip{background:var(--accent);color:var(--accent-ink);padding:8px 4vw;display:flex;align-items:center;
gap:8px 20px;flex-wrap:wrap;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.strip .tag{font-weight:900;font-stretch:75%;font-size:15px;display:flex;align-items:center;gap:8px}
.strip a{margin-left:auto;color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.strip.live .tag i{width:8px;height:8px;border-radius:50%;background:var(--accent-ink);animation:pulse 1.2s infinite}

.top{position:sticky;top:0;z-index:10;background:rgba(10,15,28,.92);backdrop-filter:blur(12px);
border-bottom:1px solid var(--line)}
.topin{padding:12px 4vw;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);margin-right:auto}
.mark{width:34px;height:34px;border-radius:50%;background:var(--primary);display:grid;place-items:center;
box-shadow:inset 0 0 0 3px var(--accent);font-weight:900;font-stretch:70%;font-size:14px;color:#fff}
.wordmark{font-weight:900;font-stretch:62%;font-size:26px;text-transform:uppercase;line-height:1;letter-spacing:.01em}
.wordmark b{color:var(--accent-text)}
.wordmark s{text-decoration:none;font-stretch:80%;font-weight:800;font-size:22px;color:var(--soft)}
.nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:600;
letter-spacing:.04em;text-transform:uppercase}
.nav a{color:var(--ink)}
.nav a:hover{color:var(--accent-text)}
.nav .fw{color:var(--accent-text);font-weight:900;display:flex;align-items:center;gap:8px}
.nav .fw i{width:7px;height:7px;border-radius:50%;background:#5C6880}
.join{border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:14px;
letter-spacing:.04em;text-transform:uppercase;padding:10px 18px}
.join:hover{color:var(--accent-ink);background:var(--accent-hover,#FF9F4D)}

.main{padding:20px 4vw 72px}

.hub{display:flex;flex-wrap:wrap;gap:28px 24px;align-items:stretch}
.card{min-width:0}
.card.wide{flex:1 1 100%}
.card.panel{flex:1 1 400px;background:var(--primary);border-radius:20px;padding:26px;display:flex;
flex-direction:column;gap:16px}
.card.panel.dark{flex:1.3 1 440px;background:var(--surface);border:1px solid rgba(255,255,255,.06);gap:6px}
.chead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.chead h2{font-size:clamp(28px,3.2vw,42px)}
.chead a{font-size:13px;font-weight:700;text-transform:uppercase}

.herorow{display:flex;flex-wrap:wrap;gap:24px}
.herovid{flex:2 1 560px;min-width:0;position:relative;border-radius:18px;overflow:hidden;background:var(--deep,#0D3F73);
aspect-ratio:16/9;min-height:300px;color:var(--ink);display:block}
.herovid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.herovid .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,28,0) 35%,rgba(10,15,28,.94) 100%)}
.herovid.empty{display:grid;place-items:center;color:var(--dim)}
.play{position:absolute;top:20px;right:20px;width:64px;height:64px;border-radius:50%;background:var(--accent);
color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 10px 30px rgba(var(--accent-rgb,245,132,38),.45)}
.play svg{width:24px;height:24px}
.play.sm{top:auto;left:12px;bottom:12px;right:auto;width:38px;height:38px;box-shadow:none}
.play.sm svg{width:15px;height:15px}
.hbody{position:absolute;left:0;right:0;bottom:0;padding:28px;display:flex;flex-direction:column;gap:12px}
.chips{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;letter-spacing:.08em;
text-transform:uppercase;padding:5px 10px;border-radius:4px}
.htitle{font-weight:900;font-stretch:70%;font-size:clamp(28px,4vw,54px);line-height:.95;text-transform:uppercase;max-width:18ch}

.topstories{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:2px}
.topstories .chead h2{font-size:26px}
.srow{display:flex;gap:14px;align-items:center;padding:10px;margin:0 -10px;border-radius:12px;color:var(--ink)}
.srow:hover{background:var(--raise);color:var(--ink)}
.sart{flex:none;width:96px;height:72px;border-radius:10px;overflow:hidden;background:#16233B;
display:grid;place-items:center}
.sart img{width:100%;height:100%;object-fit:cover}
.ph{color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.stext{display:flex;flex-direction:column;gap:6px;min-width:0}
.meta{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.meta i{font-style:normal;color:var(--dim)}
.meta.dim{color:var(--dim);font-weight:700}
.stext{flex:1}
.hl{font-size:16px;font-weight:700;line-height:1.3;color:var(--ink)}

.scorecard,.count{flex:1 1 420px;min-width:0;border:1px solid var(--line);border-radius:18px;
background:linear-gradient(160deg,var(--deep,#0D3F73),#0A1426 70%);color:var(--ink);padding:28px;display:flex;
flex-direction:column;gap:18px;justify-content:space-between}
.count{background:linear-gradient(160deg,var(--primary),var(--deep,#0D3F73))}
.scorecard .tag,.count .tag{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
display:flex;align-items:center;gap:10px}
.scorecard .tag i{width:8px;height:8px;border-radius:50%;background:#FF4D4D;animation:pulse 1.2s infinite}
.bigline{font-weight:900;font-stretch:70%;font-size:clamp(32px,4vw,56px);line-height:1;text-transform:uppercase}
.bignum{font-weight:900;font-stretch:65%;font-size:clamp(56px,8vw,112px);line-height:.85;font-variant-numeric:tabular-nums}
.cta{align-self:flex-start;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:900;
font-size:15px;text-transform:uppercase;letter-spacing:.04em;padding:13px 22px;display:inline-block}
.cta:hover{color:var(--accent-ink);background:var(--accent-hover,#FF9F4D)}
.cta.wide{align-self:stretch;text-align:center;background:#F2F4F8;color:var(--ground)}

.rumors{flex:1.4 1 460px;min-width:0;display:flex;flex-direction:column;gap:2px}
.rrow{display:flex;align-items:center;gap:16px;padding:14px 12px;margin:0 -12px;border-radius:12px;
color:var(--ink);border-top:1px solid rgba(255,255,255,.06)}
.rrow:hover{background:var(--raise);color:var(--ink)}
.heat{flex:none;width:58px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.08em;
text-transform:uppercase;padding:5px 0;border-radius:4px}
.heat.hot{background:var(--accent);color:var(--accent-ink)}
.heat.warm{background:#FFD08A;color:var(--accent-ink)}
.heat.cool{background:#1C2740;color:var(--soft)}

.chiprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.chiplab{display:flex;align-items:center;gap:8px;width:150px;font-size:13px;font-weight:800;
letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.dot.green{background:var(--green);animation:pulse 1.6s infinite}
.chip{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:var(--raise);
border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600}
.chip:hover{border-color:var(--accent);color:var(--ink)}
.chip span{color:var(--dim)}

.fwpanel{width:100%;border:2px solid var(--accent);border-radius:18px;background:var(--surface);color:var(--ink);
padding:22px 26px;display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}
.fwpanel:hover{background:#1A2438}
.fwhit{flex:1 1 420px;display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;color:var(--ink)}
.fwhit:hover{color:var(--ink)}
.fwmark{font-weight:900;font-stretch:62%;font-size:40px;line-height:1;text-transform:uppercase;color:var(--accent-text)}
.fwtext{flex:1 1 280px;display:flex;flex-direction:column;gap:4px}
.fwline{font-size:18px;font-weight:800}
.slot{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);
border:1px dashed rgba(255,255,255,.25);padding:6px 10px;border-radius:6px}

.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px 20px}
.vtile{display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.vmeta2{display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.vmeta2:hover{color:var(--ink)}
.vart{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--deep,#0D3F73);display:block}
.vart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.more{display:none;margin-top:16px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px 20px}
.stile{display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.tart{position:relative;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#16233B;
display:grid;place-items:center}
.tart img{width:100%;height:100%;object-fit:cover}

.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.filter{border:1px solid rgba(255,255,255,.18);color:var(--ink);font-size:14px;font-weight:700;
padding:8px 16px;border-radius:999px}
.filter.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;align-items:start}
.post{display:flex;flex-direction:column;background:var(--surface);border:1px solid rgba(255,255,255,.06);
border-radius:16px;overflow:hidden;color:var(--ink)}
.post:hover{border-color:rgba(var(--accent-rgb,245,132,38),.5)}
.phit{display:block;color:var(--ink)}
.phit:hover{color:var(--ink)}
.pfoot{display:flex;gap:14px;padding:0 18px 14px;font-size:12px;font-weight:800;letter-spacing:.06em;
text-transform:uppercase;margin-top:auto}
.post.adpost{background:#172036}
.part{display:block;position:relative;aspect-ratio:16/10;background:#16233B;overflow:hidden}
.part img{width:100%;height:100%;object-fit:cover}
.part.ph{display:grid;place-items:center}
.pbody{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px}
.phead{display:flex;align-items:center;gap:10px}
.av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;
font-size:14px;color:#fff}
.who{display:flex;flex-direction:column;min-width:0}
.who strong{font-size:15px}
.who .dim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
color:var(--soft);background:#1C2740;padding:4px 8px;border-radius:4px}
.ptext{font-size:15px;line-height:1.5;color:#E3E8F0;display:-webkit-box;-webkit-box-orient:vertical;
-webkit-line-clamp:5;overflow:hidden}
.pgrid.full .ptext{-webkit-line-clamp:8}
.post .hl,.vmeta2 .hl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.post.embed{padding:12px}
.post.embed iframe{width:100%;min-height:340px;border:0;border-radius:12px}
.post.embed .frame16 iframe{min-height:0}

.chatbox{background:var(--ground);border-radius:14px;padding:16px;flex:1;min-height:140px}
.brow{display:flex;align-items:center;gap:14px;padding:13px 12px;margin:0 -12px;border-radius:12px;
border-top:1px solid rgba(255,255,255,.06);color:var(--ink)}
.brow:hover{background:var(--raise);color:var(--ink)}
.brow .stext{flex:1}
.reps{flex:none;text-align:right;min-width:56px}
.reps b{display:block;font-weight:900;font-stretch:75%;font-size:20px;line-height:1}

.viewbar{background:rgba(10,15,28,.94);border-bottom:1px solid var(--line);padding:12px 4vw;
display:flex;align-items:center;gap:14px}
.viewfw{padding:16px 4vw 0}
.viewfw .fwpanel{padding:16px 22px}
.viewfw .fwmark{font-size:32px}
.backb{border:1px solid rgba(255,255,255,.16);color:var(--ink);border-radius:999px;padding:9px 16px;
font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.backb svg{width:16px;height:16px}
.crumb{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.view{padding:28px 4vw 96px;max-width:1280px;margin:0 auto}
.view h1{font-size:clamp(34px,4.5vw,60px);line-height:.98;margin-bottom:18px}
.view h2{font-size:24px;margin:8px 0}
.cols{display:flex;flex-wrap:wrap;gap:40px}
.col.main{flex:2 1 560px;min-width:0;display:flex;flex-direction:column;gap:18px}
.col.rail{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.dek{margin:0;font-size:19px;line-height:1.55;color:#D5DCE8;max-width:62ch}
.bigart{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#16233B}
.bigart img{width:100%;height:100%;object-fit:cover}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.reader{width:100%;height:520px;border:0;border-radius:16px;background:#fff}
.krow{display:flex;flex-direction:column;gap:4px;color:var(--ink);padding-bottom:14px;
border-bottom:1px solid rgba(255,255,255,.06)}
.urow{display:flex;gap:12px;color:var(--ink)}
.uart{flex:none;width:150px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--deep,#0D3F73)}
.uart img{width:100%;height:100%;object-fit:cover}
.frame16{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.frame16 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.col.main .frame16{border-radius:16px}

.clamp2,.clamp3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.clamp2{-webkit-line-clamp:2}
.clamp3{-webkit-line-clamp:3}
.ad .phone{display:none}
.slotnote{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#5C6880}
.chatbox.tall{min-height:280px}
.view .card.panel{margin-bottom:8px}
.cta.blue{background:var(--primary);color:#fff;align-self:auto}
.cta.blue:hover{background:#0A7FD4;color:#fff}
.vmeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vmeta .cta{margin-left:auto}
.post.embed{padding:10px;overflow:hidden;background:transparent;border:0}
.col.main .post.embed{max-width:560px}
.post.embed blockquote{margin:0!important;max-width:100%!important}
.post.embed iframe{width:100%!important;max-width:100%!important;min-height:300px;border:0;border-radius:12px}
.post.embed .frame16 iframe{min-height:0}

.hubwrap{min-height:100vh;transform-origin:50% 30%;
transition:transform .38s cubic-bezier(0,0,.2,1),opacity .38s ease-out}
.viewpanel{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;
background:var(--ground);will-change:transform,opacity}
.viewpanel[hidden]{display:none}
.viewpanel.closing{pointer-events:none}
.viewpanel.growing .viewwrap{opacity:0;transition:opacity .3s ease-out}
.viewpanel.growing.shown .viewwrap{opacity:1}
.morphghost{position:absolute;left:0;right:0;height:min(58vh,440px);z-index:4;pointer-events:none;
overflow:hidden;background:var(--surface);display:grid;place-items:center;
transition:opacity .38s ease-out}
.morphghost img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.morphghost span{position:relative;padding:0 6vw;font-weight:900;font-stretch:70%;
font-size:clamp(22px,4vw,44px);line-height:1.05;text-transform:uppercase;text-align:center;
color:var(--ink);text-shadow:0 2px 20px rgba(5,8,15,.85)}
body.panelon{overflow:hidden}
body.panelon .hubwrap{position:fixed;left:0;right:0;width:100%;transform:scale(.98);opacity:.5}
@media (prefers-reduced-motion:reduce){
  .hubwrap,.viewpanel,.viewwrap,.morphghost{transition:none!important;animation:none!important}
}
.backb{background:none;cursor:pointer}
.rdek{font-size:13px;line-height:1.45;color:var(--soft);font-weight:500}
.srow .rdek,.urow .rdek{font-size:12.5px;color:var(--dim)}
.hbody .rdek{color:#D5DCE8;font-size:15px;max-width:52ch}
.actions .cta.ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:var(--ink)}
.actions .cta.ghost:hover{border-color:var(--accent);color:var(--ink);background:transparent}
.original{margin:0}
.original iframe{width:100%;border:0;border-radius:12px}

.tabwrap{display:none}
@media (max-width:640px){
  body{padding-bottom:132px}
  .nav{display:none}
  .topin{gap:12px}
  .wordmark{font-size:20px}
  .wordmark s{font-size:16px}
  .main{padding:16px 16px 40px}
  .ad.leader{height:50px}
  .ad.leader .desk{display:none}
  .ad .phone{display:inline}
  .hub{gap:24px 0}
  .herorow{gap:16px}
  .herovid{flex:1 1 100%;min-height:200px}
  .htitle{font-size:28px}
  .vgrid,.sgrid,.pgrid{grid-template-columns:1fr}
  .card.panel{flex:1 1 100%;padding:20px}
  .chiplab{width:100%}
  .cols{gap:24px}
  .uart{width:120px}
  .pgrid > *:nth-child(n+9){display:none}
  .pgrid.full > *:nth-child(n+9){display:block}
  .more{display:block}
  .reader{height:420px}
  .view{padding:20px 16px 60px}
  .viewfw{padding:12px 16px 0}
  .viewfw .fwmark{font-size:26px}
  .viewpanel .view{padding-bottom:140px}
  .srow .rdek{display:none}
  .tabwrap{display:block;position:fixed;bottom:0;left:0;right:0;z-index:60;
    background:rgba(10,15,28,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px 10px}
  .tab{color:var(--soft);min-height:48px;font-size:11px;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
  .tab i{width:22px;height:4px;border-radius:2px;background:transparent}
  .tab.fw{color:var(--accent-text)}
}