@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,900;1,700;1,900&display=swap";:root{--ink-deep:#060606;--ink:#0a0a0a;--ink-2:#121212;--ink-3:#131313;--brand:#d05800;--hot:#f05a00;--hot-soft:#f05a00b3;--hot-glow:#f05a0066;--line:#ffffff80;--line-2:#1e1e1e;--line-faint:#ffffff12;--text:#fff;--dim:#fff9;--faint:#fff6;--ghost:#ffffff59;--stream:#ff5a5a;--success:#22c55e;--warning:#ffb040;--setup:#e6a230;--error:#ff5a5a;--color-p1:#ff5a1f;--color-p2:#1f8aff;--font-display:"Barlow Condensed", Impact, sans-serif;--font-ui:"Barlow Condensed", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--accent-border:6px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--btn-height-lg:56px;--btn-height-md:44px;--public-text-min:26px;--public-text-main:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--ink-deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{background:radial-gradient(900px 500px at 50% -10%, #16100b 0%, transparent 60%), linear-gradient(160deg, #0b0b0d 0%, var(--ink-deep) 55%, #0c0705 100%);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh}.font-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-style:italic;font-weight:900}.title-shadow{text-shadow:2px 2px #000000e6}.card{background:var(--ink);border:2px solid var(--line-2);border-radius:var(--radius-lg)}.card-accent{border-left:var(--accent-border) solid var(--brand);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.row-accent{background:linear-gradient(to bottom, var(--ink-3), #0c0c0c);border:2px solid var(--line-2);border-left:var(--accent-border) solid var(--brand);border-radius:var(--radius-md)}.row-accent.stream{border-left-color:var(--stream)}.card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--dim);border-bottom:2px solid var(--line-2);padding-bottom:12px;font-style:italic;font-weight:900}.card-title em{color:var(--hot);font-style:italic}.sep-skew{background:var(--line-2);width:2px;height:1.6em;display:inline-block;transform:skew(-14deg)}.badge{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);border:2px solid var(--line-2);color:var(--dim);padding:3px 12px 4px;font-style:italic;font-weight:900;display:inline-block}.badge.stream{color:var(--stream);border-color:#ff5a5aa6}.badge.setup{color:var(--setup);border-color:#e6a2308c}.badge.hot{color:var(--hot);border-color:var(--hot-soft)}.badge.ok{color:var(--success);border-color:#22c55e80}.badge.warn{color:var(--warning);border-color:#ffb0408c}.vs{color:var(--hot);padding:0 .3em;font-size:.75em}.nm-tag{color:var(--hot);letter-spacing:.05em;margin-right:7px;font-size:.68em;font-weight:700}.cutline{border-top:2px dashed var(--hot-soft)}.clip{white-space:nowrap;overflow:hidden}.fade-clip{-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000 98%);mask-image:linear-gradient(90deg,#000 72%,#0000 98%)}.text-hot{color:var(--hot)}.text-dim{color:var(--dim)}.text-faint{color:var(--faint)}.tnum{font-variant-numeric:tabular-nums}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.breathe{animation:4s ease-in-out infinite breathe}.dot-live{background:var(--hot);border-radius:50%;width:12px;height:12px;animation:2.4s ease-in-out infinite breathe;display:inline-block;box-shadow:0 0 10px #f05a00e6}@keyframes fresh-pulse{0%,to{border-color:var(--line-2);box-shadow:none}50%{box-shadow:0 0 24px var(--hot-glow);border-color:#f05a00f2}}.fresh{animation:1.5s ease-in-out infinite fresh-pulse}@keyframes slide-in{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:none}}.enter{animation:.5s cubic-bezier(.22,1,.36,1) both slide-in}.corner{z-index:9;width:40px;height:40px;animation:4s ease-in-out infinite breathe;position:absolute}.corner:before,.corner:after{content:"";background:var(--brand);position:absolute;box-shadow:0 0 8px #f05a0099}.corner:before{width:100%;height:4px}.corner:after{width:4px;height:100%}.corner.tl{top:16px;left:16px}.corner.tr{top:16px;right:16px;transform:rotate(90deg)}.corner.br{bottom:16px;right:16px;transform:rotate(180deg)}.corner.bl{bottom:16px;left:16px;transform:rotate(270deg)}button,a,label,summary,input,select,textarea{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
