html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101916}*{box-sizing:border-box}[hidden]{display:none!important}#player{position:fixed;inset:0;outline:0;touch-action:none;user-select:none}#frame{width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none}#fieldLayer{position:absolute;inset:0;pointer-events:none}#fieldLayer input,#fieldLayer select{position:absolute;pointer-events:auto;min-width:0;margin:0;border:1px solid #b79a55;border-radius:3px;padding:4px;outline:0;touch-action:auto;user-select:text}#connection{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:2000;background:#142124f5;color:#f6db90;border:1px solid #796941;padding:12px;border-radius:5px;font:13px Arial;max-width:90vw}#connection button{margin-left:10px;background:#263c35;color:#f6db90;border:1px solid #796941;padding:5px;cursor:pointer}
#renderFrame{position:absolute;border:0;transform-origin:0 0;background:#101916}