:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0d12;cursor:none}canvas{display:block;position:fixed;top:0;left:0;cursor:none}.lobby-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#07090eeb;cursor:auto}.lobby-card{width:min(360px,calc(100vw - 48px));display:flex;flex-direction:column;gap:14px;padding:28px 24px;border:1px solid #2a2f3d;border-radius:14px;background:#11141c;box-shadow:0 12px 48px #00000080;color:#e6ebf2;font-family:ui-sans-serif,system-ui,sans-serif}.lobby-title{margin:0;font-size:28px;letter-spacing:.06em;color:#8fd3ff}.lobby-sub{margin:0;font-size:14px;color:#aeb6c4}.lobby-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#aeb6c4}.lobby-input{width:100%;padding:10px 12px;border:1px solid #2a2f3d;border-radius:8px;background:#0b0d12;color:#e6ebf2;font-size:15px}.lobby-input:focus{outline:none;border-color:#8fd3ff}.lobby-input-error{border-color:#ff6b6b}.lobby-btn{padding:10px 14px;border:1px solid #2a2f3d;border-radius:8px;background:#1b2230;color:#e6ebf2;font-size:15px;cursor:pointer}.lobby-btn:hover{border-color:#8fd3ff}.lobby-btn-primary{background:#1f6feb;border-color:#1f6feb;color:#fff;font-weight:600}.lobby-btn-primary:hover{background:#2a7bff}.lobby-divider{display:flex;align-items:center;gap:10px;font-size:12px;color:#6b7384}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background:#2a2f3d}.lobby-row{display:flex;gap:8px}.lobby-row .lobby-input{flex:1}.share-banner{position:fixed;left:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #2a2f3d;border-radius:8px;background:#11141cd9;color:#e6ebf2;font-family:ui-monospace,monospace;font-size:13px;cursor:auto}.share-copy{padding:5px 10px;border:1px solid #2a2f3d;border-radius:6px;background:#1b2230;color:#8fd3ff;font-size:12px;cursor:pointer}.share-copy:hover{border-color:#8fd3ff}