*,*: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%;width:24px;height:24px;color:#ffffff26;z-index:20;cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .3s;touch-action:manipulation}#imp-trigger svg{display:block;width:100%;height:100%}#imp-trigger:hover{color:#fff6}#imp-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;align-items:center;justify-content:center}#imp-overlay.open{display:flex}#imp-box{background:#0a0a0a;border:1px solid rgba(80,255,80,.25);color:#4d4;font:13px/1.7 monospace;padding:28px 36px;max-width:420px;width:90%;text-shadow:0 0 6px rgba(80,255,80,.3)}#imp-box .title{font-size:15px;letter-spacing:2px;margin-bottom:16px;border-bottom:1px solid rgba(80,255,80,.2);padding-bottom:8px}#imp-box .close-hint{margin-top:20px;color:#50ff504d;font-size:11px}@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}}