@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Anton&display=swap');
:root{--r:#ff3b1f;--bg:#0b0b0b;--f:#e9e4dc;--d:#6d6a66}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--f);font:14px/1.6 'Space Mono',monospace}
a{color:inherit;text-decoration:none}
.bar{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #222;background:#0b0b0bee;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.bar b{color:var(--r)}.bar nav{display:flex;gap:14px}.bar .blink{width:8px;height:8px;background:var(--r);display:inline-block;margin-right:6px;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}
.mega{font-family:Anton,sans-serif;color:var(--r);text-transform:uppercase;line-height:.88;font-size:clamp(64px,15vw,190px);letter-spacing:.01em;padding:28px 16px 8px;word-break:break-word}
.row{display:grid;grid-template-columns:1fr;gap:16px;padding:16px;border-top:1px solid #222}
@media(min-width:900px){.row{grid-template-columns:repeat(4,1fr);padding:24px 32px}.mega{padding:40px 32px 10px}.bar{padding:12px 32px}}
.k{color:var(--d);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.tick{overflow:hidden;border-block:1px solid var(--r);color:var(--r);white-space:nowrap;font-size:13px;padding:8px 0}
.tick span{display:inline-block;animation:tk 40s linear infinite;padding-left:100%}@keyframes tk{to{transform:translateX(-100%)}}
.rm .tick span{animation:none;padding-left:16px}
.feed{padding:0 16px}@media(min-width:900px){.feed{padding:0 32px}}
.item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:baseline;padding:18px 0;border-bottom:1px solid #222;transition:background .2s,padding .3s}
.item:hover{background:#161616;padding-left:10px}.item h3{font-family:Anton;font-weight:400;font-size:26px;text-transform:uppercase;line-height:1}
.item .n{color:var(--r)}.item p{color:var(--d);font-size:12px;grid-column:2/-1}
@media(min-width:900px){.item{grid-template-columns:80px 1.4fr 1fr 140px}.item h3{font-size:40px}.item p{grid-column:auto}}
.scr{color:var(--r)}
.st{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:16px}
@media(min-width:900px){.st{grid-template-columns:repeat(13,1fr);padding:24px 32px}}
.st a{border:1px solid #2a2a2a;padding:8px 4px;font-size:10px;text-align:center;transition:.2s}.st a:hover,.st a.hot{background:var(--r);color:#000;border-color:var(--r)}
.st a i{display:block;font-style:normal;font-size:16px;font-weight:700}
[data-r]{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}[data-r].in{opacity:1;transform:none}
h2.sec{font-family:Anton;font-weight:400;text-transform:uppercase;font-size:44px;padding:40px 16px 8px;line-height:1}@media(min-width:900px){h2.sec{font-size:80px;padding:60px 32px 12px}}
h2.sec em{color:var(--r);font-style:normal}
foot,footer{display:block;padding:40px 16px;color:var(--d);font-size:11px;border-top:1px solid #222;margin-top:40px}
/* story */
.file{padding:16px;display:grid;gap:24px}@media(min-width:900px){.file{grid-template-columns:300px 1fr 260px;padding:32px;gap:48px}}
.meta{border:1px solid #2a2a2a;font-size:12px;align-self:start}@media(min-width:900px){.meta{position:sticky;top:64px}}
.meta div{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #222}.meta div:last-child{border:0}.meta b{color:var(--r);font-weight:400}
.body{font-size:16px;line-height:1.8;max-width:640px}.body p{margin-bottom:1.2em}
.body .ts{color:var(--r);font-size:12px;display:block;margin:2em 0 .4em}
.body blockquote{font-family:Anton;font-size:34px;line-height:1.05;text-transform:uppercase;color:var(--r);margin:1.4em 0;border-left:4px solid var(--r);padding-left:14px}
.claim{border:1px dashed var(--d);padding:10px 12px;font-size:12px;margin:1em 0}.claim b{color:#000;background:#ffd400;padding:0 4px}.claim b.no{background:var(--r)}.claim b.ok{background:#4be37d}
.prog{position:fixed;top:0;left:0;height:3px;background:var(--r);width:0;z-index:20}
.side{font-size:12px;color:var(--d)}.side a{display:block;padding:10px 0;border-bottom:1px solid #222;color:var(--f)}.side a:hover{color:var(--r)}
/* evidence */
.ev{padding:16px;display:grid;gap:12px}@media(min-width:900px){.ev{grid-template-columns:1fr 1fr;padding:32px}}
.card{border:1px solid #2a2a2a;padding:16px;position:relative;overflow:hidden}.card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c,#444)}
.card h4{font-family:Anton;font-weight:400;font-size:24px;text-transform:uppercase;margin:6px 0}
.meter{height:6px;background:#222;margin-top:10px}.meter i{display:block;height:100%;background:var(--c);width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.in .meter i{width:var(--w)}
.shot .tick span{animation:none;padding-left:16px}