/* TV-siden. Størrelser i em: 1em = min(bredde/160, høyde/90), satt av tv.js. */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #000; color: #fff; }
body { font-family: "Helvetica Neue", Arial, "Samsung Sans", Roboto, sans-serif; }
body.skjul-peker, body.skjul-peker * { cursor: none !important; }
.skjult { display: none !important; }
#tavle { position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

.vent { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #07090d; overflow: hidden; }
.vent-flate {
  position: absolute; left: 50%; top: 50%; width: 160em; height: 90em; margin-left: -80em; margin-top: -45em;
  -webkit-transition: -webkit-transform 2s ease; transition: transform 2s ease;
}
.vent-laster { position: absolute; left: 0; right: 0; top: 42em; text-align: center; font-size: 4em; color: #6b7480; }

/* Ny skjerm */
.vent-ny { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.vent-tekst { position: absolute; left: 10em; top: 14em; width: 92em; }
.merke { font-size: 3.4em; font-weight: 800; letter-spacing: .02em; color: #fff; }
.merke-prikk { display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: #ff2a12; margin-right: .35em; vertical-align: .05em; box-shadow: 0 0 .5em rgba(255, 42, 18, .8); }
.vent-tekst h1 { font-size: 8.6em; line-height: 1.02; margin: .45em 0 .5em; font-weight: 900; letter-spacing: -.02em; }
.vent-tekst ol { margin: 0; padding: 0 0 0 1.4em; font-size: 3.7em; line-height: 1.55; color: #d8dde4; }
.vent-alt { font-size: 3em; color: #8b95a2; margin-top: 2.2em; }
.vent-alt b { color: #fff; }
.vent-qr { position: absolute; right: 10em; top: 13em; width: 50em; text-align: center; }
.qr-boks { background: #fff; padding: 2.2em; border-radius: 2em; }
.qr-boks img { display: block; width: 45.6em; height: 45.6em; }
.kode { font-family: "Lucida Console", "Courier New", monospace; font-weight: bold; font-size: 10em; letter-spacing: .16em; color: #ff2a12; margin-top: .35em; padding-left: .16em; text-shadow: 0 0 .15em rgba(255, 42, 18, .55); }

/* Klar skjerm uten kamp */
.vent-klar { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.klar-klubb { position: absolute; top: 12em; left: 0; right: 0; font-size: 5.4em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #ff2a12; }
.klar-tid { position: absolute; top: 24em; left: 0; right: 0; font-size: 26em; font-weight: 900; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.klar-skjerm { position: absolute; top: 58em; left: 0; right: 0; font-size: 3.6em; color: #8b95a2; }
.klar-qr { position: absolute; right: 5em; bottom: 5em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: left; font-size: 2.6em; color: #c9d0d9; line-height: 1.4; }
.klar-qr .qr-boks { padding: .5em; border-radius: .5em; margin-right: .8em; }
.klar-qr .qr-boks img { width: 6em; height: 6em; }
.kode-liten { font-family: "Lucida Console", "Courier New", monospace; font-weight: bold; color: #ff2a12; letter-spacing: .15em; }
.klar-sponsor { position: absolute; left: 5em; bottom: 5em; height: 10em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 1em; }
.klar-sponsor img { max-height: 10em; max-width: 50em; display: block; }
.klar-sponsor span { font-size: 4em; font-weight: 800; color: #c9d0d9; }

/* Tilkoblingsstatus: usynlig når alt er bra */
.status { position: fixed; right: 1.2em; top: 1.2em; width: 1.2em; height: 1.2em; border-radius: 50%; background: transparent; z-index: 20; }
.status.frakoblet { background: #ff2a12; box-shadow: 0 0 .6em #ff2a12; -webkit-animation: t-blunk 1s infinite; animation: t-blunk 1s infinite; }

.fullskjerm {
  position: fixed; left: 50%; bottom: 3em; z-index: 30; width: 40em; margin-left: -20em;
  font-size: 1em; padding: 1.4em 0; border: .25em solid #fff; border-radius: 3em; background: rgba(0, 0, 0, .75); color: #fff;
  font-family: inherit; font-weight: 800; cursor: pointer;
}
.fullskjerm span { font-size: 2.6em; }
.fullskjerm:focus { outline: none; border-color: #ff2a12; box-shadow: 0 0 0 .4em rgba(255, 42, 18, .4); }
.vaken { position: fixed; left: 0; bottom: 0; width: 2px; height: 2px; opacity: .01; pointer-events: none; }