*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100%;height:100%;overflow:hidden}.login-page{background:#0a0d14;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:#0f141ef7;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:16px;min-width:320px;padding:48px 52px;display:flex}.login-title{color:#fc0;letter-spacing:1px;margin:0;font-family:Courier New,monospace;font-size:22px;font-weight:700}.login-sub{color:#fff6;letter-spacing:1px;margin:0;font-family:Courier New,monospace;font-size:11px}.login-error{color:#f66;margin:0;font-family:Courier New,monospace;font-size:11px}.login-google-btn{color:#333;cursor:pointer;letter-spacing:.5px;background:#fff;border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:10px 20px;font-family:Courier New,monospace;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.login-google-btn:hover{opacity:.88}.login-x-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#000;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:10px;padding:10px 20px;font-family:Courier New,monospace;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.login-x-btn:hover{opacity:.75}.lobby-avatar{object-fit:cover;border:2px solid #fc06;border-radius:50%;width:52px;height:52px}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.hud-mode{letter-spacing:2px;color:#fff;background:#0000008c;border:1px solid #fff3;border-radius:4px;padding:4px 10px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.hud-skill{letter-spacing:1px;color:#fc0;background:#0000008c;border:1px solid #ffcc0059;border-radius:4px;padding:4px 10px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.hud-hint{color:#ffffff80;font-family:Courier New,monospace;font-size:10px}.hud-role{letter-spacing:2px;color:#fff;background:#0009;border:1px solid #fff3;border-radius:4px;padding:4px 12px;font-family:Courier New,monospace;font-size:12px;font-weight:700}.hud-role--streamer{color:#fc0;border-color:#ffcc0080}.hud-role--viewer{color:#afc;border-color:#aaffc880}.lobby-overlay{z-index:10;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-card{background:#0f141ef2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:16px;min-width:320px;padding:40px 48px;display:flex}.lobby-title{color:#fc0;letter-spacing:1px;margin:0;font-family:Courier New,monospace;font-size:22px;font-weight:700}.lobby-sub{color:#fff6;letter-spacing:1px;margin:0;font-family:Courier New,monospace;font-size:11px}.lobby-form{flex-direction:column;gap:12px;width:100%;display:flex}.lobby-input{color:#fff;text-align:center;background:#ffffff12;border:1px solid #ffffff2e;border-radius:6px;outline:none;padding:10px 14px;font-family:Courier New,monospace;font-size:14px;transition:border-color .15s}.lobby-input:focus{border-color:#fc0}.lobby-input::placeholder{color:#ffffff4d}.lobby-btn{color:#111;cursor:pointer;letter-spacing:1px;background:#fc0;border:none;border-radius:6px;padding:10px 0;font-family:Courier New,monospace;font-size:13px;font-weight:700;transition:opacity .15s}.lobby-btn:disabled{opacity:.35;cursor:default}.lobby-btn:not(:disabled):hover{opacity:.85}.lobby-auth{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:4px;padding-top:14px;display:flex}.lobby-auth__label{letter-spacing:1px;color:#ffffff59;margin:0;font-family:Courier New,monospace;font-size:10px}.lobby-signed-in{letter-spacing:1px;color:#64dc78b3;margin:6px 0 0;font-family:Courier New,monospace;font-size:10px}.signin-buttons{justify-content:center;gap:10px;display:flex}.signin-btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:opacity .15s;display:flex}.signin-btn:hover{opacity:.8}.signin-btn--small{padding:6px 12px;font-size:11px}.signin-btn--google{color:#333;background:#fff}.signin-btn--x{color:#fff;background:#000;border:1px solid #ffffff2e}.respawn-auth{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.respawn-auth__label{letter-spacing:1px;color:#fff6;margin:0;font-family:Courier New,monospace;font-size:11px}.lobby-connecting{color:#fff9;letter-spacing:2px;font-family:Courier New,monospace;font-size:14px}.target-frame{pointer-events:none;-webkit-user-select:none;user-select:none;background:#000000a6;border:1px solid #ffffff2e;border-radius:6px;flex-direction:column;align-items:center;gap:5px;min-width:200px;padding:8px 18px 10px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.target-frame__name{letter-spacing:1px;color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:700}.target-frame__name--streamer{color:#fc0}.target-frame__name--viewer{color:#afc}.target-frame__hp-bar{background:#ffffff1f;border-radius:4px;width:180px;height:7px;overflow:hidden}.target-frame__hp-fill{background:#4d4;border-radius:4px;height:100%;transition:width .12s ease-out}.target-frame__hp-text{color:#ffffff8c;font-family:Courier New,monospace;font-size:10px}.self-frame{pointer-events:none;-webkit-user-select:none;user-select:none;background:#000000a6;border:1px solid #ffffff2e;border-radius:6px;flex-direction:column;align-items:center;gap:5px;min-width:200px;padding:8px 18px 10px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.self-frame__name{letter-spacing:1px;color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:700}.self-frame__name--streamer{color:#fc0}.self-frame__name--viewer{color:#afc}.self-frame__hp-bar{background:#ffffff1f;border-radius:4px;width:180px;height:7px;overflow:hidden}.self-frame__hp-fill{background:#4d4;border-radius:4px;height:100%;transition:width .12s ease-out}.self-frame__hp-text{color:#ffffff8c;font-family:Courier New,monospace;font-size:10px}.hud-error{color:#f44;background:#000000bf;border:1px solid #f44;border-radius:6px;padding:8px 16px;font-family:monospace;font-size:13px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.respawn-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.respawn-card{flex-direction:column;align-items:center;gap:6px;display:flex}.respawn-label{letter-spacing:4px;color:#f44;margin:0;font-family:Courier New,monospace;font-size:16px;font-weight:700}.respawn-secs{color:#fff;text-shadow:0 0 20px #ffffff80;margin:0;font-family:Courier New,monospace;font-size:72px;font-weight:700;line-height:1}.respawn-hint{letter-spacing:2px;color:#ffffff80;margin:0;font-family:Courier New,monospace;font-size:12px}.exp-display{pointer-events:none;-webkit-user-select:none;user-select:none;background:#0009;border:1px solid #fc06;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;display:flex;position:fixed;top:16px;right:16px}.exp-display__label{letter-spacing:3px;color:#ffcc00b3;font-family:Courier New,monospace;font-size:9px;font-weight:700}.exp-display__value{color:#fc0;font-family:Courier New,monospace;font-size:20px;font-weight:700;line-height:1}.god-toast{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:20;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:16px 36px 18px;animation:.4s ease-out god-toast-in;display:flex;position:fixed;top:22%;left:50%;transform:translate(-50%)}.god-toast--favor{background:#281e00d9;border:1px solid #fc09;box-shadow:0 0 30px #ffcc0040}.god-toast--curse{background:#28000ad9;border:1px solid #ff325099;box-shadow:0 0 30px #ff325040}.god-toast__title{letter-spacing:4px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.god-toast--favor .god-toast__title{color:#ffcc00bf}.god-toast--curse .god-toast__title{color:#ff5064bf}.god-toast__name{letter-spacing:2px;font-family:Courier New,monospace;font-size:22px;font-weight:700}.god-toast--favor .god-toast__name{color:#fc0;text-shadow:0 0 12px #ffcc0080}.god-toast--curse .god-toast__name{color:#f35;text-shadow:0 0 12px #ff325080}.god-toast__desc{letter-spacing:1px;color:#fff9;font-family:Courier New,monospace;font-size:11px}@keyframes god-toast-in{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}