*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;position:fixed;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#tv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}canvas#screen{display:block;width:100%;height:100%;touch-action:none}canvas#osd{position:absolute;top:6%;right:5%;pointer-events:none;z-index:10;opacity:0;transition:opacity .8s ease}canvas#osd.visible{opacity:1;transition:opacity .1s ease}#imp-trigger{position:absolute;top:6%;left:5%;z-index:20;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;font:700 28px/1 monospace;color:#ffffff38;text-shadow:0 0 6px rgba(255,255,255,.15);transition:color .3s,text-shadow .3s}#imp-trigger:hover{color:#fff6;text-shadow:0 0 8px rgba(255,255,255,.2)}@media(orientation:portrait){#wrapper{transform:rotate(-90deg);transform-origin:center center;width:100vh;height:100vw;top:50%;left:50%;margin-top:-50vw;margin-left:-50vh}}