*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#1a1a2e;overflow:hidden;font-family:system-ui,sans-serif}#game-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#join-overlay,#lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a18eb;display:flex;align-items:center;justify-content:center;z-index:100}.join-box{width:360px;background:#16213e;border:1px solid #3a4a7a;border-radius:12px;padding:28px;color:#e6e6f0;box-shadow:0 10px 40px #00000080}.join-box h1{font-size:24px;margin-bottom:6px;color:#7af0c0}.join-box .sub{font-size:13px;color:#9aa;margin-bottom:18px}.join-box label{display:block;font-size:13px;margin:12px 0 5px;color:#bcd}.join-box input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #3a4a7a;background:#0d0d18;color:#fff;font-size:15px}.join-box button{width:100%;margin-top:18px;padding:12px;border:none;border-radius:8px;background:#7af0c0;color:#0d0d18;font-size:16px;font-weight:700;cursor:pointer}.join-box button:hover{background:#5fe0ad}.join-box .hint{font-size:12px;color:#889;margin-top:14px;text-align:center}