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;top:20px;right:20px;background:#fff;padding:15px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0000004d;z-index:100;max-width:150px}#qrcode{margin-bottom:10px}#qrText{font-size:14px;color:#333;margin:0;max-width:100%;overflow:scroll;white-space:nowrap}#playerList{position:absolute;top:20px;left:20px;background:#000c;color:#fff;padding:15px;border-radius:10px;min-width:200px;z-index:100}#playerList h3{margin:0 0 10px;font-size:16px}.player-item{display:flex;align-items:center;margin:5px 0}.player-color{width:20px;height:20px;border-radius:50%;margin-right:10px;border:2px solid white}.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:30px;color:#fffc;text-align:center;width:100%;font-size:16px}