body{margin:0;padding:0;background:#000;overflow:hidden;font-family:Arial,sans-serif;color:#fff}#gameContainer{width:100vw;height:100vh;position:relative}#qrContainer{position:absolute;bottom:1vw;right:1vw;background:#fff;padding:1vw;border-radius:.5vw;text-align:center;box-shadow:0 4px 8px #0000004d;z-index:100}#qrcode{margin-bottom:.5vw}#qrcode img{width:12.5vw}#qrText{font-size:1.75vw;color:#039;margin:0;max-width:100%;overflow:atuo;white-space:nowrap}#playerList{position:absolute;top:1vw;left:1vw;background:#000c;color:#fff;padding:.7vw;border-radius:.5vw;min-width:12vw;z-index:100}#playerList h3{margin:0 0 .75vw;font-size:.9vw}.player-item{display:flex;align-items:center;margin:.25vw 0}.player-color{width:1vw;height:1vw;border-radius:50%;margin-right:.7vw;border:2px solid white;flex:none}.player-name{font-size:.9vw}.dg.ac{z-index:1000!important}.dg.main{position:fixed!important;bottom:20px!important;right:20px!important}.dg.main .close-button{position:relative!important}.peer{height:100vh;width:100vw;margin:0;padding:0;background:linear-gradient(135deg,#183f61,#67d87b);overflow:hidden;font-family:Arial,sans-serif;touch-action:none;min-height:100vh;width:100%}body.no-scroll{position:fixed;width:100%;height:100%}#controller{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#183f61,#67d87b)}#status{position:absolute;top:20px;color:#fff;font-size:18px;text-align:center;width:100%}#colorPicker{margin-bottom:30px;text-align:center}#colorPicker h3{color:#fff;margin:0 0 15px;font-size:18px}.colorOption{display:inline-block;width:35px;height:35px;border-radius:50%;margin:0 6px;border:3px solid rgba(255,255,255,.8);cursor:pointer;transition:transform .2s ease;touch-action:manipulation}.colorOption:hover{transform:scale(1.1)}.colorOption.selected{border-color:#fff;transform:scale(1.2);box-shadow:0 0 15px #fffc}#joystickArea{width:300px;height:300px;border:3px solid rgba(255,255,255,.5);border-radius:50%;position:relative;background:#ffffff1a}#joystick{width:60px;height:60px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d;transition:transform .1s ease-out}#instructions{position:absolute;bottom:90px;color:#fffc;text-align:center;width:100%;font-size:18px}