/* laScreen ekran pleyeri — televizor brauzeri uchun (eski Tizen/webOS ham): oddiy CSS, flex. */
html,body{margin:0;padding:0;width:100%;height:100%;background:#000;color:#fff;overflow:hidden;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;cursor:none;-webkit-user-select:none;user-select:none}
body.cursor{cursor:default}
.hide{display:none!important}

/* Sahna: burilish (90/270) uchun o'lchamlar JS'da almashtiriladi. */
#stage{position:fixed;left:50%;top:50%;width:100vw;height:100vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;background:#000}
.layer{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .7s ease;transition:opacity .7s ease}
.layer.on{opacity:1}
.layer img,.layer video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;background:#000}
.layer .contain{object-fit:contain}

/* Ulash va bo'sh holat oynalari */
.screen{position:fixed;left:0;top:0;right:0;bottom:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;
  -webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:4vh 6vw;box-sizing:border-box;
  background:radial-gradient(ellipse at top left,#155e75 0%,#0b1220 55%,#05070c 100%)}
.brand{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:4.2vh;font-weight:700;letter-spacing:.02em;margin-bottom:5vh}
.brand img{width:7vh;height:7vh;border-radius:1.6vh;margin-right:2vh}
.code{font-size:20vh;line-height:1;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#fff;
  padding:3vh 5vh;border-radius:3vh;background:rgba(255,255,255,.07);border:.3vh solid rgba(34,211,238,.45)}
.how{margin-top:5vh;font-size:3vh;line-height:1.5;color:#cbd5e1;max-width:80vw}
.how b{color:#67e8f9}
.how p{margin:0 0 1.2vh}
.foot{position:absolute;bottom:3vh;left:0;right:0;font-size:2vh;color:#64748b}
.idle-name{font-size:6vh;font-weight:700}

/* «Ekranda nomini ko'rsatish» */
#ident{position:fixed;left:0;right:0;bottom:0;padding:4vh 5vw;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:10}
.ident-name{font-size:7vh;font-weight:800}
.ident-sub{font-size:2.6vh;color:#cbd5e1;margin-top:1vh}

#fs-hint{position:fixed;left:50%;top:4vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:1.4vh 2.6vh;border-radius:1.4vh;
  background:rgba(0,0,0,.7);color:#e2e8f0;font-size:2.2vh;z-index:11}