/* flagg-emoji på Windows (Chrome/Edge viser ellers bare «NO»): egen font som bare inneholder flaggene – Twemoji, CC BY 4.0 */
@font-face{font-family:'Twemoji Country Flags';src:url('fonts/TwemojiCountryFlags.woff2') format('woff2');font-display:swap;
unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F}
/* Motorsport – GP-sentralen */
:root{
--bg:#07070a; --panel:rgba(16,16,22,.86); --panel2:rgba(26,26,34,.9); --line:#2a2a36;
--text:#f3f3f6; --mute:#9b9bab; --dim:#6b6b7a;
--red:#ff2a2a; --red2:#ba0c2f; --blue:#00205b; --blue2:#2d5cff; --white:#fff;
--green:#2bd96b; --yellow:#ffcc00; --purple:#b26bff;
--cut:16px;
--f-head:'Twemoji Country Flags','Saira Condensed','Arial Narrow',sans-serif;
--f-body:'Twemoji Country Flags','Saira',system-ui,sans-serif;
--f-num:'Twemoji Country Flags','Chakra Petch','Consolas',monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
/* ── bakgrunn: rullerende bilder + karbon ── */
.bgstage{position:fixed;inset:0;z-index:-1;overflow:hidden;background:
radial-gradient(#000 15%,transparent 16%) 0 0,
radial-gradient(#000 15%,transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.04) 15%,transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.04) 15%,transparent 20%) 8px 9px;
background-color:#111115;background-size:16px 16px}
.bgimg{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;
transition:opacity 2.8s ease;filter:saturate(.75) contrast(1.05) blur(1.5px);transform:scale(1.04)}
.bgimg.on{opacity:.34;animation:kenburns 26s ease-out forwards}
@keyframes kenburns{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.bgshade{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(7,7,10,.55) 0%,rgba(7,7,10,.82) 45%,rgba(7,7,10,.95) 100%),
repeating-linear-gradient(115deg,transparent 0 22px,rgba(0,0,0,.18) 22px 23px)}
@media (prefers-reduced-motion:reduce){.bgimg.on{animation:none}.ticker-move{animation:none!important}}
/* ── live-linje ── */
.livebar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#14000a,#2a0006 40%,#0b0b12);border-bottom:2px solid var(--red);box-shadow:0 4px 20px rgba(255,42,42,.15)}
.lb-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 18px;font-family:var(--f-head);font-size:15px;letter-spacing:.04em}
.lb-left{display:flex;align-items:center;gap:10px;min-width:0}
.lb-dot{width:11px;height:11px;border-radius:50%;background:var(--dim);flex:none}
.lb-dot.live{background:var(--red);box-shadow:0 0 0 0 rgba(255,42,42,.7);animation:pulse 1.4s infinite}
.lb-tag{white-space:nowrap;font-weight:800;font-style:italic;background:var(--red);padding:1px 10px;transform:skew(-14deg);display:inline-block;color:#fff}
.lb-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;text-transform:uppercase}
.lb-status a{color:#fff;text-decoration:none;border-bottom:1px solid var(--red)}
.lb-right{display:flex;gap:16px;align-items:center;flex:none}
.lb-check{color:var(--mute);font-size:13px}
.lb-clock{font-family:var(--f-num);font-weight:700;font-size:16px;background:#000;padding:1px 9px;border:1px solid var(--line)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,42,42,.7)}70%{box-shadow:0 0 0 10px rgba(255,42,42,0)}100%{box-shadow:0 0 0 0 rgba(255,42,42,0)}}
/* ── merkevare/nav ── */
.brandbar{position:sticky;top:37px;z-index:40;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;background:linear-gradient(180deg,rgba(7,7,10,.92),rgba(7,7,10,.7));backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark svg{width:46px;height:30px;display:block}
.brand-txt{display:flex;flex-direction:column;line-height:.9;font-family:var(--f-head);font-style:italic}
.brand-txt b{font-weight:900;font-size:28px;letter-spacing:.02em}
.brand-txt i{font-weight:800;font-size:13px;letter-spacing:.32em;color:var(--red)}
.brand-gp{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:22px;padding:0 10px;border:2px solid #fff;transform:skew(-14deg)}
.navlinks{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{font-family:var(--f-head);font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:6px 11px;color:var(--mute);white-space:nowrap;position:relative}
.navlinks a:hover{color:#fff}
.navlinks a:hover::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;background:var(--red);transform:skew(-20deg)}
main{max-width:1440px;margin:0 auto;padding:0 18px 40px}
/* ── paneler ── */
.panel{background:var(--panel);border:1px solid var(--line);padding:18px 20px;position:relative;backdrop-filter:blur(4px)}
.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}
.panel::before{content:"";position:absolute;left:0;top:0;width:60px;height:3px;background:var(--red)}
.ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.ph h2{margin:0;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:28px;line-height:1;letter-spacing:.01em}
.ph h2 em{color:var(--red);font-style:italic}
.ph-meta{color:var(--mute);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;text-align:right}
.sub-h{font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--mute);margin:16px 0 8px;display:flex;align-items:center;gap:8px}
.sub-h::after{content:"";flex:1;height:1px;background:var(--line)}
.fine{font-size:12px;color:var(--dim);margin:12px 0 0}
.mute{color:var(--mute)}
.skeleton{color:var(--dim);padding:20px 0;font-style:italic}
/* ── hero ── */
.hero{position:relative;margin:14px 0 0}
.hero-bgword{position:absolute;right:-10px;top:-24px;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:clamp(90px,15vw,230px);line-height:.85;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.07);pointer-events:none;white-space:nowrap;text-transform:uppercase;user-select:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;position:relative}
.hero-status{padding:24px 26px 22px;background:linear-gradient(135deg,rgba(40,4,10,.92),rgba(14,14,20,.9) 60%);overflow:hidden}
.hero-status::after{content:"";position:absolute;right:-60px;top:0;bottom:0;width:180px;background:repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,42,42,.08) 14px 28px);transform:skewX(-14deg)}
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-head);font-weight:800;font-style:italic;letter-spacing:.12em;font-size:15px;background:#000;padding:3px 14px 3px 10px;border-left:4px solid var(--red)}
.kicker .pulse{width:10px;height:10px;border-radius:50%;background:var(--dim)}
.kicker.live{background:var(--red)}
.kicker.live .pulse{background:#fff;animation:pulse 1.2s infinite}
.hero h1{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(34px,4.4vw,62px);line-height:.92;margin:14px 0 6px;letter-spacing:-.005em;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero-sub{color:#d8d8e2;font-size:16px;font-weight:500}
.hero-sub .flag{font-size:20px;vertical-align:-2px}
.lights{display:flex;gap:10px;margin:20px 0 4px}
.lights span{width:38px;height:38px;border-radius:50%;background:#1d1d24;border:3px solid #000;box-shadow:inset 0 3px 8px rgba(0,0,0,.8);transition:background .4s,box-shadow .4s}
.lights span.on{background:radial-gradient(circle at 40% 35%,#ff8a8a,#ff1a1a 45%,#a00000);box-shadow:0 0 18px rgba(255,30,30,.85),inset 0 -3px 6px rgba(0,0,0,.4)}
.lights.out span{background:#111}
.lights-label{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;min-height:18px}
.countdown{display:flex;gap:8px;margin:12px 0 6px}
.countdown div{flex:1 1 0;max-width:86px;background:#000;border:1px solid var(--line);padding:6px 4px 3px;min-width:76px;text-align:center;transform:skew(-8deg)}
.countdown b{display:block;font-family:var(--f-num);font-weight:700;font-size:40px;line-height:1;transform:skew(8deg);font-variant-numeric:tabular-nums}
.countdown small{display:block;transform:skew(8deg);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--mute)}
.countdown.live b{color:var(--red)}
.hero-next{font-size:14px;color:#cfcfda;margin-top:10px}
.hero-next b{color:#fff}
.wx-chip{display:inline-flex;gap:10px;align-items:center;margin-top:14px;background:rgba(0,0,0,.55);border:1px solid var(--line);padding:5px 12px;font-size:14px}
.wx-chip .big{font-family:var(--f-num);font-weight:700;font-size:20px}
/* se live */
.hero-watch{padding:20px 22px}
.watch-list{display:grid;gap:8px}
.watch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-decoration:none;background:var(--panel2);border:1px solid var(--line);padding:10px 14px;transition:transform .15s,border-color .15s}
.watch:hover{transform:translateX(4px);border-color:var(--red)}
.watch .w-ico{width:34px;height:34px;display:grid;place-items:center;background:#000;font-size:16px;transform:skew(-10deg);border:1px solid var(--line)}
.watch .w-name{font-family:var(--f-head);font-weight:800;font-size:18px;text-transform:uppercase;line-height:1.05}
.watch .w-note{font-size:12.5px;color:var(--mute);line-height:1.3}
.watch .w-st{font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:6px;color:var(--mute);white-space:nowrap}
.st{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--dim)}
.st.ok{background:var(--green);box-shadow:0 0 8px var(--green)}
.st.ukjent{background:var(--yellow)}
.st.nede{background:var(--red)}
.watch.primary{background:linear-gradient(100deg,var(--red2),#5a0014 70%,#1a0a10);border-color:var(--red)}
.watch.primary .w-name{font-size:22px}
.watch.primary .w-note{color:#ffd9de}
.watch.primary.livepulse{animation:glow 1.6s infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 rgba(255,42,42,0)}50%{box-shadow:0 0 26px rgba(255,42,42,.55)}}
.yt-wrap{position:relative;aspect-ratio:16/9;background:#000;margin-bottom:12px;border:2px solid var(--red)}
.yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-tag{position:absolute;left:10px;top:10px;z-index:2;background:var(--red);font-family:var(--f-head);font-weight:800;font-style:italic;padding:1px 10px;letter-spacing:.08em}
.yt-up{display:flex;gap:12px;align-items:center;background:var(--panel2);border:1px dashed var(--line);padding:10px 12px;margin-bottom:12px;text-decoration:none}
.yt-up img{width:120px;aspect-ratio:16/9;object-fit:cover}
.other-live{display:grid;gap:6px}
.ol-item{display:flex;gap:10px;align-items:center;text-decoration:none;background:var(--panel2);padding:7px 10px;border-left:3px solid var(--red)}
.ol-item b{font-family:var(--f-head);text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;text-decoration:none;background:#000;border:1px solid var(--line);padding:3px 10px;transition:border-color .15s;cursor:pointer}
.chip:hover,.chip.on{border-color:var(--red)}
.chip.on{background:var(--red2)}
/* ── ticker ── */
.ticker{display:flex;align-items:stretch;margin:14px 0;background:#000;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.ticker-tag{flex:none;background:var(--red);font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.1em;padding:7px 18px 7px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);z-index:1}
.ticker-track{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.ticker-move{display:inline-flex;gap:46px;white-space:nowrap;padding:7px 0 7px 30px;animation:tick 110s linear infinite}
.ticker:hover .ticker-move{animation-play-state:paused}
.ticker-move a{text-decoration:none;font-weight:600;font-size:14px}
.ticker-move a::before{content:"▸ ";color:var(--red)}
.ticker-move small{color:var(--mute);font-weight:400;margin-left:6px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ── rutenett ── */
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}
/* faner */
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.tab{background:#000;border:1px solid var(--line);font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 14px;cursor:pointer;transform:skew(-12deg);font-size:14px}
.tab>span{display:inline-block;transform:skew(12deg)}
.tab.on{background:var(--red);border-color:var(--red)}
.tab:hover:not(.on){border-color:#555}
.tabs.small .tab{font-size:12.5px;padding:3px 11px}
/* program */
.ev-head{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:var(--mute);font-size:14px}
.ev-head .flag{font-size:26px}
.ev-head b{color:#fff;font-family:var(--f-head);font-size:19px;text-transform:uppercase}
.sessions{display:grid;gap:5px}
.sess{display:grid;grid-template-columns:62px 78px 1fr auto;align-items:center;gap:10px;background:var(--panel2);padding:8px 12px;border-left:3px solid #333}
.sess .t{font-family:var(--f-num);font-weight:700;font-size:17px}
.sess .n{font-weight:600}
.sess.race{border-left-color:var(--red)}
.sess.race .n{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:17px}
.sess.qual{border-left-color:var(--yellow)}
.sess.done{opacity:.5}
.sess.live{background:linear-gradient(90deg,rgba(255,42,42,.35),var(--panel2));border-left-color:var(--red);opacity:1}
.cls{font-family:var(--f-head);font-weight:800;font-style:italic;font-size:13px;padding:1px 8px;text-align:center;letter-spacing:.03em;background:#222}
.cls.MotoGP{background:var(--red2)}.cls.Moto2{background:#2b3a8f}.cls.Moto3{background:#7a5a00}.cls.MotoE{background:#0a6b4a}
.pill{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border:1px solid var(--line);white-space:nowrap;font-weight:600}
.pill.live{background:var(--red);border-color:var(--red);animation:glow 1.4s infinite}
.pill.next{border-color:var(--yellow);color:var(--yellow)}
.pill.done{color:var(--dim)}
/* timing tower */
.tw-head{display:flex;justify-content:space-between;gap:8px;background:#000;padding:8px 12px;border-left:4px solid var(--red);margin-bottom:6px;font-family:var(--f-head);text-transform:uppercase}
.tw-head b{font-size:18px;font-weight:800}
.tw-head .rem{font-family:var(--f-num);font-size:18px;color:var(--yellow)}
.tower{width:100%;border-collapse:collapse;font-size:13.5px}
.tower td{padding:4px 6px;border-bottom:1px solid #1e1e26}
.tower tr:nth-child(odd) td{background:rgba(255,255,255,.02)}
.tower .p{font-family:var(--f-num);font-weight:700;width:30px;text-align:center}
.tower tr:nth-child(1) .p{background:var(--red);color:#fff}
.tower .num{font-family:var(--f-num);color:var(--mute);width:30px}
.tower .rn{font-weight:600;white-space:nowrap}
.tower .g,.tower .l{font-family:var(--f-num);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tower .pit{color:var(--yellow);font-size:11px;margin-left:4px}
.idle{display:grid;place-items:center;text-align:center;padding:24px 10px;color:var(--mute)}
.idle-flag{width:120px;height:60px;margin-bottom:12px;background:conic-gradient(#fff 0 25%,#000 0 50%,#fff 0 75%,#000 0) 0 0/20px 20px;transform:skew(-14deg) rotate(-4deg);opacity:.85;border:2px solid #333}
/* standings */
.st-row{display:grid;grid-template-columns:34px 34px 1fr 60px;align-items:center;gap:10px;padding:6px 8px;border-bottom:1px solid #1d1d26;position:relative}
.st-row .bar{position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--red),transparent)}
.st-row .pos{font-family:var(--f-num);font-weight:700;font-size:17px;text-align:center}
.st-row .nr{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:19px;color:var(--mute);text-align:center}
.st-row .who b{font-weight:700}
.st-row .who small{display:block;color:var(--mute);font-size:12px;line-height:1.2}
.st-row .pts{font-family:var(--f-num);font-weight:700;font-size:19px;text-align:right}
.st-row:nth-child(1){background:linear-gradient(90deg,rgba(255,42,42,.22),transparent)}
.st-row:nth-child(1) .pos{color:var(--red)}
.more{margin-top:8px;background:none;border:1px solid var(--line);padding:4px 12px;cursor:pointer;font-size:13px;color:var(--mute)}
/* tittelkamp */
.tf-big{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:22px;text-transform:uppercase;line-height:1.1;margin-bottom:8px}
.tf-big em{color:var(--red);font-style:italic}
.tf-row{margin:10px 0}
.tf-row .tf-top{display:flex;justify-content:space-between;font-size:14px}
.tf-row .tf-top b{font-weight:700}
.tf-track{height:12px;background:#000;border:1px solid var(--line);position:relative;margin-top:4px;transform:skew(-14deg)}
.tf-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--red2),var(--red))}
.tf-reach{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 4px,transparent 4px 8px)}
.tf-out{opacity:.45}
/* resultater */
.res-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:6px 0 12px}
.pod{text-align:center;background:var(--panel2);border:1px solid var(--line);padding:10px 6px}
.pod .pp{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:42px;line-height:1}
.pod .pn{font-weight:700;font-size:15px;line-height:1.2;margin-top:4px}
.pod .pt{font-size:12px;color:var(--mute)}
.pod .ptime{font-family:var(--f-num);font-size:13px;margin-top:4px}
.pod.p1{padding-top:26px;background:linear-gradient(180deg,rgba(255,42,42,.35),var(--panel2));border-color:var(--red)}
.pod.p1 .pp{color:#ffd400}
.pod.p2 .pp{color:#d8d8e0}
.pod.p3 .pp{color:#cd7f32}
.res-list{font-size:14px}
.res-list div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:4px 6px;border-bottom:1px solid #1d1d26}
.res-list .rp{font-family:var(--f-num);font-weight:700;text-align:center}
.res-list .rg{font-family:var(--f-num);color:var(--mute)}
.res-h{font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:0 0 6px}
/* nyheter */
.news{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.nc{display:grid;grid-template-columns:110px 1fr;gap:12px;text-decoration:none;background:var(--panel2);border:1px solid var(--line);padding:9px;transition:border-color .15s}
.nc:hover{border-color:var(--red)}
.nc .ni{width:110px;aspect-ratio:4/3;background:#000 center/cover;position:relative;overflow:hidden}
.nc .ni img{width:100%;height:100%;object-fit:cover;display:block}
.nc .ni.noimg{display:grid;place-items:center;font-family:var(--f-head);font-weight:900;font-style:italic;color:#333;font-size:24px}
.nc h3{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:700}
.nc p{margin:0;font-size:12.5px;color:var(--mute);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc .nm{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-top:5px;display:flex;gap:8px;align-items:center}
.lang{font-weight:700;padding:0 5px;border:1px solid var(--line)}
.lang.no{background:var(--red2);border-color:var(--red2);color:#fff}
.nc.lead{grid-column:span 2;grid-template-columns:1.2fr 1fr}
.nc.lead .ni{width:100%;aspect-ratio:16/9}
.nc.lead h3{font-family:var(--f-head);font-size:26px;font-weight:800;text-transform:uppercase;line-height:1.02}
.nc.lead p{-webkit-line-clamp:4;font-size:14px}
/* vær */
.wx-now{display:flex;align-items:center;gap:14px;background:var(--panel2);padding:12px;border:1px solid var(--line)}
.wx-now .wi{font-size:44px}
.wx-now .wt{font-family:var(--f-num);font-weight:700;font-size:38px;line-height:1}
.wx-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.wx-days div{background:#000;border:1px solid var(--line);text-align:center;padding:6px 2px;font-size:12px}
.wx-days b{display:block;font-family:var(--f-num);font-size:16px}
.wx-days .wi{display:block;font-size:22px;background:none;border:0;padding:2px 0}
/* video */
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vc{background:var(--panel2);border:1px solid var(--line);cursor:pointer;text-align:left;padding:0;transition:transform .15s,border-color .15s}
.vc:hover{transform:translateY(-3px);border-color:var(--red)}
.vc .vt{position:relative;aspect-ratio:16/9;background:#000 center/cover;overflow:hidden}
.vc .vt img{width:100%;height:100%;object-fit:cover;display:block}
.vc .vt::after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:34px;display:grid;place-items:center;background:rgba(255,42,42,.92);font-size:16px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.vc .vm{padding:8px 10px}
.vc .vm b{display:block;font-size:13.5px;line-height:1.25;font-weight:600}
.vc .vm small{color:var(--mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
/* kalender */
.cal{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.cal::-webkit-scrollbar{height:6px}.cal::-webkit-scrollbar-thumb{background:#333}
.cc{flex:0 0 170px;scroll-snap-align:start;background:var(--panel2);border:1px solid var(--line);padding:10px 12px;position:relative}
.cc .cr{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:30px;line-height:1;color:#2c2c38}
.cc .cf{font-size:28px;position:absolute;right:10px;top:8px}
.cc b{display:block;font-family:var(--f-head);text-transform:uppercase;font-size:17px;line-height:1.05;margin-top:4px}
.cc small{display:block;color:var(--mute);font-size:12px;line-height:1.3}
.cc .cd{font-family:var(--f-num);font-size:13px;margin-top:6px;white-space:nowrap}
.cc.done{opacity:.45}
.cc.next{border-color:var(--red);background:linear-gradient(180deg,rgba(255,42,42,.28),var(--panel2))}
.cc.next .cr{color:var(--red)}
.cc .badge{position:absolute;left:12px;bottom:-1px;background:var(--red);font-family:var(--f-head);font-weight:800;font-size:11px;padding:0 8px;letter-spacing:.1em}
.cc.test .cr{color:#333}
/* olas lenker */
.ola-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.ola-tools input{flex:1 1 260px;background:#000;border:1px solid var(--line);color:#fff;padding:8px 12px;font:inherit}
.ola-tools input:focus{outline:none;border-color:var(--red)}
.ola{columns:4 240px;column-gap:16px}
.og{break-inside:avoid;margin-bottom:14px;background:var(--panel2);border:1px solid var(--line);padding:10px 12px}
.og h3{margin:0 0 6px;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:18px;color:var(--red)}
.og a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;font-size:13px;padding:3px 0;border-bottom:1px dotted #26262f}
.og a:hover{color:var(--red)}
.og a small{color:var(--dim);font-size:11px;white-space:nowrap}
.og a .lv{color:var(--red);font-weight:700;font-size:10px;letter-spacing:.06em}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:20px}
.modal-box{width:min(1100px,100%);position:relative}
.modal-body{aspect-ratio:16/9;background:#000;border:2px solid var(--red)}
.modal-body iframe{width:100%;height:100%;border:0;display:block}
.modal-x{position:absolute;right:0;top:-40px;background:var(--red);border:0;width:36px;height:32px;cursor:pointer;font-size:18px}
/* bunn */
.foot{border-top:2px solid var(--red);background:rgba(0,0,0,.85);margin-top:20px}
.foot-inner{max-width:1440px;margin:0 auto;padding:18px;display:grid;gap:6px;font-size:13px;color:var(--mute)}
.foot-inner b{color:#fff;font-family:var(--f-head);font-style:italic}
.foot-status{display:flex;flex-wrap:wrap;gap:6px}
.foot-status span{font-size:11px;padding:1px 8px;border:1px solid var(--line);display:inline-flex;gap:5px;align-items:center}
.foot a{color:var(--mute)}
/* responsiv */
@media (max-width:1100px){
.hero-grid{grid-template-columns:minmax(0,1fr)}
.span-8,.span-7,.span-5,.span-4{grid-column:span 12}
.videos{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
main{padding:0 10px 30px}
.lb-inner{padding:6px 10px;font-size:13px}
.lb-check{display:none}
.brandbar{top:33px;padding:8px 10px;flex-wrap:wrap;gap:6px}
.navlinks{width:100%}
.brand-txt b{font-size:20px}
.countdown div{min-width:62px}
.countdown b{font-size:30px}
.lights span{width:30px;height:30px}
.panel{padding:14px}
.news{grid-template-columns:1fr}
.nc.lead{grid-column:span 1;grid-template-columns:1fr}
.videos{grid-template-columns:repeat(2,1fr)}
.res-grid{grid-template-columns:1fr}
.sess{grid-template-columns:52px 66px 1fr;}
.sess .pill{grid-column:2/4;justify-self:start}
.ph h2{font-size:23px}
html{scroll-padding-top:120px}
}
/* kompakt lenkerutenett (andre serier) */
.watch-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.wm{display:flex;align-items:center;gap:8px;text-decoration:none;background:var(--panel2);border:1px solid var(--line);padding:7px 10px;font-size:13px;min-width:0}
.wm:hover{border-color:var(--red)}
.wm b{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm small{color:var(--dim);font-size:11px;margin-left:auto;white-space:nowrap}
/* dagens økter i hero */
.hero-today{position:relative;z-index:1;margin-top:18px;display:grid;gap:4px}
.ht{display:grid;grid-template-columns:52px 72px 1fr auto;gap:8px;align-items:center;font-size:13.5px;background:rgba(0,0,0,.45);padding:5px 10px;border-left:3px solid #333}
.ht .t{font-family:var(--f-num);font-weight:700}
.ht.race{border-left-color:var(--red)}
.ht.live{border-left-color:var(--red);background:rgba(255,42,42,.25)}
.ht .d{color:var(--mute);font-size:11.5px;text-transform:uppercase}
@media (max-width:720px){.watch-mini{grid-template-columns:minmax(0,1fr)}.watch .w-st{display:none}.watch{grid-template-columns:auto 1fr}}
/* admin-knapp (høyre hjørne) + kunngjøring */
.admin-btn{flex:none;display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13.5px;padding:5px 12px;border:1px solid var(--line);background:#000;transform:skew(-12deg);color:var(--mute)}
.admin-btn>*{transform:skew(12deg)}
.admin-btn svg{width:15px;height:15px}
.admin-btn:hover{color:#fff;border-color:var(--red)}
.admin-btn.on{color:#fff;border-color:var(--green)}
.admin-btn.on svg{color:var(--green)}
.announce{max-width:1440px;margin:10px auto 0;padding:0 18px}
.announce .an{display:flex;gap:12px;align-items:center;padding:9px 16px;font-weight:600;background:rgba(45,92,255,.18);border-left:5px solid var(--blue2);text-decoration:none}
.announce .an.warn{background:rgba(255,204,0,.14);border-color:var(--yellow)}
.announce .an.live{background:rgba(255,42,42,.22);border-color:var(--red)}
.announce .an b{font-family:var(--f-head);font-style:italic;text-transform:uppercase;letter-spacing:.08em;flex:none}
@media (max-width:720px){.brand-gp{display:none}.admin-btn{position:absolute;right:10px;top:12px}.brandbar{position:sticky}.announce{padding:0 10px}}
/* ── 3x3-ruter (nyheter + YouTube) ── */
.tilebar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tilebar .tabs{margin-bottom:0}
.pager{display:flex;align-items:center;gap:6px}
.pg-dot{width:22px;height:6px;border:0;background:#2a2a36;cursor:pointer;transform:skew(-20deg);padding:0}
.pg-dot.on{background:var(--red);width:34px}
.pg-arrow{background:#000;border:1px solid var(--line);width:30px;height:28px;cursor:pointer;font-size:18px;line-height:1}
.pg-arrow:hover{border-color:var(--red)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tile{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0d0d12;border:1px solid var(--line);text-decoration:none;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit;width:100%}
.tile:hover{border-color:var(--red)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.tile img.fallback{filter:grayscale(.35) brightness(.55)}
.tile:hover img{transform:scale(1.06)}
.tile .tov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:12px 14px;background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.94))}
.tile h3{margin:0;font-size:16.5px;line-height:1.22;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.tile p{margin:0;font-size:12.5px;line-height:1.35;color:#c9c9d4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile .tm{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#a9a9b8}
.tile .tbadges{display:flex;gap:6px;margin-bottom:auto}
.tile .tbadges .lang{font-size:11px;background:rgba(0,0,0,.6)}
.tile .tbadges .lang.no{background:var(--red2)}
.tile .tbadges .tr{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:0 6px;background:var(--blue2);color:#fff}
.news-tile:first-child h3{font-size:19px}
.vid-tile .play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:58px;height:40px;display:grid;place-items:center;background:rgba(255,42,42,.92);font-size:18px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:transform .2s;z-index:1}
.vid-tile:hover .play{transform:translate(-50%,-50%) scale(1.12)}
.vid-tile .tov{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.92))}
.vid-tile h3{font-size:14.5px;-webkit-line-clamp:2}
.tiles.flip .tile{animation:tileIn .55s cubic-bezier(.2,.7,.2,1) both}
.tiles.flip .tile:nth-child(2){animation-delay:.04s}.tiles.flip .tile:nth-child(3){animation-delay:.08s}
.tiles.flip .tile:nth-child(4){animation-delay:.12s}.tiles.flip .tile:nth-child(5){animation-delay:.16s}
.tiles.flip .tile:nth-child(6){animation-delay:.2s}.tiles.flip .tile:nth-child(7){animation-delay:.24s}
.tiles.flip .tile:nth-child(8){animation-delay:.28s}.tiles.flip .tile:nth-child(9){animation-delay:.32s}
@keyframes tileIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tiles.flip .tile{animation:none}}
@media (max-width:720px){
.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.tile{aspect-ratio:4/5}
.vid-tile{aspect-ratio:16/12}
.tile h3,.news-tile:first-child h3{font-size:14px;-webkit-line-clamp:4}
.tile p{display:none}
.tile .tov{padding:9px 10px}
}
/* ── undersider ── */
.navlinks a.on{color:#fff}
.navlinks a.on::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;background:var(--red);transform:skew(-20deg)}
.subhero{position:relative;margin:18px 0 14px;padding:22px 26px;background:linear-gradient(135deg,rgba(40,4,10,.88),rgba(14,14,20,.85) 60%);border:1px solid var(--line);overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.subhero h1{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(32px,4.2vw,58px);line-height:.95;margin:12px 0 6px}
.subhero h1 em{color:var(--red)}
.subhero .hero-sub{max-width:820px}
.subhero .hero-bgword{top:-10px}
.ph h2 em{font-style:italic}
.more-link{display:inline-block;margin-top:10px;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:var(--red);font-size:15px}
.more-link:hover{color:#fff}
.btns-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.btn{background:var(--red);border:0;color:#fff;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:8px 18px;cursor:pointer;font-size:15px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.search{flex:1 1 260px;background:#000;border:1px solid var(--line);color:#fff;padding:7px 12px;font:inherit;max-width:520px}
.search:focus{outline:none;border-color:var(--red)}
.tablewrap{overflow-x:auto}
.rtable{width:100%;border-collapse:collapse;font-size:14px}
.rtable th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:6px 8px;border-bottom:1px solid var(--line)}
.rtable td{padding:6px 8px;border-bottom:1px solid #1d1d26;white-space:nowrap}
.rtable td.n{font-family:var(--f-num);text-align:right}
.rtable td.b{font-weight:700}
.rtable tr.islive td{background:rgba(255,42,42,.14)}
.rtable .rl{color:var(--red);font-weight:700;font-size:11px}
.cam-cta{display:flex;align-items:center;gap:8px;margin-top:12px;text-decoration:none;background:linear-gradient(90deg,rgba(255,42,42,.22),var(--panel2));border:1px solid var(--red);padding:9px 14px;font-size:14px}
.cam-cta b{font-family:var(--f-head);text-transform:uppercase;font-size:17px}
.cam-cta span:not(.lb-dot){color:var(--mute)}
/* førerruter */
.rtile{cursor:default;background:linear-gradient(135deg,#1c1c26 0%,#101016 55%,#0a0a0e 100%)}
.rtile .rnum{position:absolute;left:-4px;top:-26px;font:italic 900 170px/1 var(--f-head);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.08);pointer-events:none}
.rtile .rphoto,.ltile .rphoto,.ytile .rphoto{position:absolute;right:0;top:0;height:100%;width:64%;object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%);opacity:.95}
.rtop{position:absolute;left:12px;right:12px;top:10px;display:flex;align-items:flex-start;gap:8px;z-index:2}
.rpos{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:22px;background:#000;padding:0 10px;border-left:4px solid var(--red)}
.rpts{margin-left:auto;text-align:right;background:rgba(0,0,0,.6);padding:2px 10px}
.rpts b{display:block;font-family:var(--f-num);font-size:28px;line-height:1}
.rpts small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.rlive{background:var(--red);font-family:var(--f-head);font-weight:800;font-size:13px;padding:2px 8px;animation:glow 1.4s infinite}
.rinfo{position:absolute;left:0;right:0;bottom:0;padding:10px 14px 12px;background:linear-gradient(90deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.6) 65%,rgba(0,0,0,.2));z-index:2}
.rinfo h3{margin:0;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:22px;line-height:1.02}
.rteam{font-size:12.5px;color:#c9c9d4;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rstats{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;color:var(--mute)}
.rstats b{color:#fff;font-family:var(--f-num)}
.rstats .lead{color:var(--yellow);font-weight:700;text-transform:uppercase}
.rtile.leader{border-color:var(--red);background:linear-gradient(135deg,#4a0612 0%,#16090c 60%,#0a0a0e)}
.rtile.leader .rpos{background:var(--red);border-color:#fff}
.rtile.islive{box-shadow:inset 0 0 0 2px var(--red)}
.live-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(0,0,0,.85);border:1px solid var(--red);padding:8px 14px;font-size:14px}
.live-strip .ls-tag{background:var(--red);font-family:var(--f-head);font-weight:900;font-style:italic;padding:1px 10px}
.live-strip .ls-top{display:flex;gap:14px;flex-wrap:wrap}
.live-strip .ls-top i{font-style:normal;font-family:var(--f-num);color:var(--yellow)}
.live-strip a{margin-left:auto;color:var(--red);font-weight:700;text-decoration:none}
/* legender + år */
.ltile,.ytile{cursor:default;background:linear-gradient(135deg,#1c1c26,#0b0b10)}
.ltile .lcount{position:absolute;left:12px;top:4px;font:italic 900 86px/1 var(--f-head);color:var(--red);text-shadow:0 4px 20px rgba(0,0,0,.6);z-index:2}
.ltile.nophoto .lcount{font-size:110px}
.lyears{font-family:var(--f-num);font-size:12px;color:var(--yellow);margin-top:5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ytile .yyear{position:absolute;right:-6px;top:-14px;font:italic 900 120px/1 var(--f-head);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.08)}
.ytile .ycls{background:rgba(0,0,0,.65);font-size:12px;padding:3px 8px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ytile .ylab{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);font-weight:700}
.ytile .yrun{font-size:12px;color:var(--mute);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytile.g-premier .rpos{border-color:var(--red)}.ytile.g-middle .rpos{border-color:var(--blue2)}.ytile.g-light .rpos{border-color:var(--yellow)}
/* kamera */
.cam-groups{display:grid;gap:14px}
.cam-tile{cursor:pointer;background:#000}
.cam-tile iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cam-tile.playing{border-color:var(--red)}
.cam-live{position:absolute;left:10px;top:10px;z-index:2;background:var(--red);font-family:var(--f-head);font-weight:800;font-size:12.5px;padding:1px 8px;letter-spacing:.05em}
.cam-live.arch{background:rgba(0,0,0,.75);border:1px solid var(--line)}
.cam-live.arch.webcam{border-color:var(--yellow)}.cam-live.arch.live{border-color:var(--red)}
.cam-view{position:absolute;right:10px;top:10px;z-index:2;background:rgba(0,0,0,.7);font-size:11.5px;padding:1px 7px}
.cam-tile .play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:58px;height:40px;display:grid;place-items:center;background:rgba(255,42,42,.92);font-size:18px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);z-index:1}
.cam-big{position:absolute;right:8px;top:8px;z-index:3;background:rgba(0,0,0,.75);border:1px solid var(--line);width:34px;height:30px;cursor:pointer;font-size:16px}
.cam-tile.official{border-color:var(--red)}
.cam-offs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.cam-off{background:var(--panel2);border:1px solid var(--line);padding:9px 12px;font-size:13.5px}
.cam-off a{color:var(--red);text-decoration:none}
.cam-still{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:6px}
.modal-t{position:absolute;left:0;top:-34px;right:50px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* nummerert sidevelger */
.numpager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:12px 0}
.pg-num{background:#000;border:1px solid var(--line);min-width:38px;height:34px;padding:0 10px;cursor:pointer;font-family:var(--f-num);font-weight:700}
.pg-num.on{background:var(--red);border-color:var(--red)}
.pg-num:disabled{opacity:.35;cursor:default}
.pg-num:hover:not(:disabled):not(.on){border-color:var(--red)}
@media (max-width:720px){
.rtile .rnum{font-size:110px}
.rinfo h3{font-size:16px}
.rpts b{font-size:20px}
.rstats{display:none}
.ltile .lcount{font-size:60px}
.ytile .yyear{font-size:80px}
.subhero{padding:16px}
.live-strip a{margin-left:0}
}
/* ── rullerende slagord ── */
.slogan-bar{max-width:1440px;margin:0 auto;padding:4px 18px 2px;display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden}
.slogan{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(17px,2.1vw,26px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
background:linear-gradient(90deg,#fff 0%,#fff 55%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .45s,transform .45s}
.slogan.out{opacity:0;transform:translateX(-24px) skewX(-12deg)}
.slogan.in{animation:slIn .55s cubic-bezier(.2,.7,.2,1)}
@keyframes slIn{from{opacity:0;transform:translateX(30px) skewX(-12deg)}to{opacity:1;transform:none}}
.sl-mark{font-family:var(--f-head);font-weight:900;font-style:italic;color:var(--red);font-size:20px;flex:none}
@media (max-width:720px){.slogan-bar{padding:2px 10px}.sl-mark{display:none}}
/* ═══════════════ ASFALT-TEMA – røffere, mer bane ═══════════════ */
:root{
--asph-grain:url("data:image/svg+xml;utf8,");
--asph-dark:url("data:image/svg+xml;utf8,");
--worn:url("data:image/svg+xml;utf8,");
--panel-grain:url("data:image/svg+xml;utf8,");
--kerb:repeating-linear-gradient(90deg,#e10600 0 28px,#ececec 28px 56px);
--hazard:repeating-linear-gradient(-45deg,#ffcc00 0 10px,#151515 10px 20px);
--checker:conic-gradient(#f1f1f1 0 25%,#111 0 50%,#f1f1f1 0 75%,#111 0) 0 0/14px 14px;
--panel:rgba(20,20,22,.93);
--panel2:rgba(30,30,33,.94);
--line:#2c2c31;
}
body{background:#0b0b0d}
/* asfalt under alt, med grus-korn og mørke flekker */
.bgstage{background:var(--asph-grain),var(--asph-dark),radial-gradient(ellipse at 50% -10%,#2b2b2f 0%,#141417 45%,#09090b 100%);background-size:200px 200px,420px 420px,cover}
.bgimg.on{opacity:.2;filter:grayscale(.65) contrast(1.2) brightness(.85) blur(1px)}
.bgshade{background:linear-gradient(180deg,rgba(9,9,11,.45) 0%,rgba(9,9,11,.8) 45%,rgba(9,9,11,.94) 100%)}
/* fint filmkorn over hele siden */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;background:var(--asph-grain);background-size:200px 200px;opacity:.045;mix-blend-mode:overlay}
/* bremsespor diagonalt over toppen */
.bgstage::after{content:"";position:absolute;left:-10%;right:-10%;top:90px;height:420px;opacity:.5;pointer-events:none;transform:rotate(-8deg);
background:
linear-gradient(180deg,transparent 0 30%,rgba(0,0,0,.75) 31% 36%,transparent 37% 52%,rgba(0,0,0,.65) 53% 58%,transparent 59%),
repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 7px,transparent 7px 12px);
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 55%,transparent 85%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 55%,transparent 85%);filter:blur(1.5px)}
/* live-linja: kantstein under */
.livebar{border-bottom:0;background:linear-gradient(90deg,#1b0004,#2c0007 40%,#0e0e10)}
.livebar::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:var(--kerb);box-shadow:0 3px 8px rgba(0,0,0,.6)}
.brandbar{top:43px;background:linear-gradient(180deg,rgba(11,11,13,.95),rgba(11,11,13,.78))}
.lb-tag{background:#ffcc00;color:#000;padding:1px 12px;box-shadow:6px 0 0 -1px #0e0e10,12px 0 0 -1px #ffcc00}
.lb-clock{background:#050505;border-color:#333;color:#ffcc00;letter-spacing:.06em}
/* logo: slitt maling */
.brand-txt b{letter-spacing:.04em;-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:180px;mask-size:180px}
.brand-gp{border-width:3px}
/* paneler: hard asfalt, kantstein på toppen */
.panel{background:var(--panel-grain),linear-gradient(180deg,rgba(26,26,29,.95),rgba(15,15,17,.97));background-size:200px 200px,auto;border:1px solid #2a2a2f;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.55);padding-top:24px}
.panel::before{left:0;right:0;width:auto;height:6px;background:var(--kerb);opacity:.92}
.ph h2,.subhero h1,.hero h1{-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:180px;mask-size:180px;letter-spacing:.005em}
.ph h2{font-size:30px}
/* vognbane-striper i stedet for tynne linjer */
.sub-h::after{height:3px;background:repeating-linear-gradient(90deg,rgba(236,236,236,.55) 0 22px,transparent 22px 40px)}
.sub-h{color:#bdbdc7}
/* hero: pit-tavle */
.hero-status{background:var(--panel-grain),linear-gradient(135deg,rgba(48,6,12,.93),rgba(18,18,21,.95) 60%);background-size:200px 200px,auto}
.hero-status::after{background:repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,204,0,.07) 14px 28px)}
.kicker{border-left-color:#ffcc00}
.kicker.live{background:var(--red);border-left-color:#fff}
.countdown div{background:#050505;border:2px solid #2d2d2d;box-shadow:inset 0 0 0 1px #000,inset 0 -10px 20px rgba(255,255,255,.03)}
.countdown b{color:#ffcc00;text-shadow:0 0 12px rgba(255,204,0,.25)}
.countdown.live b{color:var(--red);text-shadow:0 0 12px rgba(255,42,42,.4)}
.lights span{border-color:#050505;background:#141414}
/* nyhetsrulle: tidtakertavle */
.ticker{background:#050505;border-top:2px solid #222;border-bottom:2px solid #222}
.ticker-tag{background:#ffcc00;color:#000}
/* faner og knapper: startnummer-skilt */
.tab{background:#0a0a0a;border:2px solid #2c2c31;font-weight:900}
.tab.on{background:var(--red);border-color:#fff;box-shadow:0 0 0 2px var(--red)}
.btn{box-shadow:0 4px 0 #6b0000}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #6b0000}
.chip{border-width:2px}
.watch{border-width:2px;background:var(--panel-grain),var(--panel2);background-size:200px 200px,auto}
.watch:hover{border-color:#ffcc00}
.watch.primary{background:var(--panel-grain),linear-gradient(100deg,#c00018,#5a0014 70%,#1a0a10);background-size:200px 200px,auto;border-color:#fff}
.admin-btn{border-width:2px}
/* ruter: grovere kant, gul på hover */
.tile{border:2px solid #26262b}
.tile:hover{border-color:#ffcc00}
.tile .tov{background:linear-gradient(180deg,rgba(0,0,0,0) 22%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.95))}
.rtile.leader{border-color:#ffcc00}
.rpos{border-left-color:#ffcc00}
.pg-dot.on{background:#ffcc00}
/* tabeller og program: grov stripe på venstre side */
.sess{background:var(--panel-grain),var(--panel2);background-size:200px 200px,auto;border-left-width:5px}
.st-row:nth-child(1){background:linear-gradient(90deg,rgba(255,204,0,.16),transparent)}
.st-row:nth-child(1) .pos{color:#ffcc00}
.pod.p1{border-color:#ffcc00}
/* kunngjøring «viktig»: fareskilt-striper */
.announce .an.warn{border-left:0;background:linear-gradient(90deg,rgba(255,204,0,.16),rgba(255,204,0,.05));box-shadow:inset 8px 0 0 #ffcc00}
.announce .an{border-left-width:8px}
/* slagord: sprayet på asfalten */
.slogan{-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:180px;mask-size:180px;background:linear-gradient(90deg,#f4f4f4 0%,#f4f4f4 55%,#ffcc00 100%);-webkit-background-clip:text;background-clip:text}
.sl-mark{color:#ffcc00}
/* bunn: rutete målflagg */
.foot{border-top:0;position:relative;background:#070708}
.foot::before{content:"";display:block;height:14px;background:var(--checker);opacity:.9}
/* undersider */
.subhero{background:var(--panel-grain),linear-gradient(135deg,rgba(48,6,12,.9),rgba(18,18,21,.92) 60%);background-size:200px 200px,auto;border:2px solid #2a2a2f}
.subhero::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kerb)}
.live-strip{border-width:2px;background:#050505}
@media (max-width:720px){.brandbar{top:39px}.livebar::after{height:5px;bottom:-5px}.ph h2{font-size:24px}}
@media (prefers-reduced-motion:reduce){body::after{display:none}}
.fine,.w-note,.ph-meta,.tm,.rteam,.mute{text-shadow:0 1px 2px rgba(0,0,0,.8)}
.fine{color:#8a8a96}
/* bakgrunnsbilde: langsomt (bytter hvert 5. min) */
.bgimg{transition:opacity 4s ease}
.bgimg.on{animation:kenburns 300s ease-out forwards}
@keyframes kenburns{from{transform:scale(1.03)}to{transform:scale(1.1)}}
/* nyhetsruter uten eget bilde */
.tile.noimg{background:var(--panel-grain),repeating-linear-gradient(115deg,#141417 0 26px,#18181c 26px 52px),linear-gradient(135deg,#3a0610,#0e0e10 70%)}
.tile.noimg::before{content:"GP";position:absolute;right:-8px;top:-30px;font:italic 900 170px/1 var(--f-head);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.06)}
.tile.noimg::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--kerb)}
.tile img.rider{object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%);left:20%;width:80%}
.tile.rider-img{background:linear-gradient(135deg,#3a0610,#121215 65%)}
/* lenkesamling – kompakt */
.og h3 small{font-family:var(--f-num);font-style:normal;font-size:12px;color:var(--dim);margin-left:6px}
.og-more{display:block;width:100%;margin-top:6px;background:#0a0a0a;border:1px dashed #3a3a40;color:var(--mute);font-size:12px;padding:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.og-more:hover{border-color:#ffcc00;color:#fff}
.og-more.vid{border-style:solid}
.og-vids{margin-top:4px;max-height:260px;overflow:auto}
/* ═════ LIVE-SCENE ═════ */
.stage{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:14px;margin-bottom:14px;position:relative;z-index:1}
.stage-main{position:relative;background:#000;border:2px solid #2a2a2f;min-height:200px;overflow:hidden}
.stage.is-live .stage-main{border-color:var(--red);box-shadow:0 0 0 1px #000,0 0 40px rgba(255,42,42,.25)}
.stage-main::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kerb);z-index:3}
.stage-player{position:relative;aspect-ratio:16/9;background:#000}
.stage-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.stage-cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;background:var(--panel-grain),#0b0b0d;border-top:2px solid #1f1f23}
.stage-cap b{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:19px;line-height:1.1}
.stage-hint{margin-left:auto;font-size:11.5px;color:var(--dim)}
.stage-live{display:inline-block;background:var(--red);color:#fff;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:14px;letter-spacing:.06em;padding:2px 10px;animation:glow 1.4s infinite}
.stage-live.replay{background:#2d5cff;animation:none}
.stage-live.idle{background:#000;border:2px solid #ffcc00;color:#ffcc00;animation:none}
.stage-back{background:#000;border:1px solid var(--line);padding:3px 10px;cursor:pointer;margin-left:auto}
/* plakat når ingenting er live */
.poster{position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:flex-end}
.poster-bg{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:grayscale(.35) contrast(1.1) brightness(.6);animation:kenburns 60s ease-in-out infinite alternate}
.poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.75),transparent 70%)}
.poster-speed{position:absolute;inset:0;z-index:1;opacity:.35;background:repeating-linear-gradient(100deg,transparent 0 60px,rgba(255,255,255,.08) 60px 62px,transparent 62px 140px,rgba(255,42,42,.12) 140px 143px);background-size:400% 100%;animation:speed 2.2s linear infinite;mix-blend-mode:screen}
@keyframes speed{from{background-position:0 0}to{background-position:-560px 0}}
.poster-in{position:relative;z-index:2;padding:22px 26px 24px;max-width:780px}
.poster-k{margin-top:14px;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#ffcc00;font-size:14px}
.poster-t{margin:2px 0 4px;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(30px,4.4vw,64px);line-height:.92;-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:180px;mask-size:180px;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.poster-e{font-size:15px;color:#e6e6ee}
.poster-cd{margin-top:10px;display:inline-block;font-family:var(--f-num);font-weight:700;font-size:clamp(26px,3.2vw,44px);color:#ffcc00;background:rgba(0,0,0,.6);border:2px solid #333;padding:2px 14px;letter-spacing:.04em}
.poster-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
/* sideliste */
.stage-side{background:var(--panel-grain),linear-gradient(180deg,rgba(26,26,29,.95),rgba(15,15,17,.97));border:2px solid #2a2a2f;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}
.stage-side::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kerb)}
.stage-side-h{display:flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px;margin-top:4px}
.eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.eq i{width:3px;background:var(--red);animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:4px}50%{height:16px}}
.stage-list{display:grid;gap:6px;overflow:auto;max-height:520px}
.st-item{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;background:#0b0b0d;border:2px solid #222226;padding:5px;cursor:pointer;text-align:left;color:inherit;font:inherit;animation:tileIn .5s both}
.st-item:hover{border-color:#ffcc00}
.st-item.on{border-color:var(--red);background:linear-gradient(90deg,rgba(255,42,42,.2),#0b0b0d)}
.st-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.st-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.st-item:hover .st-thumb img{transform:scale(1.08)}
.st-badge{position:absolute;left:4px;top:4px;background:var(--red);font-family:var(--f-head);font-weight:900;font-size:10.5px;padding:0 5px}
.st-badge.clip{background:rgba(0,0,0,.7)}
.st-txt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.25}
.st-txt small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin-top:2px}
.stage-more{margin-top:auto;font-family:var(--f-head);font-weight:800;text-transform:uppercase;color:#ffcc00;text-decoration:none;letter-spacing:.04em}
@media (max-width:1100px){.stage{grid-template-columns:minmax(0,1fr)}.stage-list{grid-auto-flow:column;grid-auto-columns:260px;max-height:none}}
@media (max-width:720px){.poster{aspect-ratio:4/5}.poster-in{padding:16px}.stage-hint{display:none}.st-item{grid-template-columns:100px 1fr}}
@media (prefers-reduced-motion:reduce){.poster-speed,.poster-bg,.eq i{animation:none}}
/* lenker til førersider */
a.rlink{color:inherit;text-decoration:none}
a.rlink:hover{color:#ffcc00;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
/* ═════ FØRERSIDE ═════ */
.rtile{cursor:pointer}
.rider-hero{min-height:260px;padding-right:38%}
.rider-hero .rh-photo{position:absolute;right:0;top:0;height:100%;width:42%;object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%)}
.rider-hero .hero-bgword{font-size:clamp(140px,22vw,320px);right:20%;top:-40px}
.r-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.rs{background:var(--panel-grain),#0d0d10;border:2px solid #2a2a2f;padding:10px 12px;position:relative}
.rs::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--kerb)}
.rs b{display:block;font-family:var(--f-num);font-size:30px;line-height:1.1;color:#fff}
.rs span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.rs small{display:block;font-size:11.5px;color:var(--dim)}
.rs.gold b{color:#ffcc00}
.merits{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.merit{background:#0b0b0d;border:2px solid #26262b;padding:12px;text-align:center}
.merit b{display:block;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:46px;line-height:1;color:var(--red)}
.merit.gold b{color:#ffcc00}
.merit span{display:block;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.merit small{display:block;font-size:11px;color:var(--mute);margin-top:4px}
.tl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}
.tl-h{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;color:#ffcc00;margin-right:6px}
.tl-y{background:#ffcc00;color:#000;font-weight:700;font-size:12.5px;padding:1px 8px}
.pr{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #2a2a2f;font-size:14px}
.pr span{color:var(--mute)}
.bio{font-size:14px;line-height:1.55;color:#d4d4dc;margin:12px 0 0;white-space:pre-line}
.chart{margin-bottom:10px}
.rchart{width:100%;height:auto;display:block;background:#08080a;border:2px solid #222226}
.rchart .grid{stroke:#232328;stroke-width:1}
.rchart .ax{fill:#77778a;font:11px var(--f-num)}
.rchart .ax.c{text-anchor:middle}
.rchart .ln{fill:none;stroke-width:3}
.rchart .ln.me{stroke:#ff2a2a}
.rchart .ln.lead{stroke:#ffcc00;stroke-dasharray:6 6;stroke-width:2}
.rchart .area{fill:rgba(255,42,42,.14)}
.rchart .pt{fill:#ff2a2a;stroke:#000;stroke-width:2}
.rchart .pt.win{fill:#ffcc00}
.rtable tr.win td{background:rgba(255,204,0,.12)}
.rtable tr.pod td{background:rgba(255,255,255,.04)}
@media (max-width:1100px){.r-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.rider-hero{padding-right:26px}.rider-hero .rh-photo{opacity:.35;width:70%}}
@media (max-width:720px){.r-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.merit b{font-size:34px}}
/* «Se live»-knapper i programmet */
.ht{grid-template-columns:52px 72px minmax(0,1fr) auto auto}
.sess{grid-template-columns:62px 78px minmax(0,1fr) auto auto}
.wlink{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;text-decoration:none;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;padding:2px 9px;background:#000;border:2px solid #3a3a40;color:#e8e8ee;cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.wlink:hover{border-color:#ffcc00;color:#ffcc00}
.wlink.now{background:var(--red);border-color:#fff;color:#fff;animation:glow 1.3s infinite}
@media (max-width:720px){.ht{grid-template-columns:48px 66px minmax(0,1fr) auto}.ht .d{display:none}.sess{grid-template-columns:52px 66px minmax(0,1fr) auto}.sess .pill{grid-column:1/3}}
/* ═════ BURGERMENY ═════ */
.navlinks{margin-left:auto}
.burger{flex:none;display:inline-flex;align-items:center;gap:8px;background:#000;border:2px solid #3a3a40;color:#fff;padding:6px 12px;cursor:pointer;position:relative;z-index:60}
.burger span{display:block;width:20px;height:3px;background:#fff;transition:transform .25s,opacity .25s}
.burger span+span{margin-top:0}
.burger{flex-direction:row}
.burger>span{position:relative}
.burger{display:grid;grid-template-columns:20px auto;grid-template-rows:3px 3px 3px;column-gap:9px;row-gap:4px;align-items:center}
.burger span:nth-child(1){grid-row:1}.burger span:nth-child(2){grid-row:2}.burger span:nth-child(3){grid-row:3}
.burger b{grid-column:2;grid-row:1/4;font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.08em;font-size:14px}
.burger:hover{border-color:#ffcc00}
.burger.open{border-color:var(--red)}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:150;background:rgba(5,5,7,.88);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:mFade .2s ease}
.menu[hidden]{display:none}
@keyframes mFade{from{opacity:0}to{opacity:1}}
.menu-in{width:min(560px,100%);height:100%;overflow:auto;background:var(--panel-grain),linear-gradient(180deg,#17171a,#0b0b0d);border-left:2px solid #2a2a2f;padding:84px 22px 30px;position:relative;animation:mSlide .28s cubic-bezier(.2,.7,.2,1)}
.menu-in::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:repeating-linear-gradient(180deg,#e10600 0 28px,#ececec 28px 56px)}
@keyframes mSlide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.menu-h{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:30px;margin-bottom:12px;-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:180px;mask-size:180px}
.menu-grid{display:grid;gap:8px}
.menu-grid a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-decoration:none;background:#0b0b0d;border:2px solid #232327;padding:10px 14px;transition:border-color .15s,transform .15s}
.menu-grid a:hover,.menu-grid a:focus{border-color:#ffcc00;transform:translateX(-4px);outline:none}
.menu-grid a.on{border-color:var(--red);background:linear-gradient(90deg,rgba(255,42,42,.18),#0b0b0d)}
.menu-grid i{grid-row:1/3;font-style:normal;font-size:22px;width:42px;height:42px;display:grid;place-items:center;background:#000;border:1px solid #2a2a2f;transform:skew(-10deg)}
.menu-grid b{font-family:var(--f-head);font-weight:900;text-transform:uppercase;font-size:20px;line-height:1.05}
.menu-grid small{color:var(--mute);font-size:12.5px}
body.menu-open{overflow:hidden}
@media (max-width:1100px){.navlinks{display:none}.brandbar{justify-content:space-between}.burger{margin-left:auto}}
@media (max-width:720px){.admin-btn{position:static}.admin-btn span{display:none}.burger b{display:none}.burger{grid-template-columns:20px}.brandbar{flex-wrap:nowrap}}
.menu-x{position:absolute;right:16px;top:18px;width:44px;height:40px;background:#000;border:2px solid var(--red);color:#fff;font-size:20px;cursor:pointer}
.menu-x:hover{border-color:#ffcc00}
.lb-tag{margin-right:12px}
/* ═════ ROLIGERE: mindre sperrebånd, slankere live-scene ═════ */
.panel::before{left:0;right:auto;width:70px;height:3px;background:var(--red);opacity:1}
.panel{padding-top:18px}
.stage-main::before,.stage-side::before,.rs::before,.subhero::before,.tile.noimg::after,.menu-in::before{display:none}
.livebar::after{height:3px;bottom:-3px;opacity:.85}
.menu-in{border-left:3px solid var(--red)}
.rs{border-top:3px solid #3a3a40}
.watch{border-width:1px}
.tile{border-width:1px}
.bgstage::after{opacity:.28}
/* live-scene uten live: slankt banner */
.stage.no-live{grid-template-columns:minmax(0,1fr)}
.stage.no-live .stage-side{display:none}
.stage.no-live .stage-main{border:1px solid #2a2a2f;box-shadow:none}
.stage.no-live .poster{aspect-ratio:auto;min-height:0;align-items:center;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.stage.no-live .poster-in{padding:18px 22px}
.poster-t{font-size:clamp(26px,3vw,44px)}
.poster-cd{font-size:clamp(22px,2.4vw,32px)}
.poster-speed{opacity:.18}
.poster-clips{position:relative;z-index:2;padding:14px 18px 14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:center}
.pc-h{grid-column:1/-1;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#cfcfd8}
.pc{position:relative;aspect-ratio:16/9;padding:0;border:1px solid #2a2a2f;background:#000;cursor:pointer;overflow:hidden;text-align:left;color:#fff}
.pc img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:transform .4s,opacity .2s}
.pc:hover img{transform:scale(1.05);opacity:1}
.pc:hover{border-color:#ffcc00}
.pc span{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:11.5px;line-height:1.2;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stage.is-live{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
@media (max-width:1100px){.stage.no-live .poster{grid-template-columns:minmax(0,1fr)}.poster-clips{padding:0 16px 16px}.stage.is-live{grid-template-columns:minmax(0,1fr)}}
.pc-live{position:absolute;left:6px;top:6px;background:var(--red);font-family:var(--f-head);font-size:10.5px;padding:0 6px;z-index:1}
/* slank stripe når ingenting er live */
.poster.slim{aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:center;background:#0c0c0e}
.poster.slim::after{display:none}
.poster.slim .poster-in{padding:14px 18px}
.poster-line{margin-top:8px;font-size:15px;color:#d8d8e0}
.poster-line b{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:18px;color:#fff}
.poster.slim .poster-cd{font-size:15px;padding:0 6px;border-width:1px;margin:0}
.poster.slim .poster-btns{margin-top:10px}
.poster.slim .poster-clips{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 14px 12px 0}
.poster.slim .pc span{font-size:10.5px}
@media (max-width:1100px){.poster.slim{grid-template-columns:minmax(0,1fr)}.poster.slim .poster-clips{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}}
.stage.no-live .stage-main{min-height:0;background:#0c0c0e}
/* ═════ BAKGRUNNSBILDER: synlige, men rolige ═════ */
.bgimg{inset:-2%;filter:saturate(.95) contrast(1.05) brightness(.82)}
.bgimg.on{opacity:.62;filter:saturate(.95) contrast(1.05) brightness(.82)}
.bgshade{background:radial-gradient(ellipse at 50% 30%,rgba(9,9,11,.25) 0%,rgba(9,9,11,.55) 60%,rgba(9,9,11,.8) 100%),linear-gradient(180deg,rgba(9,9,11,.2) 0%,rgba(9,9,11,.5) 70%,rgba(9,9,11,.75) 100%)}
.bgstage::after{opacity:.15}
.panel{background:var(--panel-grain),linear-gradient(180deg,rgba(22,22,25,.84),rgba(13,13,15,.9));background-size:200px 200px,auto;backdrop-filter:blur(3px)}
.hero-status{background:var(--panel-grain),linear-gradient(135deg,rgba(48,6,12,.82),rgba(18,18,21,.86) 60%);background-size:200px 200px,auto}
.subhero{background:var(--panel-grain),linear-gradient(135deg,rgba(48,6,12,.8),rgba(18,18,21,.84) 60%);background-size:200px 200px,auto}
.stage.no-live .stage-main,.poster.slim{background:rgba(12,12,14,.85)}
.brandbar{background:linear-gradient(180deg,rgba(11,11,13,.92),rgba(11,11,13,.55))}
.slogan-bar{text-shadow:0 2px 12px rgba(0,0,0,.8)}
.bg-credit-chip{position:fixed;right:10px;bottom:8px;z-index:30;font-size:10.5px;color:#aaa;background:rgba(0,0,0,.55);padding:2px 8px;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.bg-credit-chip:hover{color:#fff}
/* røykglass – bildet skinner gjennom */
.bgimg.on{opacity:.8}
.bgshade{background:linear-gradient(180deg,rgba(9,9,11,.12) 0%,rgba(9,9,11,.35) 35%,rgba(9,9,11,.55) 75%,rgba(9,9,11,.7) 100%)}
.panel,.stage-side{background:linear-gradient(180deg,rgba(18,18,21,.7),rgba(11,11,13,.8));backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}
.hero-status{background:linear-gradient(135deg,rgba(60,6,14,.66),rgba(14,14,17,.76) 60%)}
.subhero{background:linear-gradient(135deg,rgba(60,6,14,.62),rgba(14,14,17,.72) 60%);backdrop-filter:blur(8px)}
.stage.no-live .stage-main,.poster.slim{background:rgba(10,10,12,.66);backdrop-filter:blur(10px)}
.watch,.sess,.ht,.st-row,.og,.cc,.nc{background:rgba(8,8,10,.55)}
.watch.primary{background:linear-gradient(100deg,rgba(192,0,24,.88),rgba(90,0,20,.8) 70%,rgba(26,10,16,.7))}
.brandbar{background:linear-gradient(180deg,rgba(11,11,13,.82),rgba(11,11,13,.35));backdrop-filter:blur(6px)}
.ticker{background:rgba(5,5,5,.8)}
body::after{opacity:.03}
.stage.no-live .stage-main{background:transparent}
/* ═════ BILDEBÅND ═════ */
.band{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.15fr);gap:14px;margin:0 0 14px}
.band-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bc{position:relative;display:block;height:270px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid #2a2a2f;
background:radial-gradient(ellipse at 70% 40%,rgba(255,42,42,.55),transparent 60%),linear-gradient(135deg,#3a0610 0%,#141418 70%);transition:transform .25s,border-color .25s}
.bc.p1{background:radial-gradient(ellipse at 70% 40%,rgba(255,204,0,.45),transparent 60%),linear-gradient(135deg,#4a0b10 0%,#16110a 70%);border-color:#ffcc00}
.bc:hover{transform:translateY(-4px);border-color:#ffcc00}
.bc-team{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:grayscale(.4)}
.bc-num{position:absolute;left:-6px;top:-24px;font:italic 900 190px/1 var(--f-head);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14)}
.bc-bike{position:absolute;left:-6%;bottom:44px;width:72%;max-height:52%;object-fit:contain;opacity:.55;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.bc-rider{position:absolute;right:-4%;bottom:0;height:96%;max-width:72%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 8px 24px rgba(0,0,0,.65));transition:transform .4s}
.bc:hover .bc-rider{transform:scale(1.04)}
.bc-pos{position:absolute;left:12px;top:12px;font:italic 900 30px/1 var(--f-head);background:#000;padding:2px 12px;border-left:4px solid var(--red)}
.bc.p1 .bc-pos{background:#ffcc00;color:#000;border-color:#000}
.bc-info{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 55%)}
.bc-info b{display:block;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1}
.bc-info small{font-size:12px;color:#d0d0d8}
.bc-pts{position:absolute;right:12px;top:12px;text-align:right;background:rgba(0,0,0,.6);padding:4px 10px}
.bc-pts b{display:block;font-family:var(--f-num);font-size:28px;line-height:1}
.bc-pts small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#bbb}
.band-track{position:relative;display:block;height:270px;overflow:hidden;border:1px solid #2a2a2f;text-decoration:none;color:#fff;background:#101013}
.band-track:hover{border-color:#ffcc00}
.bt-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(1.05)}
.bt-layout{position:absolute;right:10px;top:28px;width:62%;max-height:58%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,42,42,.9)) drop-shadow(0 2px 2px #000);opacity:.95}
.bt-k{position:absolute;left:12px;top:12px;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;background:var(--red);padding:2px 10px;font-size:14px}
.bt-n{position:absolute;left:14px;right:14px;bottom:44px;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1;text-shadow:0 2px 10px #000}
.bt-e{position:absolute;left:14px;right:14px;bottom:26px;font-size:12px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-wx{position:absolute;left:14px;bottom:6px;font-size:12.5px;color:#ffcc00}
@media (max-width:1100px){.band{grid-template-columns:minmax(0,1fr)}.band-track{height:200px}}
@media (max-width:720px){.band-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bc{height:190px}.bc-num{font-size:110px}.bc-info b{font-size:14px}.bc-info small,.bc-bike{display:none}.bc-pts b{font-size:18px}.bc-pos{font-size:18px}}
/* «Neste økt» med banefoto og kart */
.hero-status{isolation:isolate}
.hs-photo{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.35;-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 75%);mask-image:linear-gradient(90deg,transparent 15%,#000 75%)}
.hs-layout{position:absolute;right:18px;top:22px;width:40%;max-width:340px;max-height:46%;object-fit:contain;z-index:0;opacity:.85;filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,42,42,.85));pointer-events:none}
@media (max-width:720px){.hs-layout{width:46%;opacity:.4}}
/* avatarer */
.av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3a0610,#141418);border:2px solid #2d2d33;flex:none;vertical-align:middle;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:13px;color:#888}
.av img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.35) translateY(12%)}
.av.xs{width:24px;height:24px;border-width:1px}
.st-row:nth-child(1) .av{border-color:#ffcc00}
/* frilagte førerbilder i ruter */
.rtile .rphoto.cut,.ltile .rphoto.cut,.ytile .rphoto.cut{object-fit:contain;object-position:bottom right;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6));right:-2%;width:62%}
.rtile .rbike{position:absolute;left:-4%;bottom:56px;width:62%;max-height:45%;object-fit:contain;opacity:.32;pointer-events:none}
.rtile .rteambg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12}
/* førerside: actionbilde + utstyr */
.rider-hero .rh-action{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.35;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60%);mask-image:linear-gradient(90deg,transparent 0,#000 60%)}
.rider-hero{isolation:isolate}
.rider-hero .rh-photo.cut{object-fit:contain;object-position:bottom right;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 10px 30px rgba(0,0,0,.7))}
.gear{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.gear figure{margin:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,42,42,.25),transparent 65%),#0b0b0d;border:1px solid #26262b;padding:10px;text-align:center}
.gear img{width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}
.gear figcaption{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:13px;color:var(--mute);margin-top:6px}
.hs-layout{top:auto;bottom:22%;right:16px;width:34%;max-width:300px;max-height:34%;opacity:.4}
.hero-status>*:not(.hs-photo):not(.hs-layout){position:relative;z-index:1}
.bc-pts{top:auto;bottom:62px}
.bc-pts{top:12px;bottom:auto}
.bc-rider{height:84%}
.hs-layout{z-index:1;opacity:.5}
/* ═════ BUNN ═════ */
.foot{position:relative;overflow:hidden;margin-top:28px;border-top:0;background:linear-gradient(180deg,rgba(7,7,9,.86),#060607 70%);backdrop-filter:blur(8px)}
.foot::before{content:"";display:block;height:16px;background:conic-gradient(#f1f1f1 0 25%,#111 0 50%,#f1f1f1 0 75%,#111 0) 0 0/16px 16px;opacity:.9}
.foot-word{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);font:italic 900 clamp(90px,17vw,260px)/1 var(--f-head);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.05);white-space:nowrap;pointer-events:none;user-select:none}
.foot-inner{position:relative;max-width:1440px;margin:0 auto;padding:26px 18px 18px;display:block;color:var(--mute);font-size:13.5px}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:16px;align-items:stretch}
.f-brand .brand{display:inline-flex}
.f-slogan{margin:8px 0 4px;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;color:#ffcc00;-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:180px;mask-size:180px}
.f-desc{margin:0 0 12px;line-height:1.55;color:#a8a8b4}
.f-k{display:block;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:#fff;margin-bottom:8px}
.f-card{position:relative;background:rgba(18,18,22,.7);border:1px solid #26262b;padding:14px;overflow:hidden;display:flex;flex-direction:column;gap:4px}
.f-card::before{content:"";position:absolute;left:0;top:0;width:60px;height:3px;background:var(--red)}
.fn-map{position:absolute;right:-6px;top:10px;width:58%;opacity:.35;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,42,42,.9))}
.fn-name{position:relative;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px;line-height:1.05;color:#fff;max-width:85%}
.fn-sub,.fn-race{position:relative;font-size:12.5px;color:#c8c8d2}
.fn-cd{position:relative;margin-top:6px;font-family:var(--f-num);font-weight:700;font-size:26px;color:#ffcc00;letter-spacing:.03em}
.f-more{margin-top:auto;padding-top:8px;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:13px;color:var(--red);text-decoration:none;position:relative}
.f-more:hover{color:#ffcc00}
.ft-row{display:grid;grid-template-columns:18px 28px minmax(0,1fr) auto 34px;gap:8px;align-items:center;text-decoration:none;color:#ddd;padding:3px 0;border-bottom:1px dashed #24242a;font-size:13px}
.ft-row:hover{color:#ffcc00}
.ft-row i{font-style:normal;font-family:var(--f-num);color:var(--mute)}
.ft-row.lead i{color:#ffcc00}
.ft-av{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#1d1d22;border:1px solid #333;display:grid;place-items:center;font:italic 900 11px var(--f-head);color:#777}
.ft-av img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.35) translateY(12%)}
.ft-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-row b{font-family:var(--f-num);color:#fff}
.ft-row small{font-family:var(--f-num);color:var(--dim);text-align:right}
.f-links{display:flex;flex-direction:column;gap:2px}
.f-links a{color:#bdbdc8;text-decoration:none;padding:3px 0;font-weight:600}
.f-links a:hover{color:#ffcc00;padding-left:4px;transition:padding .15s}
.f-status{font-size:12px;color:var(--dim)}
.f-status summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:7px}
.f-status summary::-webkit-details-marker{display:none}
.fs-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);display:inline-block;flex:none}
.fs-dot.warn{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}
.fs-dot.sm{width:6px;height:6px;box-shadow:none}
.fs-list{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px}
.fs-list>span{display:inline-flex;align-items:center;gap:5px}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:20px;padding-top:12px;border-top:1px solid #1f1f24;font-size:11.5px;color:#6e6e7a}
.foot-bottom a{color:#8a8a96}
@media (max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.foot-grid{grid-template-columns:1fr}.f-links{flex-direction:row;flex-wrap:wrap;gap:4px 14px}}
/* ═════════════ FLERE SERIER: hub, serieside, eventliste, reise, uoffisielt ═════════════ */
.span-6{grid-column:span 6}
@media(max-width:980px){.span-6{grid-column:span 12}}
:root{--sc:#e10600}
.schip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:13px;line-height:1;padding:4px 10px 4px 8px;background:#000;border-left:4px solid var(--sc);white-space:nowrap}
.schip.sm{font-size:11.5px;padding:3px 8px 3px 6px}
.schip:hover{background:var(--sc)}
.chip.sc{border-left:3px solid var(--sc)}
.chip.sc.on{background:var(--sc);border-color:var(--sc)}
.chip.live{border-color:var(--red)}
.chip.live::before{content:"●";color:var(--red);font-size:10px}
.badge{display:inline-block;font-family:var(--f-head);font-weight:800;letter-spacing:.08em;font-size:11px;padding:1px 8px;text-transform:uppercase;background:#333;line-height:1.5}
.badge.live{background:var(--red);animation:glow 1.6s infinite}
.badge.run{background:#ffcc00;color:#111}
.badge.prov{background:#3a3a46}
.badge.est{background:transparent;border:1px dashed #777;color:#ccc}
.badge.bad{background:#555;text-decoration:line-through}
.badge.ok{background:#1d6b3a}
.badge.big{font-size:15px;padding:3px 12px}
.livetag{display:inline-block;background:var(--red);color:#fff;font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.08em;font-size:11px;padding:0 6px;margin-right:6px;animation:glow 1.6s infinite}
.tz-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.tz-pick select,.trip-q select,.evpick,.form input,.form select,#areaBox select{background:#000;color:#fff;border:1px solid var(--line);padding:6px 8px;font:inherit;font-size:14px;max-width:100%}
.form input:focus,.tz-pick select:focus,.trip-q select:focus{outline:2px solid var(--sc);outline-offset:0}
/* hub-hero */
.hubhero{position:relative;margin:14px 0 0}
.hh-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;position:relative}
.hh-main{padding:26px 26px 20px;background:var(--panel-grain),linear-gradient(135deg,rgba(60,6,14,.78),rgba(14,14,17,.8) 60%);background-size:200px 200px,auto;border:2px solid #2a2a2f;position:relative;overflow:hidden;backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.hh-main::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kerb)}
.hh-main h1{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(38px,5.4vw,78px);line-height:.9;margin:14px 0 8px;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hh-main h1 em{color:var(--red)}
.hubhero .hero-bgword{top:-30px}
.hh-live{margin-top:16px}
.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.lcard{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;text-align:left;text-decoration:none;background:#000;border:2px solid var(--red);padding:6px;cursor:pointer;animation:glow 2s infinite}
.lcard img{width:110px;aspect-ratio:16/9;object-fit:cover;display:block}
.lcard .lc-ico{width:110px;aspect-ratio:16/9;display:grid;place-items:center;background:var(--sc);font-size:30px}
.lc-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.lc-t b{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:16px;line-height:1.05;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lc-t small{color:var(--mute);font-size:12px}
.lrun{display:grid;gap:8px;margin-top:10px}
.lrun-i{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;text-decoration:none;background:rgba(0,0,0,.6);border-left:4px solid var(--sc);padding:8px 12px}
.lrun-i small{grid-column:2;color:var(--mute)}
.lrun-i b{font-family:var(--f-head);text-transform:uppercase;font-size:18px}
.lnone{display:grid;gap:10px;background:rgba(0,0,0,.45);border:1px dashed #3a3a42;padding:12px 14px}
.lup{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hh-next{padding:20px 22px;display:flex;flex-direction:column;gap:6px;overflow:hidden;border-top:4px solid var(--sc)}
.hh-next::before{background:var(--sc)!important}
.hn-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.22;filter:saturate(.8);pointer-events:none}
.hh-next>*{position:relative}
.hn-name{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(26px,2.8vw,38px);line-height:.95}
.hn-place{font-weight:600}
.hn-date{color:#ffcc00;font-family:var(--f-num);font-weight:700}
.hn-more{display:grid;gap:4px;margin-top:6px;border-top:1px solid var(--line);padding-top:8px}
.hn-more a{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:13px;color:#d8d8e2}
.hn-more a i{width:10px;height:10px;background:var(--sc);transform:skew(-14deg);flex:none}
.hn-more a:hover{color:#fff}
.hh-strip{display:flex;gap:6px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:thin}
.hh-strip a{flex:none;display:flex;align-items:center;gap:8px;text-decoration:none;background:rgba(0,0,0,.75);border:1px solid var(--line);border-bottom:3px solid var(--sc);padding:6px 12px;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.04em;transition:transform .15s}
.hh-strip a i{width:8px;height:8px;border-radius:50%;background:var(--sc)}
.hh-strip a.live i{background:var(--red);animation:pulse 1.2s infinite}
.hh-strip a:hover{transform:translateY(-2px);background:var(--sc)}
@media(max-width:980px){.hh-grid{grid-template-columns:1fr}}
/* eventliste */
.evl{display:grid;gap:8px}
.evr{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:4px 14px;align-items:center;background:rgba(0,0,0,.55);border:1px solid var(--line);border-left:5px solid var(--sc);padding:10px 12px;transition:border-color .15s,background .15s;position:relative}
.evr:hover{background:rgba(0,0,0,.75);border-color:#3a3a44;border-left-color:var(--sc)}
.evr.past{opacity:.55}
.evr.live,.evr.running{background:linear-gradient(90deg,rgba(255,42,42,.18),rgba(0,0,0,.6) 40%)}
.evr.cancelled .evname{text-decoration:line-through;color:var(--mute)}
.evdate{text-align:center;background:#000;border:1px solid var(--line);padding:4px 2px;transform:skew(-8deg)}
.evdate>*{display:block;transform:skew(8deg)}
.evdate b{font-family:var(--f-num);font-size:28px;line-height:1;color:#fff}
.evdate span{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:13px;color:var(--sc);filter:brightness(1.4)}
.evdate small{font-size:11px;color:var(--mute)}
.evmain{display:flex;flex-direction:column;gap:2px;min-width:0}
.evtop{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}
.evname{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:20px;line-height:1.05}
.evplace{font-size:13.5px;color:#d8d8e2}
.evwhen{font-size:12.5px;color:var(--mute)}
.evwhen em{color:#ffcc00;font-style:normal}
.evact{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.evd{grid-column:1/-1;margin-top:8px;border-top:1px dashed #3a3a44;padding-top:10px}
.evmonth h3{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;margin:18px 0 8px;display:flex;align-items:center;gap:10px}
.evmonth h3::after{content:"";flex:1;height:3px;background:var(--kerb);opacity:.35}
.evmonth:first-child h3{margin-top:4px}
@media(max-width:720px){.evr{grid-template-columns:58px minmax(0,1fr)}.evact{grid-column:1/-1;justify-content:flex-start}.evname{font-size:18px}.evdate b{font-size:23px}}
/* tidsskjema */
.sched{display:grid;gap:2px;font-size:14px}
.sched-h,.sched-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr);gap:10px;padding:5px 8px;align-items:center}
.sched-h{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);border-bottom:1px solid var(--line)}
.sched-day{font-family:var(--f-head);font-weight:800;text-transform:uppercase;color:var(--sc);filter:brightness(1.5);margin-top:8px;padding:0 8px;letter-spacing:.05em}
.sched-row{background:rgba(255,255,255,.03)}
.sched-row:nth-child(odd){background:rgba(255,255,255,.055)}
.sched-row.live{background:rgba(255,42,42,.25);outline:1px solid var(--red)}
.sched-row.done{opacity:.5}
.sched-row .st{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font-family:var(--f-num);font-weight:700;display:block}
.sched-row .st.me{color:#ffcc00}
.sched-none{background:rgba(0,0,0,.4);border:1px dashed #3a3a42;padding:10px 14px}
.sched-none p{margin:0 0 8px}
.sch-ev{display:flex;flex-direction:column;margin:10px 0}
.sch-ev b{font-family:var(--f-head);font-size:22px;text-transform:uppercase;line-height:1}
.evpick{width:100%;margin-top:10px}
/* serie-tiles */
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 10px}
.sec-h h2{margin:0;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:34px;line-height:1;text-shadow:0 2px 14px #000}
.sec-h h2 em{color:var(--red)}
.stiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.stile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,var(--sc),#0b0b0d 75%);border:2px solid #1f1f24;border-bottom:5px solid var(--sc);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.stile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .3s;filter:saturate(.85) brightness(.82)}
.stile:hover img{transform:scale(1.07);filter:saturate(1.05) brightness(.95)}
.stile .st-word{position:absolute;right:-8px;bottom:30%;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:58px;line-height:.85;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.18);text-align:right}
.st-ov{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 55%);display:flex;flex-direction:column;gap:3px}
.st-ov b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;line-height:.95}
.st-ov small{font-size:12.5px;color:#d0d0da}
.st-g{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--sc);filter:brightness(1.6);font-weight:700}
.stile.live{border-color:var(--red);animation:glow 1.8s infinite}
.st-ov .badge{align-self:flex-start}
@media(max-width:720px){.stiles{grid-template-columns:repeat(2,minmax(0,1fr))}.st-ov b{font-size:19px}}
/* serie-badge på fliser */
.tbadges .sb{background:var(--sc);font-family:var(--f-head);font-weight:800;font-size:11px;padding:0 6px;text-transform:uppercase;letter-spacing:.06em}
/* reise */
.trip-q{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0}
.trip-q select{flex:1 1 320px}
.tbtns{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.tbtn{display:inline-flex;align-items:center;text-decoration:none;background:#000;border:1px solid var(--line);border-left:3px solid var(--sc);padding:7px 12px;font-weight:600;font-size:14px;transition:background .15s,transform .15s}
.tbtn:hover{background:var(--sc);transform:translateY(-1px)}
.tbtn span{color:var(--mute);font-size:12px}
.tgroup h3,#carOut h3,#localOut h3,.tcols h3{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:18px;margin:10px 0 0;letter-spacing:.03em}
.tgroup small{display:block}
.tcols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:820px){.tcols{grid-template-columns:1fr}}
.form{display:grid;gap:10px;margin-bottom:8px}
.form label{display:grid;gap:4px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.form input{text-transform:none;letter-spacing:0;width:100%}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.te{display:flex;flex-direction:column;gap:3px;border-left:5px solid var(--sc);padding:8px 14px;background:rgba(0,0,0,.5)}
.te b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:28px;line-height:1}
.te .schip{align-self:flex-start}
.hint{background:rgba(255,204,0,.08);border-left:3px solid #ffcc00;padding:6px 10px;font-size:13.5px;margin:6px 0 0}
#areaBox label{font-size:14px}
/* serieside */
.srhero{position:relative;margin:14px 0 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;min-height:320px}
.sr-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5;filter:saturate(.9);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));transition:background-image .4s}
.sr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.92) 0,rgba(8,8,10,.6) 55%,rgba(8,8,10,.25)),linear-gradient(0deg,rgba(8,8,10,.85),transparent 50%)}
.srhero::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,var(--sc) 0 28px,#ececec 28px 56px);z-index:1}
.sr-in{position:relative;padding:34px 26px 24px;display:flex;flex-direction:column;justify-content:flex-end}
.sr-in .kicker{border-left-color:var(--sc);align-self:flex-start}
.sr-in h1{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(40px,6vw,86px);line-height:.88;margin:12px 0 8px;text-shadow:0 4px 30px rgba(0,0,0,.8)}
.sr-note{display:block;margin-top:8px;font-size:14px;color:#ffcc00}
.srhero .hero-bgword{z-index:0;top:auto;bottom:-14px;-webkit-text-stroke:2px rgba(255,255,255,.1)}
.sr-next{position:relative;align-self:end;margin:18px 18px 18px 0;padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--sc)}
.sr-next::before{background:var(--sc)!important}
.sr-live{margin-top:10px}
.sr-tabs{display:flex;gap:4px;overflow-x:auto;margin:12px 0;padding:4px 0;position:sticky;top:0;z-index:20;background:rgba(8,8,10,.86);backdrop-filter:blur(6px);scrollbar-width:thin}
.sr-tabs a{flex:none;text-decoration:none;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:6px 14px;background:#000;border:1px solid var(--line);transform:skew(-12deg)}
.sr-tabs a:hover,.sr-tabs a.on{background:var(--sc);border-color:var(--sc)}
.sr-tabs.mgp{--sc:#e10600;margin-top:14px}
@media(max-width:980px){.srhero{grid-template-columns:1fr}.sr-next{margin:0 14px 14px}}
.player{position:relative;aspect-ratio:16/9;background:#000;border:2px solid var(--red);margin-bottom:10px}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.noplayer{display:grid;gap:4px;background:rgba(0,0,0,.5);border:1px dashed #3a3a42;padding:14px;margin-bottom:10px}
.wl{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;text-decoration:none;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--sc);padding:9px 12px;transition:transform .15s}
.wl:hover{transform:translateX(4px);border-color:var(--sc)}
.wl b{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:17px}
.wl small{grid-column:2;color:var(--mute);font-size:12px}
.wl .st{grid-row:1/3}
#srVideos.tiles,#srNews.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){#srVideos.tiles,#srNews.tiles{grid-template-columns:1fr}}
.sr-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}
.sg{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;text-decoration:none}
.sg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sg:hover img{transform:scale(1.08)}
.sg small{position:absolute;left:0;right:0;bottom:0;font-size:9.5px;background:rgba(0,0,0,.7);padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bbb}
@media(max-width:720px){.sr-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wiki p{margin:0 0 10px;line-height:1.6;color:#dcdce4}
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.lg{display:flex;flex-direction:column;text-decoration:none;background:#000;border:1px solid var(--line);border-left:3px solid var(--sc);padding:8px 12px;transition:background .15s}
.lg:hover{background:var(--sc)}
.lg b{font-weight:700}
.lg small{color:var(--mute);font-size:12px}
.lg.live b::before{content:"● ";color:var(--red)}
.biglink{display:flex;flex-direction:column;text-decoration:none;background:#000;border:1px solid var(--line);border-left:5px solid var(--red);padding:12px 16px;margin-bottom:8px;transition:transform .15s}
.biglink b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px}
.biglink small{color:var(--mute)}
.biglink:hover{transform:translateX(4px)}
.biglink.warn{border-left-color:#ffcc00}
/* uoffisielt – alltid tydelig adskilt */
.unoff{border:2px dashed #ffcc00!important;background:repeating-linear-gradient(-45deg,rgba(255,204,0,.05) 0 14px,transparent 14px 28px),var(--panel)!important}
.unoff::before{background:#ffcc00!important}
.unoff-warn{background:#1a1500;border-left:4px solid #ffcc00;color:#ffe680;padding:8px 12px;font-size:13.5px;margin:0 0 12px}
.unoff-warn.big{font-size:15px}
.uo-g{margin-bottom:16px}
.uo-g h3{margin:0 0 6px}
.uo-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.uo-row .mute{grid-column:2;font-size:12.5px}
.uo-a{display:flex;flex-direction:column;text-decoration:none}
.uo-a small{color:var(--mute);font-size:12px}
.uo-a:hover b{color:#ffcc00}
/* meny: to kolonner og seriefarge */
.menu-grid.two{grid-template-columns:1fr 1fr}
.menu-grid a[data-sc] i{border-color:var(--sc);background:linear-gradient(135deg,var(--sc),#000 80%)}
.menu-h{margin-top:16px}
.menu-h:first-of-type{margin-top:0}
@media(max-width:520px){.menu-grid.two{grid-template-columns:1fr}}
/* bunn: neste arrangement */
.fn-ser{align-self:flex-start;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:12px;background:var(--sc);padding:1px 8px;letter-spacing:.06em}
.fn-row{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12.5px;color:#cfcfda}
.fn-row i{width:8px;height:8px;flex:none;transform:skew(-14deg)}
.fn-row:hover{color:#fff}
.chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
code{font-family:var(--f-num);font-size:12px;background:#000;padding:1px 6px;word-break:break-all}
.f-links{display:block;columns:2 150px;column-gap:18px}
.f-links a{display:block;font-size:13px;padding:2px 0;break-inside:avoid}
.f-links .f-k{display:block;break-after:avoid;margin-top:8px}
.f-links .f-k:first-child{margin-top:0}
@media(max-width:720px){#evFilter,#newsFilter,#vidFilter,#uoFilter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}#evFilter .chip,#newsFilter .chip,#vidFilter .chip{flex:none}}
/* kompakt filter: grupper + én serievelger */
#evFilter{align-items:center}
.sersel{background:#000;color:#fff;border:1px solid var(--line);border-left:3px solid var(--sc,#555);padding:4px 8px;font:inherit;font-size:12.5px;cursor:pointer}
.sersel.on{background:var(--sc);border-color:var(--sc);font-weight:700}
#eventliste .tilebar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}
#eventliste .tz-pick .mute{display:none}
/* seriefliser uten egne bilder: felles bakgrunnsbilde farget i seriens farge */
.stile.tint img{filter:grayscale(1) contrast(1.15) brightness(.55)}
.stile.tint::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--sc) 0%,transparent 70%);mix-blend-mode:color;opacity:.9;pointer-events:none}
.stile.tint .st-ov{z-index:1}
.stile::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:repeating-linear-gradient(90deg,var(--sc) 0 18px,#ececec 18px 36px);z-index:2;opacity:.9}
.st-ov b{overflow-wrap:anywhere;hyphens:auto}
@media(min-width:721px){.st-ov b{font-size:clamp(19px,1.7vw,24px)}}
/* bunn: lenker i grupper over hele bredden */
.foot-grid .f-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 22px;columns:auto;border-top:1px solid #26262c;padding-top:16px;margin-top:4px}
.fl-g{display:flex;flex-direction:column;gap:1px;min-width:0}
.fl-g .f-k{margin:0 0 6px!important}
.fl-g a{display:block;font-size:13.5px;padding:2px 0}
.fl-g.ser a{border-left:3px solid var(--sc,#444);padding-left:8px;margin:1px 0}
.fl-g.ser a:hover{padding-left:12px}
.fl-g.inl{flex-direction:row;flex-wrap:wrap;gap:2px 12px;align-content:flex-start}
.fl-g.inl .f-k{flex-basis:100%}
@media(max-width:720px){.foot-grid .f-links{grid-template-columns:1fr 1fr}}
.foot-grid{grid-template-columns:1.2fr 1fr 1fr}
@media (max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid .f-brand{grid-column:1/-1}}
@media (max-width:720px){.foot-grid{grid-template-columns:1fr}}
.fn-ser{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.info-btn{flex:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13.5px;padding:5px 12px;border:2px solid #ffcc00;background:#000;transform:skew(-12deg);color:#ffcc00;margin-right:8px}
.info-btn>*{display:inline-block;transform:skew(12deg)}
.info-btn span{font-size:16px}
.info-btn:hover{background:#ffcc00;color:#000}
@media(max-width:1600px){.info-btn b{display:none}.info-btn{padding:5px 10px}}
@media(max-width:720px){.info-btn{display:none}}
.chip small{font-size:10.5px;color:var(--mute);margin-left:2px;text-transform:uppercase}
.chip.on small{color:#fff}
.chip .cdot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.2s infinite;display:inline-block}
.sersel optgroup{background:#000;color:#aaa}
.sersel option{color:#fff}
/* samtykke */
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:300;display:flex;justify-content:center;animation:csIn .35s ease}
.cs-in{max-width:980px;width:100%;display:grid;grid-template-columns:1fr auto;gap:14px 22px;align-items:center;background:#0d0d10;border:2px solid #2c2c31;border-top:4px solid #ffcc00;padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.cs-t b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px}
.cs-t p{margin:4px 0 6px;font-size:14px;color:#d0d0da;line-height:1.45}
.cs-t a{font-size:13px;color:#ffcc00}
.cs-b{display:flex;gap:8px;flex-wrap:wrap}
.cs-b button{font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:15px;padding:9px 16px;border:2px solid #444;background:#000;color:#fff;cursor:pointer}
.cs-b .cs-yes{background:var(--red);border-color:var(--red)}
.cs-b button.on{outline:2px solid #ffcc00;outline-offset:2px}
.cs-b button:hover{border-color:#ffcc00}
@keyframes csIn{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:720px){.cs-in{grid-template-columns:1fr}.cs-b button{flex:1}}
.f-legal a{color:var(--mute)}
.f-consent{background:none;border:0;padding:0;color:var(--mute);font:inherit;text-decoration:underline;cursor:pointer}
.f-consent:hover,.f-legal a:hover{color:#ffcc00}
.prose h3{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:20px;margin:22px 0 6px}
.prose p,.prose li{line-height:1.6;color:#dcdce4}
.prose ul{padding-left:20px}
.prose a{color:#ffcc00}
/* populære opptak når ingenting er live */
.lpop{display:grid;gap:8px;margin-top:4px;border-top:1px solid #2c2c31;padding-top:10px}
.lpop>b{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:700}
.lpop-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lpop-i{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center;text-align:left;background:rgba(0,0,0,.55);border:1px solid #2c2c31;border-left:3px solid var(--sc);padding:5px;cursor:pointer;transition:border-color .15s,transform .15s}
.lpop-i:hover{border-color:var(--sc);transform:translateY(-2px)}
.lpop-th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}
.lpop-th img{width:100%;height:100%;object-fit:cover;display:block}
.lpop-th i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:14px;color:#fff;background:rgba(0,0,0,.25)}
.lpop-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.lpop-t small{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lpop-t b{font-size:13px;line-height:1.2;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lpop-t .sb{background:var(--sc);color:#fff;font-family:var(--f-head);font-weight:800;font-size:10.5px;padding:0 5px;text-transform:uppercase}
@media(max-width:1100px){.lpop-g{grid-template-columns:1fr}}
/* opptak i høyre kolonne på seriesiden */
.sr-pop{margin-top:6px}
.rps{display:grid;gap:6px}
.rp{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;align-items:center;text-align:left;background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-left:3px solid var(--sc);padding:5px;cursor:pointer;transition:border-color .15s,transform .15s}
.rp:hover{border-color:var(--sc);transform:translateX(3px)}
.rp-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.rp-t b{font-size:14px;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rp-t small{font-size:11.5px;color:var(--mute)}
.legends{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}
.legend{display:flex;align-items:center;gap:8px;text-decoration:none;background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-left:3px solid var(--sc);padding:5px 8px;transition:border-color .15s}
.legend:hover{border-color:var(--sc)}
.legend i{flex:none;width:30px;height:30px;display:grid;place-items:center;font-style:normal;font-family:var(--f-head);font-weight:900;font-size:13px;background:var(--sc);transform:skew(-10deg)}
.legend span{font-weight:600;font-size:14px}
.rps.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.rps.two{grid-template-columns:1fr}}
/* lenkesamling på seriesiden – gruppert */
.olgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 18px;align-items:start}
.olgs>.more-link{grid-column:1/-1}
.olg h4{margin:0 0 6px;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.04em}
.olg h4 small{color:var(--mute);font-weight:600}
.olg-l{display:grid;gap:3px}
.olg-a{display:flex;flex-direction:column;text-decoration:none;padding:4px 8px;border-left:2px solid #333;font-size:13.5px;line-height:1.3}
.olg-a small{font-size:11px;color:var(--mute)}
.olg-a:hover{border-left-color:var(--sc);background:rgba(255,255,255,.04)}
.olg-a.live span::before{content:"● ";color:var(--red);font-size:10px}
/* Mine serier / varsler */
.bell-btn{flex:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13.5px;padding:5px 10px;border:2px solid var(--line);background:#000;transform:skew(-12deg);color:#fff;margin-right:8px}
.bell-btn>*{display:inline-block;transform:skew(12deg)}
.bell-btn:hover{border-color:#ffcc00}
@media(max-width:1600px){.bell-btn b{display:none}}
.mittp{position:fixed;inset:0;z-index:320;background:rgba(5,5,7,.86);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:5vh 12px}
.mp-in{position:relative;width:min(720px,100%);background:var(--panel-grain),linear-gradient(180deg,#17171a,#0b0b0d);border:2px solid #2a2a2f;border-top:5px solid #ffcc00;padding:22px 22px 18px;animation:csIn .25s ease}
.mp-in h2{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:28px;margin:14px 0 6px}
.mp-in h2:first-of-type{margin-top:0}
.mp-in h2 em{color:var(--red)}
.mp-x{position:absolute;right:12px;top:12px;width:40px;height:36px;background:#000;border:2px solid var(--red);color:#fff;font-size:18px;cursor:pointer}
.mp-ser{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:8px 0}
.mp-s{display:flex;align-items:center;gap:8px;background:#000;border:1px solid #2c2c31;border-left:4px solid var(--sc);padding:7px 10px;cursor:pointer;font-weight:600;font-size:14px}
.mp-s:has(input:checked){background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 35%,#000),#000)}
.mp-s input,.mp-k input{width:18px;height:18px;accent-color:#ffcc00;flex:none}
.mp-kinds{display:grid;gap:6px;margin:6px 0 10px}
.mp-k{display:flex;gap:10px;align-items:flex-start;background:rgba(0,0,0,.45);border:1px solid #2c2c31;padding:8px 10px;cursor:pointer}
.mp-k b{display:block;font-size:14.5px}
.mp-k small{color:var(--mute);font-size:12.5px}
.mp-msg{margin:8px 0;font-size:14px;min-height:1em}
.mp-msg.ok{color:#2bd96b}
.mp-msg.bad{color:#ffcc00}
.mp-ok{color:#2bd96b;font-weight:600}
/* følg-stjerne */
.fav-btn{display:inline-flex;align-items:center;gap:6px;background:#000;border:2px solid #ffcc00;color:#ffcc00;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:5px 12px;cursor:pointer;transform:skew(-10deg)}
.fav-btn>*{transform:skew(10deg)}
.fav-btn.on{background:#ffcc00;color:#000}
.st-fav{position:absolute;right:8px;top:12px;z-index:3;width:32px;height:32px;display:grid;place-items:center;background:rgba(0,0,0,.65);border:1px solid #444;color:#aaa;font-size:17px;cursor:pointer;border-radius:50%}
.st-fav.on{color:#ffcc00;border-color:#ffcc00}
.chip.mine{border-color:#ffcc00;color:#ffcc00}
.chip.mine.on{background:#ffcc00;color:#000}
/* Dagens motorsport */
.dagens{border-top:4px solid #ffcc00}
.dagens::before{background:#ffcc00!important}
.dg-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:8px}
.dg-k{font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.1em;font-size:13px;color:#ffcc00}
.dg-h h2{margin:0;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:26px;flex:1 1 auto}
.dg-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.dg-l li{display:flex;gap:8px;align-items:flex-start;padding:6px 0 6px 10px;border-left:3px solid var(--sc,#555);font-size:15px;line-height:1.4}
.dg-l .schip{flex:none;margin-top:2px}
.dg-today{margin:10px 0 0;color:#ffcc00;font-weight:600}
@media(max-width:820px){.dg-l{grid-template-columns:1fr}}
/* løpsrapporter */
.rcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rcard{position:relative;display:block;min-height:220px;overflow:hidden;text-decoration:none;background:#111;border-bottom:4px solid var(--sc);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.rcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:transform .5s}
.rcard:hover img{transform:scale(1.05)}
.rc-ov{position:absolute;inset:auto 0 0 0;padding:40px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 45%)}
.rc-ov h3{margin:6px 0 4px;font-family:var(--f-head);font-weight:800;font-size:21px;line-height:1.05}
.rc-ov p{margin:0 0 6px;font-size:13.5px;color:#ddd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rc-ov .tm{font-size:12px;color:var(--mute)}
#srNews .rcard{grid-column:1/-1;min-height:200px}
@media(max-width:900px){.rcards{grid-template-columns:1fr}}
.report .rp-h1{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(30px,4vw,48px);line-height:.98;margin:10px 0 6px}
.rp-meta{color:var(--mute)}
.rp-img{width:100%;max-height:420px;object-fit:cover;margin:10px 0}
.rp-ing{font-size:18px;font-weight:600;color:#fff!important}
.rp-facts{background:rgba(0,0,0,.4);border-left:4px solid #ffcc00;padding:10px 14px 10px 30px}
.rp-li{display:flex;flex-direction:column;text-decoration:none;border-left:3px solid var(--sc);padding:6px 10px;margin-bottom:6px;background:rgba(0,0,0,.35)}
.rp-li small{color:var(--mute);font-size:12px}
/* nordmenn */
.norge{border-top:4px solid #ba0c2f}
.norge::before{background:linear-gradient(90deg,#ba0c2f 0 33%,#fff 33% 45%,#00205b 45%)!important;width:120px!important}
.ncards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ncard{background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-left:4px solid var(--sc);padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.nc-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.nc-h b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px}
.nc-h small{color:var(--mute);width:100%}
.nc-flag{font-size:20px}
.nc-n{display:flex;flex-direction:column;text-decoration:none;font-size:14px;line-height:1.3;padding:4px 0;border-top:1px solid #222}
.nc-n small{color:var(--mute);font-size:11.5px}
.nc-n:hover span{color:#ffcc00}
.nc-next{font-size:13px;color:#cfcfda;text-decoration:none;margin-top:auto}
/* resultater og vær på seriesiden */
.mini-st{width:100%;border-collapse:collapse;font-size:14px}
.mini-st td{padding:4px 6px;border-bottom:1px solid #222}
.mini-st td:first-child{width:28px;color:var(--mute);font-family:var(--f-num)}
.mini-st td:last-child{text-align:right;font-family:var(--f-num);font-weight:700}
.mini-st tr.lead td{color:#ffcc00}
.mini-wn{width:100%;border-collapse:collapse;font-size:12.5px}
.mini-wn th{text-align:left;color:var(--mute);font-weight:600;padding:4px 6px;border-bottom:1px solid #333;white-space:nowrap}
.mini-wn td{padding:4px 6px;border-bottom:1px solid #222}
.wx-ev{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:10px;background:rgba(0,0,0,.4);padding:8px 10px;border:1px solid #2c2c31}
.wx-d{display:inline-flex;flex-direction:column;align-items:center;min-width:54px;font-family:var(--f-num);font-weight:700}
.wx-d b{font-size:20px}
.wx-d small{font-family:var(--f-body);font-weight:400;color:var(--mute);font-size:11px}
/* eventliste som bildekort, 3×3 med sider */
.evl.evgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.evc{position:relative;display:flex;flex-direction:column;background:rgba(10,10,12,.85);border:1px solid #26262c;border-bottom:4px solid var(--sc);overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:transform .2s,border-color .2s}
.evc:hover{transform:translateY(-3px);border-color:var(--sc)}
.evc.past{opacity:.55}
.evc-img{position:relative;display:block;aspect-ratio:16/8;overflow:hidden;background:linear-gradient(135deg,var(--sc),#0b0b0d 80%)}
.evc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;filter:saturate(.9) brightness(.85)}
.evc:hover .evc-img img{transform:scale(1.06)}
.evc.tint .evc-img img{filter:grayscale(1) brightness(.55) contrast(1.15)}
.evc.tint .evc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--sc),transparent 75%);mix-blend-mode:color;opacity:.95}
.evc-img::before{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));z-index:1}
.evc-date{position:absolute;left:10px;top:10px;z-index:2;background:#000;border:1px solid #333;border-left:4px solid var(--sc);padding:4px 10px 3px;text-align:center;line-height:1;transform:skew(-8deg)}
.evc-date>*{display:block;transform:skew(8deg)}
.evc-date b{font-family:var(--f-num);font-size:26px;color:#fff}
.evc-date span{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:12px;color:#ffcc00;margin-top:2px}
.evc-date small{font-size:10.5px;color:var(--mute);margin-top:2px}
.evc-badges{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.evc-cd{position:absolute;right:10px;bottom:10px;z-index:2;font-family:var(--f-num);font-weight:700;font-size:13px;color:#ffcc00;background:rgba(0,0,0,.7);padding:2px 8px}
.evc.live .evc-img{outline:2px solid var(--red);outline-offset:-2px}
.evc-b{display:flex;flex-direction:column;gap:3px;padding:10px 12px 10px;flex:1}
.evc-r{font-size:11.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;min-height:14px}
.evc h3{margin:0;font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:19px;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.evc-p{margin:0;font-size:13px;color:#cfcfda;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evc-act{display:flex;gap:4px;margin-top:auto;padding-top:8px}
.ib{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;background:#000;border:1px solid #2c2c31;color:#fff;text-decoration:none;font-size:15px;padding:5px 2px;cursor:pointer;transition:border-color .15s,background .15s}
.ib span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.ib:hover{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 25%,#000)}
.evpager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.np{min-width:40px;height:38px;padding:0 12px;background:#000;border:1px solid #2c2c31;color:#fff;font-family:var(--f-num);font-weight:700;font-size:15px;cursor:pointer;transform:skew(-10deg)}
.np.on{background:var(--red);border-color:var(--red)}
.np.nav{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.05em}
.np:hover:not(.on){border-color:#ffcc00}
.modal.wide .modal-box{width:min(760px,96vw)}
.sched-modal .btns-row{margin-top:12px}
@media(max-width:1100px){.evl.evgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.evl.evgrid{grid-template-columns:1fr}.evc-img{aspect-ratio:16/7}}
.modal.wide .modal-box{background:var(--panel-grain),#0d0d10;border:2px solid #2a2a2f;border-top:4px solid #ffcc00;padding:18px 20px;max-height:90vh;overflow:auto}
.modal.wide .modal-t{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;padding-right:50px;margin-bottom:6px}
.modal.wide .modal-body{aspect-ratio:auto;background:none;border:0}
.modal.wide .modal-x{top:12px;right:12px}
/* førerside: to kolonner uten tomrom */
.rcolL{display:flex;flex-direction:column;gap:14px;min-width:0}
.rcolL>.panel{margin:0}
#profil{flex:1}
.bio.clamp{max-height:19em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.bio-more{background:none;border:1px solid #2a2a30;color:var(--accent,#e10600);font:600 .8rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;cursor:pointer;margin-top:4px}
.bio-more:hover{border-color:var(--accent,#e10600)}
.fk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.fk-r{background:#0e0e11;border:1px solid #24242a;border-bottom:3px solid #3a3a42;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:3px;min-width:0}
.fk-r small{color:#8a8a93;font-size:.7rem;letter-spacing:.08em}
.fk-r b{font:italic 800 1.9rem/1 'Barlow Condensed',Impact,sans-serif;color:#fff}
.fk-r span{font-size:.72rem;color:#c9c9cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fk-r em{font-style:normal;font-size:.68rem;color:#8a8a93;min-height:1em}
.fk-r.p1{border-bottom-color:#ffd400}.fk-r.p1 b{color:#ffd400}
.fk-r.pod{border-bottom-color:#e10600}.fk-r.pod b{color:#ff3b30}
.fk-r.top{border-bottom-color:#4b8bff}
.fk-r.dnf b{color:#6a6a72}
.fk-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.fk-sum div{border-left:3px solid var(--accent,#e10600);padding:6px 10px;background:#0b0b0e}
.fk-sum b{display:block;font:italic 800 1.4rem/1.1 'Barlow Condensed',Impact,sans-serif;color:#fff}
.fk-sum span{font-size:.72rem;color:#8a8a93;text-transform:uppercase;letter-spacing:.06em}
#fnyheter .tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media (max-width:640px){.fk{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.fk-r b{font-size:1.4rem}.fk-sum{grid-template-columns:repeat(2,1fr)}}
/* Fra arkivet: hovedvideo + rutenett */
#kalender{align-self:stretch}
.arc-hero{position:relative;display:block;width:100%;aspect-ratio:2/1;overflow:hidden;border:1px solid #2c2c31;border-bottom:3px solid var(--sc);background:#000;cursor:pointer;padding:0;text-align:left;margin-bottom:10px}
.arc-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.arc-hero:hover img{transform:scale(1.04)}
.arc-ov{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.92));display:flex;flex-direction:column;gap:4px}
.arc-ov em{font-style:normal;align-self:flex-start;background:var(--sc);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px}
.arc-ov b{font-family:var(--f-head);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(18px,2.2vw,26px);line-height:1.05;color:#fff}
.arc-ov small{color:#cfcfd4;font-size:12px}
.arc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.6);border:2px solid #fff;color:#fff;display:grid;place-items:center;font-style:normal;font-size:24px;padding-left:4px;transition:background .15s}
.arc-hero:hover .arc-play{background:var(--sc)}
.arc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.arc-t{display:flex;flex-direction:column;gap:5px;text-align:left;background:rgba(0,0,0,.45);border:1px solid #2c2c31;border-bottom:2px solid var(--sc);padding:0 0 8px;cursor:pointer;color:inherit;transition:transform .15s,border-color .15s;min-width:0}
.arc-t:hover{transform:translateY(-2px);border-color:var(--sc)}
.arc-th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.arc-th img{width:100%;height:100%;object-fit:cover}
.arc-th i{position:absolute;right:6px;bottom:6px;font-style:normal;font-size:11px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px}
.arc-t b{font-size:13px;line-height:1.25;font-weight:600;padding:0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arc-t small{font-size:11px;color:var(--mute);padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.arc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.arc-grid{grid-template-columns:1fr 1fr;gap:8px}.arc-play{width:48px;height:48px;font-size:18px}}
/* ═════ Akkurat nå (i toppen av forsiden) ═════ */
.nowbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 10px}
.nb-c{display:flex;flex-direction:column;gap:2px;min-width:0;text-decoration:none;background:rgba(0,0,0,.62);border:1px solid #2c2c31;border-top:3px solid #3a3a46;padding:9px 12px;transition:border-color .15s,transform .15s}
a.nb-c:hover{transform:translateY(-2px);border-color:#555}
.nb-k{font-family:var(--f-head);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--mute)}
.nb-c b{font-family:var(--f-head);font-weight:800;font-size:17px;line-height:1.15;text-transform:uppercase;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-c small{color:#c9c9d3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-c.on{border-top-color:var(--red)}.nb-c.on .nb-k{color:var(--red)}
.nb-c.run{border-top-color:var(--yellow)}
.nb-c.nx{border-top-color:var(--blue2)}
.nb-c.tim{border-top-color:var(--green)}
.nb-c.res{border-top-color:#ffcc00}
.nb-cd{font-family:var(--f-num);color:#ffcc00}
@media(max-width:900px){.nowbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ═════ Dette skjer i dag ═════ */
.td-list{display:flex;flex-direction:column;gap:4px}
.td-r{display:grid;grid-template-columns:74px minmax(0,1fr) 120px minmax(0,1.1fr);gap:12px;align-items:center;background:rgba(0,0,0,.45);border:1px solid #24242c;border-left:4px solid var(--sc);padding:8px 12px;transition:opacity .3s}
.td-t{display:flex;flex-direction:column;line-height:1.1}
.td-t b{font-family:var(--f-num);font-size:20px;font-weight:700}
.td-t small{font-size:11px;color:var(--mute)}
.allday .td-t{font-family:var(--f-head);font-weight:800;text-transform:uppercase;font-size:13px;color:#ffcc00}
.td-m{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;min-width:0}
.td-m b{font-weight:600;font-size:15px}
.td-m small{width:100%;color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-s{font-size:13px}
.td-cd{font-family:var(--f-num);color:#cfcfda}
.td-w{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.td-r.done{opacity:.45}
.td-r.live{background:linear-gradient(90deg,rgba(255,42,42,.16),rgba(0,0,0,.45) 60%);border-color:#5a1d1d}
.td-r.next{border-color:#3a4a8a;background:linear-gradient(90deg,rgba(45,92,255,.14),rgba(0,0,0,.45) 60%)}
.td-r.next .td-cd{color:#ffcc00;font-weight:700}
.td-r.big .td-m b{font-weight:800}
.td-r.fav{box-shadow:inset 0 0 0 1px rgba(255,204,0,.35)}
.td-more{align-self:center;margin-top:6px}
.td-empty{display:flex;flex-direction:column;gap:4px}
.wl{display:inline-flex;align-items:center;gap:6px;font-size:12px;text-decoration:none;background:#0d0d12;border:1px solid #2f2f3a;padding:4px 8px;white-space:nowrap}
.wl:hover{border-color:var(--sc,#e10600)}
.wl.live{border-color:var(--red)}
.acc{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px}
.acc-free{background:#1d6b3a;color:#fff}.acc-sub{background:#3a3a46;color:#ddd}.acc-pay{background:#7a4b00;color:#fff}.acc-tim{background:#0f3d2a;color:#7ef0b0}
@media(max-width:820px){.td-r{grid-template-columns:58px minmax(0,1fr) auto;gap:8px}.td-w{grid-column:2/-1;justify-content:flex-start}.td-t b{font-size:17px}}
/* ═════ Helgens motorsportguide ═════ */
.wk-hi{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:12px}
.wk-h{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:linear-gradient(160deg,color-mix(in srgb,var(--sc) 26%,#000),#050507 70%);border:1px solid #2c2c31;border-bottom:3px solid var(--sc);padding:10px 12px;transition:transform .15s}
.wk-h:hover{transform:translateY(-2px)}
.wk-hd{font-family:var(--f-num);font-size:12px;color:#ffcc00}
.wk-h b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:19px;line-height:1.05}
.wk-h small{color:#c9c9d3;font-size:12px}
.wk-h .schip{align-self:flex-start}
.wk-no{font-size:12px;color:#fff;background:#ba0c2f;padding:1px 7px;align-self:flex-start;font-weight:600}
.wk-tabs{margin:4px 0 10px}
.wk-tabs .chip small{color:var(--mute)}
.wk-day{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.wk-s{background:rgba(0,0,0,.45);border:1px solid #24242c;border-left:4px solid var(--sc);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.wk-sh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.wk-sh b{font-weight:700;font-size:15px}
.wk-sh small{width:100%;color:var(--mute);font-size:12px}
.wk-rows{display:flex;flex-direction:column}
.wk-r{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:3px 0;border-top:1px solid #1d1d24;font-size:14px}
.wk-t{font-family:var(--f-num);color:#cfcfda}
.wk-r.big{font-weight:700}.wk-r.big .wk-t{color:#ffcc00}
.wk-r.done{opacity:.45}
.wk-w{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:auto}
.wk-w .mute{font-size:12px;margin-right:2px}
.wk-home{display:block;margin-top:12px;text-decoration:none;background:rgba(186,12,47,.18);border:1px solid #5a1d2a;border-left:4px solid #ba0c2f;padding:8px 12px;font-size:14px}
/* ═════ Siste endringer ═════ */
.cg-list{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.cg-r{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(0,0,0,.45);border:1px solid #24242c;border-left:4px solid var(--sc);padding:8px 12px}
.cg-i{font-size:20px;text-align:center}
.cg-m{display:flex;flex-direction:column;gap:2px;min-width:0}
.cg-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.cg-top small{color:var(--mute);font-size:11.5px}
.cg-k{font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:11px;background:#333;padding:1px 7px}
.k-avlyst .cg-k,.k-fjernet .cg-k{background:#7a1010}.k-utsatt .cg-k{background:#7a4b00}.k-dato .cg-k,.k-tid .cg-k,.k-sted .cg-k{background:#24408f}
.k-resultat .cg-k,.k-leder .cg-k{background:#ffcc00;color:#111}.k-tidsskjema .cg-k,.k-bekreftet .cg-k,.k-nytt .cg-k{background:#1d6b3a}
.cg-m b{font-weight:700;font-size:15px;line-height:1.25}
.cg-t{color:#c9c9d3;font-size:13px}
.cg-src{font-size:12px;color:var(--mute);text-decoration:none;white-space:nowrap}
.cg-src:hover{color:#fff}
#chgList .td-more{align-self:center}
/* Nordmenn: VM-plass og siste resultat */
.nc-st{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 0;border-top:1px solid #222}
.nc-pos{display:flex;align-items:baseline;gap:6px}
.nc-pos b{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:26px;color:#ffcc00;line-height:1}
.nc-pos small{color:var(--mute);font-size:12px}
.nc-last{font-size:13px}
.nc-src{font-size:11px;color:var(--mute);text-decoration:none;margin-left:auto}
.nc-cd{color:#ffcc00}
/* dynamiske slagord */
.slogan.dyn{color:#ffcc00}
a.slogan{text-decoration:none}
a.slogan:hover{text-decoration:underline}
.nb-c b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.15}
.nb-c b .pulse{display:inline-block;margin-right:6px;vertical-align:middle}
@media(max-width:820px){.wl{white-space:normal;max-width:100%;flex-wrap:wrap}.td-w,.wk-w{min-width:0}}
/* helgens guide v2: tre dager side om side */
#helgen .wk-hi{grid-template-columns:repeat(4,minmax(0,1fr))}
.wk-h{position:relative;overflow:hidden;min-height:128px;justify-content:flex-end}
.wk-hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:0;transition:opacity .3s,transform .4s}
.wk-h:hover .wk-hbg{opacity:.4;transform:scale(1.04)}
.wk-h>*:not(.wk-hbg){position:relative;z-index:1}
.wk-h.done{opacity:.5}
.wk-hd b{color:#fff}
.wk-hn{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;line-height:1.02}
#helgen .wk-day{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.wk-col{background:rgba(0,0,0,.45);border:1px solid #24242c;border-top:3px solid #3a3a46;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.wk-col.today{border-top-color:#ffcc00;background:linear-gradient(180deg,rgba(255,204,0,.07),rgba(0,0,0,.45) 120px)}
.wk-col.past{opacity:.55}
.wk-ch{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px solid #2a2a33}
.wk-ch b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1}
.wk-ch span{color:#cfcfda;font-size:13px}
.wk-ch small{margin-left:auto;color:var(--mute);font-size:12px}
#helgen .wk-rows{display:flex;flex-direction:column;gap:2px}
#helgen .wk-r{display:grid;grid-template-columns:50px 8px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border:0;border-top:1px solid #1b1b22;font-size:14px;text-decoration:none;transition:background .15s}
#helgen .wk-r:hover{background:rgba(255,255,255,.04)}
.wk-dot{width:8px;height:8px;border-radius:50%;background:var(--sc)}
.wk-n{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.wk-n small{color:var(--mute);font-size:11px}
#helgen .wk-r.big{background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 16%,transparent),transparent 70%);font-weight:700}
#helgen .wk-r.big .wk-t{color:#ffcc00}
#helgen .wk-r.live{background:linear-gradient(90deg,rgba(255,42,42,.2),transparent 70%)}
.wk-free{margin:auto 0;text-align:center;padding:20px 0}
.wk-see{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:10px;margin-top:10px}
.wk-see .wk-s{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.wk-see .wk-w{margin-top:0}
@media(max-width:1000px){#helgen .wk-hi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#helgen .wk-day{grid-template-columns:1fr}.wk-see{grid-template-columns:1fr}.wk-col.past{display:none}}
/* Dagens motorsport: hele linja er en lenke */
.dg-l li{padding:0;border-left:0}
.dg-a{display:flex;gap:10px;align-items:flex-start;width:100%;text-decoration:none;padding:8px 10px 8px 12px;border-left:3px solid var(--sc,#555);background:rgba(0,0,0,.35);transition:background .15s,transform .15s}
.dg-a:hover{background:rgba(255,255,255,.06);transform:translateX(2px)}
.dg-a .schip{flex:none;margin-top:2px}
.dg-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dg-tx{text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.dg-a:hover .dg-tx{text-decoration-color:#ffcc00;color:#fff}
.dg-t small{font-size:11.5px;color:#ffcc00;letter-spacing:.03em}
#helgen .wk-hi{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* eventliste: radene med alle lenker + bilde, 8 per side */
.evr.th{grid-template-columns:128px 72px minmax(0,1fr) auto;padding:8px 12px 8px 8px}
.evthumb{position:relative;display:block;width:128px;height:76px;overflow:hidden;background:#000;border:1px solid #2a2a33}
.evthumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.evr:hover .evthumb img{transform:scale(1.06)}
.evthumb.tint::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 55%,transparent),rgba(0,0,0,.5))}
.evr.th .evd{grid-column:1/-1}
@media(max-width:720px){.evr.th{grid-template-columns:58px minmax(0,1fr)}.evr.th .evthumb{display:none}}
/* Nordmenn i aksjon: 3 + 3 */
#norge .ncards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#norge .ncards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#norge .ncards{grid-template-columns:1fr}}
/* Siste endringer på forsiden: 3 + 3 kort */
#endringer .cg-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#endringer .cg-r{grid-template-columns:30px minmax(0,1fr);align-items:start;padding:10px 12px;height:100%}
#endringer .cg-src{grid-column:2;justify-self:start;margin-top:2px;color:#ffcc00}
#endringer .cg-i{font-size:18px;margin-top:2px}
#endringer .td-more{grid-column:1/-1;justify-self:center}
@media(max-width:1000px){#endringer .cg-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#endringer .cg-list{grid-template-columns:1fr}}
/* ═════════ undersider (radar, norge, endringer, timing, kalender, helg, se, kalkulator, form, baner, resultater, leksikon) ═════════ */
.src-line{margin-top:10px}
.td-ev{text-decoration:none}.td-ev:hover b{text-decoration:underline}
.cd-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cdw{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:linear-gradient(160deg,color-mix(in srgb,var(--sc,#444) 24%,#000),#050507 75%);border:1px solid #2c2c31;border-bottom:3px solid var(--sc,#444);padding:14px;min-width:0;transition:transform .15s}
a.cdw:hover{transform:translateY(-2px)}
.cdw.empty{background:rgba(0,0,0,.4);opacity:.6}
.cdw.dup{opacity:.75}
.cdw-k{font-family:var(--f-head);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--mute)}
.cdw-n{font-family:var(--f-num);font-size:clamp(26px,3vw,40px);font-weight:700;color:#ffcc00;line-height:1}
.cdw-s{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cdw small{color:#c9c9d3;font-size:12px}
.rd-more{margin-top:12px}.rd-more summary{cursor:pointer;color:var(--mute);font-size:13px;margin-bottom:8px}
.td-r.yt{cursor:pointer;text-align:left;width:100%}
.rd-wx{border-left:3px solid var(--sc);padding:6px 10px;margin-bottom:8px;background:rgba(0,0,0,.35)}
.rd-wx>b{display:block;font-size:13px;margin-bottom:4px}
@media(max-width:1000px){.cd-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* norge */
.no-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.no-card{background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-top:4px solid var(--sc);padding:12px;display:flex;flex-direction:column;gap:8px}
.no-h{display:flex;align-items:flex-start;gap:8px}
.no-h>div{flex:1;min-width:0;display:flex;flex-direction:column}
.no-h b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:21px;line-height:1.05}
.no-h small{color:var(--mute);font-size:12px}
.no-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.no-stats div{background:#0b0b0e;border-left:3px solid var(--sc);padding:6px 8px}
.no-stats b{display:block;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:22px;color:#ffcc00;line-height:1.05}
.no-stats span{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.no-last{margin:0;font-size:14px}
.no-next{font-size:13px;text-decoration:none;color:#cfcfda}.no-next:hover b{color:#ffcc00}
.no-act{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.no-moves{display:flex;flex-direction:column;gap:4px}
.no-move{display:grid;grid-template-columns:88px 1fr;gap:2px 10px;border-left:3px solid var(--sc);padding:5px 10px;background:rgba(0,0,0,.35)}
.no-move small{color:var(--mute);grid-row:span 2}.no-move span{font-size:13px}
@media(max-width:900px){.no-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.no-cards{grid-template-columns:1fr}}
/* change radar */
.cg-day{font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:#ffcc00;margin:10px 0 2px}
.cg-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#cgAll select{background:#000;color:#fff;border:1px solid var(--line);padding:6px 8px}
/* timing */
.tm-grid,.se-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tm-card,.se-card{background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-left:4px solid var(--sc);padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tm-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tm-top small{color:var(--mute);font-size:12px}
.tm-rows{display:flex;flex-direction:column}
.tm-r{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;align-items:center;padding:5px 0;border-top:1px solid #1d1d24;font-size:14px}
.tm-r a{text-decoration:none;font-weight:600}.tm-r a:hover{color:#ffcc00}
.tm-l{color:var(--mute);font-size:12.5px}
.tm-h{font-size:11.5px;color:var(--mute);white-space:nowrap}.tm-h.up{color:#2bd96b}.tm-h.down{color:#ff6b6b}
@media(max-width:900px){.tm-grid,.se-grid{grid-template-columns:1fr}.tm-r{grid-template-columns:1fr auto}.tm-l{grid-column:1/-1}}
/* kalender */
.ka-sub{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.4fr);gap:10px;align-items:center;padding:7px 0;border-top:1px solid #1d1d24}
.ka-b{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.ka-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:12px}
.ka-filters label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--mute)}
.ka-filters select,.ka-filters input[type=date]{background:#000;color:#fff;border:1px solid var(--line);padding:7px 8px;font:inherit}
.ka-cb{flex-direction:row!important;align-items:center;gap:8px!important;align-self:end;padding-bottom:8px}
button.wl{cursor:pointer;color:inherit}
@media(max-width:800px){.ka-sub{grid-template-columns:1fr}}
/* løpshelg */
.hg-cd{display:inline-block;margin:0 10px;font-family:var(--f-num);color:#ffcc00}
#shLead .btns-row{display:flex;margin-top:12px}
.hg-day h3{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px;margin:12px 0 4px}
.hg-r{grid-template-columns:56px minmax(0,1fr) auto auto!important;display:grid;gap:8px;align-items:center}
.hg-r.live{background:linear-gradient(90deg,rgba(255,42,42,.2),transparent 70%)}
.hg-pod{margin:4px 0 10px;padding-left:22px}.hg-pod small{color:var(--mute)}
/* baner */
.bn-one{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:start}
.bn-one.compact{grid-template-columns:160px minmax(0,1fr)}
.bn-img{width:100%;max-height:340px;object-fit:cover;border:1px solid #2a2a33;background:#000}
.bn-txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.bn-txt p{margin:0;line-height:1.55}
.bn-name{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px}
.bn-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.bn-facts div{background:#0b0b0e;border-left:3px solid var(--sc,#e10600);padding:6px 9px}
.bn-facts span{display:block;font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.bn-facts b{font-family:var(--f-head);font-weight:800;font-size:17px}
.bn-rec div{font-size:13.5px;padding:2px 0}.bn-rec b{font-family:var(--f-num);color:#ffcc00}
.bn-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.bn-win{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-left:3px solid var(--sc);padding:5px 10px;background:rgba(0,0,0,.35);margin-bottom:4px;font-size:13.5px}
.bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px}
.bn-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;text-decoration:none;background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-left:4px solid var(--sc);padding:8px;transition:transform .15s}
.bn-card:hover{transform:translateY(-2px)}
.bn-th{position:relative;display:block;height:72px;overflow:hidden;background:#000}
.bn-th img{width:100%;height:100%;object-fit:cover}
.bn-th.tint::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 50%,transparent),rgba(0,0,0,.5))}
.bn-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.bn-b b{font-weight:700;line-height:1.2}
.bn-b small{color:var(--mute);font-size:12px}.bn-k{color:#cfcfda!important}.bn-nx{color:#ffcc00!important}
.bn-s{display:flex;gap:4px}.bn-s i{width:10px;height:10px;border-radius:50%;background:var(--sc)}
#bnSearch,#lxSearch{background:#000;color:#fff;border:1px solid var(--line);padding:7px 10px;font:inherit;min-width:220px}
@media(max-width:800px){.bn-one,.bn-cols{grid-template-columns:1fr}}
/* resultater, kalkulator, form, leksikon */
.rs-cls{margin-bottom:10px}.rs-cls .rtable{margin-bottom:8px}
.rtable tr.out{opacity:.45}
.rtable td.pos{color:#2bd96b}.rtable td.neg{color:#ff6b6b}
.vk-sim{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vk-sim>div{display:flex;flex-direction:column;gap:6px}
.vk-sim label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--mute)}
.vk-sim select{background:#000;color:#fff;border:1px solid var(--line);padding:6px 8px;font:inherit}
.vk-res{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.vk-res div{background:#0b0b0e;border-left:3px solid #ffcc00;padding:8px 12px}
.vk-res b{display:block;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:30px;line-height:1}
.vk-res span{font-size:12px;color:var(--mute)}
.vk-v{font-weight:700;color:#ffcc00;margin:10px 0 0}
.vk-rule{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;border-left:3px solid var(--sc);padding-left:10px}
.vk-rule .rtable{width:auto}.vk-rule th{color:#fff}
.fr-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:rgba(0,0,0,.45);border:1px solid #2c2c31;border-left:4px solid #2bd96b;padding:9px 12px;margin-bottom:6px}
.fr-card.down{border-left-color:#ff6b6b}
.fr-h{display:flex;justify-content:space-between;gap:10px}.fr-card small{color:var(--mute);font-size:12px}
.fr-d{font-family:var(--f-num);font-weight:700;color:#2bd96b}.fr-card.down .fr-d{color:#ff6b6b}
.fr-card .badge{align-self:flex-start}
.spark{width:120px;height:28px;display:block}.spark rect{fill:#3a3a46}.spark rect.l3{fill:#ffcc00}
.lx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin-top:10px}
.lx-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;background:rgba(0,0,0,.5);border:1px solid #2c2c31;border-left:4px solid var(--sc);padding:8px 10px}
.lx-card.no{box-shadow:inset 0 0 0 1px rgba(186,12,47,.6)}
.lx-pos{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:22px;color:#ffcc00;text-align:center}
.lx-b{display:flex;flex-direction:column;min-width:0}.lx-b b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lx-b small{font-size:12px;color:#cfcfda}
.lx-tag{font-size:12px;color:var(--mute)}
#lxBox .td-more{grid-column:1/-1;justify-self:center}
.bn-one.noimg,.bn-one.compact.noimg{grid-template-columns:1fr}
#hgSide .nc-n{display:flex;flex-direction:column;text-decoration:none;padding:5px 0;border-top:1px solid #222;font-size:14px}
#hgSide .nc-n small{color:var(--mute);font-size:12px}
/* kalender: abonnement som kort i rutenett */
#kaSubBox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#kaSubBox>p{grid-column:1/-1;margin:0 0 4px}
.ka-sub{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:rgba(0,0,0,.45);border:1px solid #24242c;padding:10px 12px;border-top:0}
.ka-sub:nth-of-type(1){grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;border-left:4px solid #ffcc00}
.ka-sub:nth-of-type(1) .ka-n{min-width:160px}
.ka-b small{min-width:58px}
@media(max-width:1000px){#kaSubBox{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){#kaSubBox{grid-template-columns:1fr}}
.bn-ev{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;text-decoration:none;border-left:4px solid var(--sc);background:rgba(0,0,0,.4);padding:7px 10px;margin-bottom:4px}
.bn-ev b{font-weight:700}.bn-ev small{width:100%;color:var(--mute);font-size:12px}.bn-ev.done{opacity:.55}
.bn-ev:hover b{color:#ffcc00}
.se-card .wk-w,.tm-card .wk-w,#hgWatch .wk-w{margin-top:0}
/* bilder: nordmenn og endringer */
.ncard.has-img,.no-card.has-img{padding-top:0;overflow:hidden}
.nc-img{position:relative;margin:0 -12px 4px;height:150px;overflow:hidden;background:#000}
.no-card .nc-img{margin:0 -12px 2px}
.nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nc-img.photo img{object-position:50% 22%}
.ncard:hover .nc-img img,.no-card:hover .nc-img img{transform:scale(1.05)}
.nc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,8,12,.95))}
.nc-img.tint::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 45%,transparent),rgba(0,0,0,.35))}
.nc-bigflag{position:absolute;right:14px;bottom:10px;z-index:2;font-size:46px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}
.nc-cred{position:absolute;right:8px;top:6px;z-index:2;font-size:10px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.5);padding:1px 6px}
.ncard.has-img .nc-h{margin-top:-34px;position:relative;z-index:3}
.no-card.has-img .no-h{margin-top:-30px;position:relative;z-index:3}
.cg-r.has-img{grid-template-columns:30px minmax(0,1fr)!important;padding-top:0!important;overflow:hidden}
.cg-r.has-img .cg-img{grid-column:1/-1;margin:0 -12px 6px;height:96px;position:relative;overflow:hidden;background:#000}
.cg-img img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .5s}
.cg-r:hover .cg-img img{transform:scale(1.05)}
.cg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,8,12,.9)),linear-gradient(90deg,color-mix(in srgb,var(--sc) 30%,transparent),transparent 60%)}
.cg-r.wide-img{grid-template-columns:120px 34px minmax(0,1fr) auto}
.cg-r.wide-img .cg-img{height:68px;margin:-8px 0 -8px -12px;position:relative;overflow:hidden;background:#000}
@media(max-width:700px){.cg-r.wide-img{grid-template-columns:34px minmax(0,1fr)}.cg-r.wide-img .cg-img{display:none}}
/* Dagens motorsport med bilder */
.dg-a{align-items:center;padding:6px 10px 6px 6px}
.dg-th{position:relative;flex:none;width:112px;height:68px;overflow:hidden;background:#000;border:1px solid #2a2a33}
.dg-th img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dg-a:hover .dg-th img{transform:scale(1.07)}
.dg-th.tint::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sc,#e10600) 45%,transparent),rgba(0,0,0,.35))}
.dg-t .schip{align-self:flex-start;margin-bottom:2px}
@media(max-width:600px){.dg-th{width:84px;height:56px}}
/* Nordmenn i aksjon (forsiden): kompakte kort */
#norge .ncards{gap:8px}
#norge .ncard{gap:4px;padding-bottom:8px}
#norge .nc-img{height:92px}
#norge .nc-bigflag{font-size:30px;right:10px;bottom:6px}
#norge .ncard.has-img .nc-h{margin-top:-28px}
#norge .nc-h b{font-size:17px}
#norge .nc-h small{font-size:11.5px}
#norge .ncard>.mute{font-size:12.5px;margin:0}
#norge .nc-n{font-size:13px;padding:3px 0}
#norge .nc-st{padding:4px 0}
#norge .nc-pos b{font-size:21px}
#norge .nc-next{font-size:12.5px;margin-top:2px}
.hn-state{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 4px}
.hn-state>span:last-child{font-size:14px;color:#e8e8ee}
.hn-cdk{margin-top:6px}
.fn-live{font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#ffcc00;margin-top:6px}
/* seriestripa: to rader i stedet for sidescroll */
.hh-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;overflow:visible}
.hh-strip a{min-width:0;justify-content:flex-start;white-space:nowrap}
.hh-strip a span,.hh-strip a{overflow:hidden;text-overflow:ellipsis}
.hh-strip a i{flex:none}
@media(max-width:1200px){.hh-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.hh-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.hh-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-strip a{font-size:12.5px;padding:6px 9px}}
.hh-strip a{white-space:normal;line-height:1.15;text-overflow:clip;letter-spacing:.02em}
/* lenker til profilsidene for nordmennene */
.nc-img{display:block}
.nc-name,.no-name{text-decoration:none;color:inherit}
.nc-name:hover b,.no-name:hover b{color:#ffcc00}
.nc-prof{align-self:flex-start;font-size:12px;font-weight:700;color:#ffcc00;text-decoration:none;letter-spacing:.03em;text-transform:uppercase}
.nc-prof:hover{text-decoration:underline}
.np-btns{display:flex;margin-top:12px}
.np-photo{object-fit:cover}
.np-facts .pr{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #2a2a33;font-size:14px}
.np-facts .pr span{color:var(--mute)}
.np-facts .pr b{text-align:right}
.np-merit{display:flex;align-items:baseline;gap:10px;margin-top:10px;border-left:3px solid var(--sc,#e10600);padding:6px 10px;background:#0b0b0e}
.np-merit b{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:24px;color:#ffcc00}
#npBioBox .bio{line-height:1.6;margin:0 0 10px}
#endringer .cg-links{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:2px}
#endringer .cg-links .cg-src{grid-column:auto}
.cg-src.ev{color:#fff!important;font-weight:700}
.cg-tl{text-decoration:none;color:inherit}.cg-tl:hover b{color:#ffcc00;text-decoration:underline}
a.cg-img{display:block}
select,option,input,textarea,button{font-family:var(--f-body)}
/* «Forrige arrangements resultat» i Neste arrangement-boksen */
.hn-prev{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:10px 12px;text-decoration:none;background:linear-gradient(90deg,rgba(255,204,0,.12),rgba(0,0,0,.4) 70%);border:1px solid #4a3d00;border-left:4px solid #ffcc00;transition:transform .15s,border-color .15s}
.hn-prev:hover{transform:translateY(-2px);border-color:#ffcc00}
.hn-pk{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:#ffcc00}
.hn-pe{font-weight:700;font-size:14px}
.hn-prev small{color:#e8e8ee;font-size:13px}
.hn-pgo{font-size:12px;color:#ffcc00;font-weight:600}
/* resultatsiden */
.rr-hero{position:relative;overflow:hidden}
.rr-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:0}
.rr-hero>*:not(.rr-bg){position:relative;z-index:1}
.rr-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(7,7,10,.95) 30%,rgba(7,7,10,.4))}
.rr-podwrap{margin-bottom:14px}
.rr-pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end;max-width:900px}
.rr-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.6));border:1px solid #2c2c31;border-top:4px solid #9aa0a6;padding:14px 10px 46px;min-height:150px}
.rr-step.p1{border-top-color:#ffcc00;min-height:190px;background:linear-gradient(180deg,rgba(255,204,0,.14),rgba(0,0,0,.6))}
.rr-step.p3{border-top-color:#cd7f32;min-height:130px}
.rr-step b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:19px;line-height:1.05}
.rr-pod.big .rr-step b{font-size:23px}
.rr-step small{color:#c9c9d3;font-size:12px}
.rr-flag{font-size:30px}
.rr-step i{position:absolute;bottom:6px;font-style:normal;font-family:var(--f-head);font-weight:900;font-style:italic;font-size:34px;color:rgba(255,255,255,.18)}
.rr-step.p1 i{color:rgba(255,204,0,.5)}
.rr-wins{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.rr-win{display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,rgba(255,204,0,.12),rgba(0,0,0,.6));border:1px solid #4a3d00;border-top:4px solid #ffcc00;padding:14px}
.rr-win span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.rr-win b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px}
.rtable tr.pod td{background:rgba(255,255,255,.03)}
.rr-pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.rr-pic{position:relative;padding:0;border:1px solid #2c2c31;background:#000;cursor:zoom-in;aspect-ratio:16/10;overflow:hidden}
.rr-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.rr-pic:hover img{transform:scale(1.05)}
.rr-pic small{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 5px;font-size:10.5px;color:#ddd;background:linear-gradient(transparent,rgba(0,0,0,.85));text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-big{width:100%;max-height:75vh;object-fit:contain;background:#000}
@media(max-width:640px){.rr-pod{gap:5px}.rr-step b{font-size:14px}.rr-pod.big .rr-step b{font-size:16px}.rr-step{padding:10px 4px 40px}}
.rtable tr.rr-1 td{background:rgba(255,204,0,.12);font-weight:700}
.rtable tr.rr-p td{background:rgba(255,255,255,.04)}
.rr-pod{margin:0 auto}
.f-k.hn-now{color:#ffcc00}
/* Siste endringer: ingen tomme felt – kortene fyller raden */
#endringer .cg-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
#endringer .cg-list>.cg-r{flex:1 1 calc(33.333% - 8px);min-width:260px}
#endringer .cg-list[data-n="4"]>.cg-r,#endringer .cg-list[data-n="2"]>.cg-r{flex-basis:calc(25% - 8px)}
#endringer .cg-list[data-n="2"]>.cg-r{flex-basis:calc(50% - 8px)}
#endringer .cg-list>.td-more{flex-basis:100%}
.cg-img .cg-ph{display:none}
.cg-img.ph{background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 55%,#000),#0a0a0e 80%)}
.cg-img.ph .cg-ph{display:block;position:absolute;left:14px;top:12px;z-index:1;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:26px;color:rgba(255,255,255,.22);letter-spacing:.02em}
@media(max-width:1000px){#endringer .cg-list[data-n="4"]>.cg-r{flex-basis:calc(50% - 8px)}}
#endringer .cg-list{align-items:stretch}
#endringer .cg-list>.cg-r{height:auto;align-content:start}
/* Neste økter i hovedboksen */
.hh-up{margin-top:12px}
.hu-list{display:flex;flex-direction:column;gap:4px}
.hu-r{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;background:rgba(0,0,0,.55);border:1px solid #2a2a2f;border-left:4px solid var(--sc);padding:6px 10px;transition:transform .15s,background .15s}
.hu-r:hover{transform:translateX(3px);background:rgba(255,255,255,.05)}
.hu-r.live{background:linear-gradient(90deg,rgba(255,42,42,.18),rgba(0,0,0,.55) 60%)}
.hu-t{display:flex;flex-direction:column;line-height:1.1}
.hu-t b{font-family:var(--f-num);font-size:17px}
.hu-t small{font-size:10.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.hu-m{display:flex;flex-direction:column;min-width:0}
.hu-m b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hu-m small{font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hu-r.big .hu-t b{color:#ffcc00}
.hu-more{display:inline-block;margin-top:8px;font-size:13px}
/* mobil: uskarphet bak paneler (backdrop-filter) gjør at Chrome på Android av og til ikke rekker å tegne lange paneler
– da ser deler av siden «ulastet» ut. På berøringsskjermer bruker vi derfor tett bakgrunn i stedet. */
@media (pointer:coarse),(max-width:900px){
.panel,.stage-side,.subhero,.hh-main,.hh-next,.foot,.brandbar,.stage.no-live .stage-main,.poster.slim,.menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.panel,.stage-side,.hh-next{background:linear-gradient(180deg,#16161a,#0e0e11)!important}
.subhero,.hh-main{background:linear-gradient(135deg,#2a0a10,#111114 60%)!important}
.foot{background:#060607!important}
.brandbar{background:rgba(7,7,10,.97)!important}
.tablewrap{-webkit-overflow-scrolling:touch}
}
.sr-cls{margin-top:16px;padding-top:12px;border-top:2px solid #2a2a33;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:18px;color:#fff}
/* Torsdagsbrevet */
.nl-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:6px 0 10px;max-width:620px}
.nl-form input[type=email]{background:#000;color:#fff;border:1px solid var(--line);padding:12px 14px;font:inherit;font-size:16px}
.nl-form input[type=email]:focus{outline:2px solid #ffcc00;outline-offset:1px}
.nl-cb{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#cfcfda}
.nl-cb input{margin-top:3px}
.nl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.nl-why{list-style:none;padding:0;margin:8px 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;font-size:14px}
.nl-say{padding:10px 14px;border-left:4px solid #2bd96b;background:rgba(43,217,107,.1);margin:0 0 10px}
.nl-say.bad{border-left-color:#ff6b6b;background:rgba(255,80,80,.1)}
.nl-last{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:linear-gradient(135deg,rgba(225,6,0,.22),rgba(0,0,0,.5));border:1px solid #3a1a1a;border-left:4px solid #e10600;padding:12px 14px;margin-bottom:10px}
.nl-last b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:19px;line-height:1.1}
.nl-last small{color:#cfcfda}.nl-last i{font-style:normal;color:#ffcc00;font-weight:700;font-size:13px}
.f-nl{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;align-items:center;text-decoration:none;background:linear-gradient(90deg,rgba(225,6,0,.2),rgba(0,0,0,.4) 70%);border:1px solid #3a1a1a;border-left:4px solid #e10600;padding:12px 16px}
.f-nl b{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:20px}
.f-nl span{color:#cfcfda;font-size:14px}
.f-nl i{font-style:normal;color:#ffcc00;font-weight:700;white-space:nowrap}
.f-nl:hover{border-color:#e10600}
@media(max-width:720px){.nl-form{grid-template-columns:1fr}.nl-why{grid-template-columns:1fr}.f-nl{grid-template-columns:1fr}}
/* økt som pågår: proft kort i stedet for rød flate med prikk */
.lcards.has-sc{grid-template-columns:1fr}
.scard{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr);background:#07070a;border:1px solid #3a1414;border-left:4px solid var(--red);overflow:hidden;box-shadow:0 0 0 1px rgba(255,42,42,.15),0 10px 30px rgba(0,0,0,.5)}
.sc-img{position:relative;display:block;min-height:150px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 55%,#000),#0a0a0e)}
.sc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.scard:hover .sc-img img{transform:scale(1.04)}
.sc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#07070a),linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%)}
.sc-live{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.08em;font-size:13px;padding:4px 10px}
.sc-live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
.sc-body{display:flex;flex-direction:column;gap:5px;padding:12px 16px 12px 10px;min-width:0}
.sc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-top small{color:var(--mute);font-size:12px}
.sc-name{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:26px;line-height:1;text-decoration:none;color:#fff}
.sc-name:hover{color:#ffcc00}
.sc-ev{color:#cfcfda;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.sc-prog{display:flex;flex-direction:column;gap:4px;margin:4px 0}
.sc-bar{display:block;height:5px;background:#26262c;overflow:hidden}.sc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#ffcc00)}
.sc-prog small{font-size:12px;color:#ffcc00;font-family:var(--f-num)}
.sc-act{display:flex;flex-wrap:wrap;gap:5px}
.sc-next{color:var(--mute);font-size:12px}
.nb-c b .pulse{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.2s infinite;flex:none}
@media(max-width:640px){.scard{grid-template-columns:1fr}.sc-img{min-height:120px}.sc-img::after{background:linear-gradient(0deg,#07070a,transparent 60%)}.sc-name{font-size:22px}}
.sc-act{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:5px;align-items:center}
.sc-act .wl{flex:0 0 auto;width:auto;font-size:11.5px;padding:3px 7px}
.scard{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}
/* «Dette skjer i dag» – bilde-kort for dagens arrangementer til høyre */
.td-wrap.has-side{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:stretch}
.td-rows{display:flex;flex-direction:column;gap:4px;min-width:0}
@media(min-width:821px){.td-wrap.has-side .td-r{grid-template-columns:70px minmax(0,1fr) 104px minmax(0,1fr)}}
.td-side{display:flex;flex-direction:column;gap:10px;min-height:100%}
.td-card{position:relative;display:block;flex:1 1 0;min-height:190px;overflow:hidden;background:#111;border:1px solid #24242c;border-bottom:4px solid var(--sc);color:#fff;text-decoration:none}
.td-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.td-card:hover img{transform:scale(1.04)}
.tc-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.88) 100%)}
.tc-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center}
.tc-wx{background:rgba(0,0,0,.6);padding:2px 8px;font-size:13px;font-family:var(--f-num)}
.tc-name{font-family:var(--f-head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:20px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.tc-pl{color:#d8d8e0;font-size:12px}
.tc-st{font-size:13px;margin-top:4px}
.tc-st .td-cd{color:#ffcc00;font-weight:700}
.tc-go{font-size:12px;color:#ffcc00;font-weight:700;margin-top:4px}
.td-card:hover .tc-go{text-decoration:underline}
@media(max-width:1100px){.td-wrap.has-side{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:820px){.td-wrap.has-side{grid-template-columns:1fr}.td-side{order:-1;flex-direction:row;overflow:visible;flex-wrap:wrap}.td-card{flex:1 1 220px;min-height:170px}.tc-name{font-size:17px}.td-side.n3 .td-card:nth-child(3){display:none}}
/* «Dette skjer i dag»: ferdige økter som kompakt stripe */
.td-done{background:rgba(0,0,0,.45);border:1px solid #24242c;padding:10px 12px}
.td-dh{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.td-dh b{font-family:var(--f-head);font-style:italic;text-transform:uppercase;font-size:13px;color:#7fd08f;letter-spacing:.03em}
.td-dh small{color:var(--mute);font-size:12px}
.td-dx{margin-left:auto;background:none;border:0;color:#ffcc00;font-size:12px;cursor:pointer;padding:0}
.td-dx:hover{text-decoration:underline}
.td-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
.td-dc{display:flex;gap:8px;align-items:center;min-width:0;padding:5px 8px;background:rgba(255,255,255,.03);border-left:3px solid var(--sc);color:#b8b8c4;text-decoration:none;font-size:13px}
.td-dc b{font-family:var(--f-num);color:#e6e6ee;font-weight:600}
.td-dc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-dc:hover{background:rgba(255,255,255,.07);color:#fff}
.td-ah{font-family:var(--f-head);font-style:italic;text-transform:uppercase;font-size:13px;color:#ffcc00;margin:6px 0 0}
.td-wrap.has-side .td-card{min-height:220px}
@media(max-width:820px){.td-wrap.has-side .td-card{min-height:170px}}
.cam-links{display:flex;flex-wrap:wrap;gap:6px}
/* webkamera: alle i ett rutenett */
.cam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cam-tile{position:relative}
.cam-place{position:absolute;left:0;bottom:auto;top:44px;z-index:3;max-width:85%;background:rgba(0,0,0,.78);border-left:3px solid var(--sc);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.cam-tile.playing .cam-place{display:none}
.cam-ev{position:absolute;right:8px;bottom:8px;z-index:3;background:rgba(0,0,0,.75);color:#ffcc00;font-size:12px;font-weight:700;padding:3px 8px;text-decoration:none}
.cam-ev:hover{text-decoration:underline}
.cam-tile.playing .cam-ev{display:none}
/* kamerasiden: banene nå og neste */
.cam-ven{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cv-card{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111;border:1px solid #24242c;color:#fff;text-decoration:none}
.cv-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cv-card:hover img{transform:scale(1.05)}
.cv-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:12px 14px;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.88) 100%)}
.cv-ov b{font-family:var(--f-head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:18px;line-height:1.1}
.cv-ov small{color:#d0d0da;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.75);color:#ffcc00;font-size:11px;font-weight:800;letter-spacing:.05em;padding:3px 8px}
.cv-badge.now{background:#e10600;color:#fff}
/* ferdige økter: fast 4 bortover, resten fortsetter på neste rad */
.td-dl{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:820px){.td-dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* neste arrangement: banen, været og VM-toppen fyller boksen */
.hx{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.hx-track{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;background:rgba(0,0,0,.45);border:1px solid #24242c;border-left:3px solid var(--sc);padding:10px;color:#fff;text-decoration:none}
.hx-track img{width:140px;height:100px;object-fit:cover;background:#111}
.hx-track:not(:has(img)){grid-template-columns:1fr}
.hx-tt{display:flex;flex-direction:column;gap:4px;min-width:0}
.hx-tt>b{font-family:var(--f-head);font-style:italic;text-transform:uppercase;font-size:15px}
.hx-facts{display:flex;gap:14px;flex-wrap:wrap}
.hx-facts span{display:flex;flex-direction:column;line-height:1.15}
.hx-facts small{color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.hx-facts b{font-family:var(--f-num);font-size:15px}
.hx-rec{color:#ffcc00;font-size:12px}
.hx-txt{color:#c4c4ce;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hx-go{color:#ffcc00;font-size:12px;font-weight:700;text-decoration:none}
.hx-track:hover .hx-go,a.hx-go:hover{text-decoration:underline}
.hx-wx,.hx-st{background:rgba(0,0,0,.45);border:1px solid #24242c;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.hx-wd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hx-wd>span{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(255,255,255,.04);padding:6px 4px;font-size:13px}
.hx-wd b{font-size:20px}
.hx-wd small{color:var(--mute);font-size:11px;text-align:center}
.hx-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px;padding:3px 0;border-top:1px solid #24242c}
.hx-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-pts{font-family:var(--f-num);color:#ffcc00}
@media(max-width:520px){.hx-track{grid-template-columns:1fr}.hx-track img{width:100%;height:150px}}
.hx-wd.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-wd.n2{grid-template-columns:repeat(2,minmax(0,1fr))}