@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}
/* Infoskjerm – laget for TV/skjerm på avstand: store tall, høy kontrast, rolige bevegelser */
:root{--red:#ff2a2a;--mute:#a3a3b2;--line:#2c2c31;--sc:#e10600;
  --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',monospace;
  --u:min(1vw,1.78vh)}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#07070a;color:#f3f3f6;font-family:var(--f-body)}
body{display:flex;flex-direction:column}
body.idle{cursor:none}
body.idle .ictl{opacity:0;pointer-events:none}
.ibg{position:fixed;inset:0;z-index:-1}
.ibg-i{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transition:opacity 3s ease;filter:saturate(.7) blur(2px)}
.ibg-i.on{opacity:.38}
.ibg-s{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(7,7,10,.35),rgba(7,7,10,.88) 70%),linear-gradient(180deg,rgba(7,7,10,.5),rgba(7,7,10,.85))}
.kerb{height:calc(var(--u)*.6);background:repeating-linear-gradient(90deg,#e10600 0 calc(var(--u)*3),#ececec calc(var(--u)*3) calc(var(--u)*6))}
.itop{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(var(--u)*2);padding:calc(var(--u)*1) calc(var(--u)*2.4)}
.ibrand{display:flex;align-items:center;gap:calc(var(--u)*1)}
.ibrand svg{width:calc(var(--u)*5)}
.ibrand b{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:calc(var(--u)*2.8);letter-spacing:.02em}
.ibrand span{font-family:var(--f-head);font-weight:800;font-style:italic;text-transform:uppercase;color:#ffcc00;font-size:calc(var(--u)*1.4);margin-left:calc(var(--u)*1.2);transition:opacity .4s}
.ilive{display:flex;gap:calc(var(--u)*1.2);align-items:center;justify-content:center;flex-wrap:nowrap;font-size:calc(var(--u)*1.35);overflow:hidden;white-space:nowrap;min-width:0}
.ilvi{overflow:hidden;text-overflow:ellipsis}
.ilv{background:var(--red);font-family:var(--f-head);font-weight:900;font-style:italic;padding:0 calc(var(--u)*.8);letter-spacing:.06em;animation:glow 1.8s infinite}
.ilv.sm{font-size:calc(var(--u)*1.1);align-self:center}
.ilvi{display:inline-flex;align-items:center;gap:6px}
.imute{color:var(--mute)}
.iclock{text-align:right;line-height:1}
.iclock b{display:block;font-family:var(--f-num);font-weight:700;font-size:calc(var(--u)*3.8);color:#ffcc00}
.iclock span{font-size:calc(var(--u)*1.2);color:#d0d0da}
.ichip{display:inline-block;font-family:var(--f-head);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.82em;background:var(--sc);color:#fff;padding:0 .55em;text-shadow:0 1px 2px rgba(0,0,0,.7);line-height:1.45}
.igrid{flex:1;min-height:0;display:grid;grid-template-columns:28fr 45fr 27fr;gap:calc(var(--u)*1.4);padding:0 calc(var(--u)*2.4) calc(var(--u)*1.2)}
.igrid>section{min-height:0}
.iwait{color:var(--mute);font-size:calc(var(--u)*1.8);padding:calc(var(--u)*2)}
/* neste/pågår */
.inext{position:relative;overflow:hidden;background:rgba(14,14,18,.78);border-top:calc(var(--u)*.5) solid var(--sc);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.in-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35}
.in-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.3),rgba(8,8,10,.92) 65%)}
.in-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u)*.7);padding:calc(var(--u)*2)}
.in-k{display:flex;gap:calc(var(--u)*1);align-items:center;font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.1em;font-size:calc(var(--u)*1.5)}
.inext h1{margin:0;font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:calc(var(--u)*3.6);line-height:.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.inext h1.long{font-size:calc(var(--u)*2.7)}
.in-p{font-size:calc(var(--u)*1.6);font-weight:600}
.in-d{font-family:var(--f-num);font-weight:700;color:#ffcc00;font-size:calc(var(--u)*1.6)}
.icd{display:flex;gap:calc(var(--u)*.8);margin:calc(var(--u)*.6) 0}
.icd div{flex:1;background:#000;border:1px solid var(--line);text-align:center;padding:calc(var(--u)*.6) 0 calc(var(--u)*.3);transform:skew(-8deg)}
.icd b{display:block;font-family:var(--f-num);font-size:calc(var(--u)*4.4);line-height:1;transform:skew(8deg);font-variant-numeric:tabular-nums}
.icd small{display:block;transform:skew(8deg);font-size:calc(var(--u)*1);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.in-s{background:rgba(0,0,0,.55);padding:calc(var(--u)*.8) calc(var(--u)*1)}
.in-sh{font-size:calc(var(--u)*1);text-transform:uppercase;letter-spacing:.12em;color:var(--mute);margin-bottom:4px}
.in-sr{display:flex;justify-content:space-between;gap:10px;font-size:calc(var(--u)*1.35);padding:2px 0}
.in-sr b{font-family:var(--f-num)}
.in-sr.live{color:#fff;background:rgba(255,42,42,.3)}
.in-sr.done{opacity:.45}
.in-tz{font-size:calc(var(--u)*1.15);color:var(--mute)}
/* nyheter */
.inews{display:flex;flex-direction:column;gap:calc(var(--u)*1);min-width:0}
.nw-main{position:relative;flex:1;overflow:hidden;background:#111;border-bottom:calc(var(--u)*.45) solid var(--sc);animation:nwIn .8s ease}
.nw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 22s ease-out forwards}
.nw-ov{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u)*6) calc(var(--u)*2) calc(var(--u)*1.8);background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 45%)}
.nw-k{display:flex;gap:calc(var(--u)*1);align-items:center;font-size:calc(var(--u)*1.3);color:#ccc;margin-bottom:calc(var(--u)*.6)}
.nw-ov h2{margin:0;font-family:var(--f-head);font-weight:800;font-size:calc(var(--u)*3.4);line-height:1.02;text-shadow:0 2px 12px #000}
.nw-ov p{margin:calc(var(--u)*.7) 0 0;font-size:calc(var(--u)*1.5);line-height:1.35;color:#ddd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-bar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*.35);background:rgba(255,255,255,.1)}
.nw-bar i{display:block;height:100%;background:var(--sc);transform-origin:left;animation:bar linear forwards}
.nw-next{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:calc(var(--u)*1);align-items:start;font-size:calc(var(--u)*1.15);color:#cfcfda}
.nw-n{border-left:3px solid var(--sc);padding-left:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-n b{color:var(--sc);filter:brightness(1.5);font-family:var(--f-head);text-transform:uppercase}
/* høyre kolonne */
.iside{display:flex;flex-direction:column;gap:calc(var(--u)*1.2);min-width:0}
.ibox{background:rgba(14,14,18,.8);border:1px solid var(--line);padding:calc(var(--u)*1.2) calc(var(--u)*1.4);overflow:hidden}
.ib-h{font-family:var(--f-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:calc(var(--u)*1.8);margin-bottom:calc(var(--u)*.6)}
.iu{display:grid;grid-template-columns:calc(var(--u)*4) 1fr auto;gap:calc(var(--u)*.9);align-items:center;padding:calc(var(--u)*.45) 0;border-left:4px solid var(--sc);padding-left:calc(var(--u)*.8);margin-bottom:4px;background:rgba(0,0,0,.35)}
.iu-d{text-align:center;line-height:1}
.iu-d b{display:block;font-family:var(--f-num);font-size:calc(var(--u)*2)}
.iu-d span{font-size:calc(var(--u)*.95);text-transform:uppercase;color:var(--mute)}
.iu-t{min-width:0}
.iu-t b{display:block;font-size:calc(var(--u)*1.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iu-t small{font-size:calc(var(--u)*1.05);color:var(--mute)}
.iu-t i{font-style:normal;color:var(--sc);filter:brightness(1.5)}
.it{display:grid;grid-template-columns:calc(var(--u)*1.8) calc(var(--u)*3) 1fr auto auto;gap:calc(var(--u)*.7);align-items:center;font-size:calc(var(--u)*1.25);padding:calc(var(--u)*.3) 0;border-bottom:1px solid var(--line)}
.it i{font-style:normal;font-family:var(--f-num);color:var(--mute)}
.it.lead i{color:#ffcc00}
.it img,.it-n{width:calc(var(--u)*3);height:calc(var(--u)*3);border-radius:50%;object-fit:cover;object-position:top;background:#222;display:grid;place-items:center}
.it-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it b{font-family:var(--f-num)}
.it small{color:var(--mute);font-size:.8em;min-width:3em;text-align:right}
/* ticker */
.ibottom{flex:none;height:7vh;display:flex;align-items:center;background:#000;border-top:1px solid var(--line)}
.itag{flex:none;height:100%;display:flex;align-items:center;background:#ffcc00;color:#111;font-family:var(--f-head);font-weight:900;font-style:italic;letter-spacing:.08em;font-size:calc(var(--u)*1.7);padding:0 calc(var(--u)*2.2) 0 calc(var(--u)*1.6);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.itrack{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 50px,#000 calc(100% - 50px),transparent)}
.imove{display:inline-flex;gap:calc(var(--u)*4);white-space:nowrap;font-size:calc(var(--u)*1.7);font-weight:600;animation:tick 400s linear infinite;padding-left:calc(var(--u)*3)}
.tk-s{color:var(--sc);filter:brightness(1.4);font-family:var(--f-head);text-transform:uppercase}
.ictl{position:fixed;right:14px;bottom:calc(7vh + 12px);display:flex;gap:8px;transition:opacity .4s;z-index:5}
.ictl button,.ictl a{background:rgba(0,0,0,.8);border:1px solid #444;color:#fff;font:600 14px var(--f-body);padding:8px 14px;cursor:pointer;text-decoration:none}
.ictl button:hover,.ictl a:hover{border-color:var(--red)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes nwIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes glow{0%,100%{box-shadow:0 0 0 rgba(255,42,42,0)}50%{box-shadow:0 0 20px rgba(255,42,42,.6)}}
/* stående skjerm / mobil */
@media (orientation:portrait){
  :root{--u:min(1.9vw,1.1vh)}
  html,body{overflow:auto}
  .itop{height:auto;grid-template-columns:1fr auto}
  .ibrand span{display:none}
  .iclock b{font-size:calc(var(--u)*3.2)}
  .ilive{grid-column:1/-1;order:3;justify-content:flex-start}
  body{display:block}
  .igrid{grid-template-columns:1fr;height:auto;padding-bottom:3vh}
  .ibottom{position:sticky;bottom:0}
  .inext{min-height:42vh}.nw-main{min-height:46vh}
  .nw-next{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.nw-img,.nw-main{animation:none}.imove{animation-duration:900s}}