#login-ui{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:20}#login-ui button{min-width:240px;padding:12px 24px;border:2px solid #00ccff;border-radius:8px;background:#00ccff1a;color:#0cf;font-size:18px;font-family:sans-serif;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent}#login-ui button:hover{background:#00ccff40}#login-ui input{min-width:240px;padding:10px 16px;border:2px solid #00ccff;border-radius:8px;background:#1a1a2ee6;color:#fff;font-size:16px;font-family:sans-serif;text-align:center;outline:none}#login-ui input::placeholder{color:#fff6}#login-ui .guest-panel{display:flex;flex-direction:column;align-items:center;gap:12px}#touch-controls{position:fixed;inset:0;z-index:10;pointer-events:none;display:none}#touch-controls.visible{display:block}@media(hover:hover)and (pointer:fine){#touch-controls{display:none!important}}#touch-controls button{pointer-events:auto;position:absolute;border:none;border-radius:50%;background:#ffffff2e;color:#ffffffb3;font-size:24px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}#touch-controls button:active{background:#ffffff59}#touch-controls .btn-left{width:64px;height:64px;bottom:24px;left:24px}#touch-controls .btn-right{width:64px;height:64px;bottom:24px;left:104px}#touch-controls .btn-jump{width:72px;height:72px;bottom:24px;right:24px}#touch-controls.portrait .btn-left{width:80px;height:80px;bottom:48px;left:24px}#touch-controls.portrait .btn-right{width:80px;height:80px;bottom:48px;left:120px}#touch-controls.portrait .btn-jump{width:88px;height:88px;bottom:48px;right:24px}