*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050607;color:#fff;font-family:Arial,Helvetica,sans-serif}html,body,#tvRoot,#player{width:100vw;height:100vh;min-width:100vw;min-height:100vh}body{position:fixed;inset:0}#tvRoot,#player{position:fixed;inset:0;overflow:hidden;background:#050607}
.pair-screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 82% 18%,rgba(255,114,0,.12),transparent 30%),linear-gradient(135deg,#07090c,#12171d)}.pair-screen[hidden]{display:none}
.tv-logo{position:absolute;left:4.2%;top:4.5%;width:min(8vw,105px);max-height:6vh;object-fit:contain}.pair-center{text-align:center}.pair-center>span{font-size:clamp(12px,1vw,18px);letter-spacing:.19em;color:#ff7200;font-weight:900}.pair-center h1{font-size:clamp(42px,5.5vw,92px);line-height:.94;letter-spacing:-.055em;margin:1.5vh 0}.pair-center p{font-size:clamp(14px,1.4vw,24px);color:#98a2ad}.pair-code{font-size:clamp(78px,11vw,190px);font-weight:900;letter-spacing:.08em;line-height:1;margin:3vh 0 1vh}.pair-center small{display:block;color:#ff7200;font-size:clamp(11px,1vw,17px)}.pair-center em{display:block;font-style:normal;color:#73808c;font-size:clamp(10px,.9vw,16px);margin-top:2vh}.tv-footer,.sign{position:absolute;z-index:12;right:2.3%;bottom:2.2%;font-size:clamp(9px,.72vw,14px);color:rgba(255,255,255,.66)}
.scene{position:absolute;inset:0;overflow:hidden;background:#07090c}.scene-media{position:absolute;inset:0;width:100%;height:100%;display:block}.scene-media.cover{object-fit:cover;transform:scale(1.015);animation:move 12s ease-in-out alternate infinite}.scene-media.contain{object-fit:contain;background:#050607}.scene-media.media-error{display:none}@keyframes move{to{transform:scale(1.06) translateX(-.3%)}}
.shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.95),rgba(4,5,7,.79) 43%,rgba(4,5,7,.10) 82%)}.client-logo{position:absolute;z-index:4;left:5%;top:5%;max-width:15vw;max-height:9vh;object-fit:contain}.client-name{position:absolute;z-index:4;left:5%;top:6%;font-size:clamp(16px,1.5vw,29px);font-weight:800}.copy{position:absolute;z-index:3;left:5%;top:27%;width:52%}.copy small{font-size:clamp(11px,.95vw,17px);letter-spacing:.18em;color:#d1d6db}.copy h1{font-size:clamp(48px,6.5vw,112px);line-height:.86;letter-spacing:-.055em;margin:1.5vh 0}.copy p{font-size:clamp(16px,1.55vw,29px);line-height:1.3;color:#cbd0d6}.copy strong{display:block;font-size:clamp(62px,8vw,142px);line-height:.9;color:#ff7200;letter-spacing:-.06em;margin-top:2vh}
.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.empty{display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(255,114,0,.07),transparent 30%),#080a0d}.empty-fiss-logo{position:absolute;left:4.2%;top:4.5%;width:min(8vw,105px);max-height:6vh;object-fit:contain}.empty h1{font-size:clamp(42px,5vw,88px);letter-spacing:-.05em}.empty p{position:absolute;top:60%;color:#84909c;font-size:clamp(14px,1.2vw,22px)}
.graphic.vertical{left:50%;width:min(100vw,56.25vh);transform:translateX(-50%)}.graphic.vertical .shade{background:linear-gradient(180deg,rgba(4,5,7,.03),rgba(4,5,7,.90) 60%,#050607)}.graphic.vertical .copy{left:7%;right:7%;top:auto;bottom:10%;width:auto}.graphic.vertical .client-logo{left:7%;top:4%;max-width:56%;max-height:8%}
.clock-box{position:fixed;z-index:25;right:2.3%;top:2.4%;min-width:190px;text-align:right;padding:8px 11px;border-radius:10px;background:rgba(5,6,8,.48);backdrop-filter:blur(6px);text-shadow:0 1px 4px rgba(0,0,0,.7)}.clock-box[hidden]{display:none}.clock-box strong{display:block;font-size:clamp(22px,2.25vw,42px);line-height:1;font-variant-numeric:tabular-nums}.clock-box span{display:block;margin-top:5px;font-size:clamp(10px,.95vw,17px);text-transform:capitalize;color:#d7dce1}
.start{position:fixed;z-index:40;left:50%;bottom:5%;transform:translateX(-50%);padding:14px 24px;border-radius:14px;border:1px solid #333b45;background:rgba(16,20,25,.93);color:#fff;font-size:16px}.start[hidden]{display:none}.hotspot{position:fixed;z-index:50;right:0;bottom:0;width:80px;height:80px}.tech{position:fixed;z-index:60;right:2%;bottom:3%;width:330px;background:rgba(16,20,25,.98);border:1px solid #343c46;border-radius:16px;padding:14px}.tech>div{display:flex;justify-content:space-between}.tech p{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #282f37;padding:9px 0}.tech button{background:#171c22;color:#fff;border:1px solid #343d46;border-radius:9px;padding:9px}.tech>button{display:block;width:100%;margin-top:7px}