.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#041020,#020609);position:relative;overflow:hidden;padding:1rem}.login-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.login-card{background:var(--bg-panel);border:1px solid var(--border-bright);box-shadow:0 0 40px #00d4ff1a,inset 0 0 40px #0006;padding:2.5rem 3rem;width:100%;max-width:480px;z-index:1}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{font-size:3.2rem;font-family:var(--font-ui);font-weight:700;letter-spacing:.1em;line-height:1;margin-bottom:.6rem}.login-subtitle{font-size:.65rem;letter-spacing:.18em;margin-bottom:.25rem}.login-version{font-size:.6rem;letter-spacing:.12em}.login-form{display:flex;flex-direction:column;gap:1.4rem}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.65rem;letter-spacing:.2em;font-weight:600}.field-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;padding:.6rem .8rem;outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.field-input::placeholder{color:var(--text-muted)}.field-hint{font-size:.65rem;letter-spacing:.06em}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.role-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.75rem .6rem;text-align:left;display:flex;flex-direction:column;gap:.25rem;transition:all .15s}.role-btn:hover{border-color:var(--border-bright);background:var(--bg-card-hover)}.role-btn.active{border-color:var(--cyan);background:#00d4ff14;box-shadow:var(--glow-cyan)}.role-btn.commander.active{border-color:var(--amber);background:#ffaa0014;box-shadow:var(--glow-amber)}.role-name{font-family:var(--font-ui);font-weight:700;font-size:.85rem;letter-spacing:.1em;color:var(--text-primary)}.role-btn.active .role-name{color:var(--cyan)}.role-btn.commander.active .role-name{color:var(--amber)}.role-desc{font-size:.6rem;color:var(--text-muted);line-height:1.4}.login-error{color:var(--red);font-size:.75rem;border:1px solid var(--red-dim);padding:.4rem .6rem;background:#ff3b3b0f}.login-submit{background:transparent;border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:1rem;letter-spacing:.2em;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .15s;margin-top:.4rem}.login-submit:hover{background:#00d4ff1a;box-shadow:var(--glow-cyan)}.submit-arrow{font-size:1.4rem;line-height:1}.login-footer{text-align:center;font-size:.6rem;letter-spacing:.08em;margin-top:2rem}.login-discord-user{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:#00d4ff0a;border:1px solid var(--border);margin-bottom:.4rem}.login-discord-avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-bright);flex-shrink:0}.login-discord-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.login-logout-btn{font-family:var(--font-ui);font-size:.58rem;letter-spacing:.14em;color:var(--text-muted);text-decoration:none;border:1px solid var(--border);padding:.25rem .5rem;transition:color .15s,border-color .15s;flex-shrink:0}.login-logout-btn:hover{color:var(--red);border-color:var(--red-dim)}.kb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kb-modal{background:var(--bg-panel);border:1px solid var(--border-bright);box-shadow:0 0 60px #00d4ff26,inset 0 0 40px #0006;width:100%;max-width:420px;display:flex;flex-direction:column}.kb-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.kb-title{font-family:var(--font-ui);font-weight:700;font-size:.85rem;letter-spacing:.2em}.kb-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.1rem .3rem;transition:color .15s}.kb-close:hover{color:var(--red)}.kb-body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.kb-info{font-size:.65rem;letter-spacing:.06em;line-height:1.5;padding:.6rem .75rem;border:1px solid}.kb-info--ok{color:var(--cyan);border-color:#00d4ff4d;background:#00d4ff0d}.kb-info--warn{color:var(--amber);border-color:#ffaa004d;background:#ffaa000d}.kb-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border)}.kb-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.1em;color:var(--text-secondary)}.kb-icon{color:var(--cyan)}.kb-icon.amber{color:var(--amber)}.kb-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.kb-key-badge{min-width:3.5rem;text-align:center;font-family:var(--font-mono);font-size:.85rem;font-weight:700;padding:.3rem .6rem;background:var(--bg-base);border:1px solid var(--border-bright);color:var(--cyan);letter-spacing:.06em;transition:background .15s,color .15s}.kb-key-badge.capturing{border-color:var(--amber);color:var(--amber);background:#ffaa0014;animation:kb-blink .7s step-end infinite}@keyframes kb-blink{50%{opacity:.4}}.kb-capture-btn{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.14em;padding:.3rem .6rem;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s}.kb-capture-btn:hover,.kb-capture-btn.active{border-color:var(--cyan);color:var(--cyan)}.kb-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.kb-btn{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.14em;padding:.5rem 1.1rem;cursor:pointer;border:1px solid;transition:all .15s}.kb-reset{background:none;border-color:var(--border);color:var(--text-muted)}.kb-reset:hover{border-color:var(--red-dim);color:var(--red)}.kb-save{background:#00d4ff1a;border-color:var(--cyan);color:var(--cyan)}.kb-save:hover{background:#00d4ff33;box-shadow:var(--glow-cyan)}.room-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-base)}.room-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;height:48px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:.6rem;font-size:.75rem;letter-spacing:.12em}.topbar-logo{font-family:var(--font-ui);font-weight:700;font-size:1.1rem;letter-spacing:.12em;text-shadow:var(--glow-cyan)}.topbar-sep{font-size:.8rem}.topbar-ship{font-family:var(--font-ui);font-weight:600;font-size:.88rem;text-shadow:var(--glow-amber)}.topbar-role{font-size:.65rem;letter-spacing:.14em}.topbar-right{display:flex;align-items:center;gap:1rem}.online-indicator{display:flex;align-items:center;gap:.4rem;font-size:.65rem;letter-spacing:.1em}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:var(--glow-green);animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}.leave-btn{background:transparent;border:1px solid var(--red-dim);color:var(--red);cursor:pointer;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;padding:.3rem .7rem;transition:all .15s}.leave-btn:hover{background:#ff3b3b1a;border-color:var(--red);box-shadow:var(--glow-red)}.settings-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:all .15s;line-height:1}.settings-btn:hover{border-color:var(--cyan);color:var(--cyan)}.ptt-toast{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:100;font-size:.7rem;letter-spacing:.12em;padding:.4rem 1.2rem;border:1px solid;animation:toast-fade 3s ease forwards}.ptt-toast-on{color:var(--amber);border-color:var(--amber-dim);background:#ffaa001a}.ptt-toast-off{color:var(--cyan);border-color:var(--cyan-dim);background:#00d4ff12}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(-6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}.room-body{flex:1;display:flex;gap:0;overflow:hidden}.channel-panel{flex:1;display:flex;flex-direction:column;padding:1rem;overflow-y:auto;min-width:0}.ship-panel{border-right:1px solid var(--border)}.commander-panel{background:#ffaa0005}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.6rem}.panel-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:700;font-size:.82rem;letter-spacing:.16em}.panel-icon{font-size:.75rem}.panel-ship-name{color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono);letter-spacing:.1em}.panel-badge-secure{background:#ffaa0026;border:1px solid var(--amber-dim);color:var(--amber);font-size:.55rem;padding:.1rem .4rem;letter-spacing:.14em}.panel-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.panel-hint{font-size:.6rem;letter-spacing:.05em;max-width:220px;line-height:1.4;text-align:right}.ptt-mode-badge{font-size:.62rem;letter-spacing:.12em;padding:.2rem .6rem;border:1px solid}.badge-inactive{color:var(--green);border-color:var(--green-dim);background:#00ff880f}.badge-active{color:var(--amber);border-color:var(--amber-dim);background:#ffaa000f}.cmd-toggle-btn{background:transparent;border:1px solid var(--border-bright);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;padding:.3rem .7rem;transition:all .15s}.cmd-toggle-btn:hover{border-color:var(--amber);color:var(--amber);box-shadow:var(--glow-amber)}.cmd-toggle-btn.active{border-color:var(--amber);color:var(--amber);background:#ffaa0014}.local-user-tile{margin-bottom:.75rem}.local-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);padding:.6rem .8rem;transition:border-color .15s}.local-card.sending.color-cyan{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.local-card.sending.color-amber{border-color:var(--amber);box-shadow:var(--glow-amber)}.local-card-left{display:flex;align-items:center;gap:.7rem}.local-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:700;font-size:.9rem;color:var(--text-secondary);position:relative;flex-shrink:0}.local-avatar.speaking{border-color:var(--green)}.local-name{font-size:.82rem;font-family:var(--font-ui);font-weight:600}.local-you{color:var(--text-muted);font-size:.65rem}.local-role{font-size:.6rem;letter-spacing:.14em;margin-top:.1rem}.local-info{display:flex;flex-direction:column}.tx-indicator{font-size:.65rem;letter-spacing:.12em;padding:.25rem .6rem;border:1px solid}.tx-on{color:var(--green);border-color:var(--green-dim);background:#00ff8814;box-shadow:var(--glow-green);animation:pulse-tx 1s ease-in-out infinite}.tx-off{color:var(--text-muted);border-color:var(--border);background:transparent}@keyframes pulse-tx{0%,to{opacity:1}50%{opacity:.6}}.peer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin-bottom:.75rem;min-height:60px}.empty-channel{font-size:.65rem;letter-spacing:.08em;padding:.75rem 0;grid-column:1 / -1}.user-card{background:var(--bg-card);border:1px solid var(--border);padding:.65rem .7rem;display:flex;align-items:center;gap:.6rem;transition:border-color .1s}.user-card.speaking{border-color:var(--green);box-shadow:var(--glow-green)}.user-card.is-commander.speaking{border-color:var(--amber);box-shadow:var(--glow-amber)}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:700;font-size:.78rem;color:var(--text-secondary);position:relative;flex-shrink:0}.user-card.speaking .user-avatar{border-color:var(--green)}.user-card.is-commander.speaking .user-avatar{border-color:var(--amber)}.speaking-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--green);animation:ring-pulse .8s ease-out infinite;pointer-events:none}.user-card.is-commander .speaking-ring{border-color:var(--amber)}.local-avatar .speaking-ring{border-color:var(--cyan)}@keyframes ring-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.35);opacity:0}}.user-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-name{font-family:var(--font-ui);font-weight:600;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{font-size:.55rem;letter-spacing:.12em;padding:.1rem .35rem;border:1px solid;display:inline-block;width:fit-content}.badge-cyan{color:var(--cyan);border-color:var(--cyan-dim);background:#00d4ff12}.badge-amber{color:var(--amber);border-color:var(--amber-dim);background:#ffaa0012}.ptt-button-area{display:flex;justify-content:center;padding:.6rem 0}.ptt-btn{background:var(--bg-card);border:2px solid var(--border-bright);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;padding:.9rem 2rem;display:flex;align-items:center;gap:.7rem;transition:all .08s;user-select:none;-webkit-user-select:none;min-width:220px;justify-content:center}.ptt-btn:active,.ptt-btn.active{transform:scale(.97)}.ship-ptt-btn:hover{border-color:var(--cyan);color:var(--cyan)}.ship-ptt-btn.active{border-color:var(--green);color:var(--green);background:#00ff881a;box-shadow:var(--glow-green)}.cmd-ptt-btn:hover{border-color:var(--amber);color:var(--amber)}.cmd-ptt-btn.active{border-color:var(--amber);color:var(--amber);background:#ffaa001f;box-shadow:var(--glow-amber)}.ptt-btn-icon{font-size:1.1rem}.ptt-btn-label{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.ptt-key-hint{font-size:.55rem;color:var(--text-muted);letter-spacing:.1em}.cmd-net-info{text-align:center;font-size:.6rem;letter-spacing:.07em;padding:.5rem 0;border-top:1px solid var(--border);margin-top:.5rem}.room-footer{display:flex;align-items:center;gap:.8rem;padding:.4rem 1.2rem;background:var(--bg-panel);border-top:1px solid var(--border);font-size:.6rem;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;flex-wrap:wrap}.footer-settings-btn{margin-left:auto;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-ui);font-size:.58rem;letter-spacing:.12em;padding:.2rem .5rem;transition:all .15s}.footer-settings-btn:hover{border-color:var(--cyan);color:var(--cyan)}.key-tag{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary)}kbd{background:var(--bg-card);border:1px solid var(--border-bright);color:var(--cyan);font-family:var(--font-mono);font-size:.65rem;padding:.1rem .35rem;letter-spacing:.05em}.fullscreen-msg{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base)}.fullscreen-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.fullscreen-msg.loading .fullscreen-content{color:var(--cyan);font-size:.85rem;letter-spacing:.16em}.fullscreen-msg.error .fullscreen-content{color:var(--red);font-size:.85rem;letter-spacing:.12em}.msg-sub{color:var(--text-muted);font-size:.7rem}.action-btn{background:transparent;border:1px solid;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;padding:.5rem 1.2rem;margin-top:.5rem;transition:all .15s}.action-btn.danger{border-color:var(--red);color:var(--red)}.action-btn.danger:hover{background:#ff3b3b1a}.dl-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#041020,#020609);position:relative;overflow:hidden;padding:1rem}.dl-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.dl-card{background:var(--bg-panel);border:1px solid var(--border-bright);box-shadow:0 0 40px #00d4ff1a,inset 0 0 40px #0006;padding:2.5rem 3rem;width:100%;max-width:420px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.8rem}.dl-header{text-align:center}.dl-logo{font-size:3.2rem;font-family:var(--font-ui);font-weight:700;letter-spacing:.1em;line-height:1;margin-bottom:.6rem}.logo-tac{color:var(--cyan);text-shadow:var(--glow-cyan)}.logo-sep{color:var(--text-muted)}.logo-talk{color:var(--amber);text-shadow:var(--glow-amber)}.dl-subtitle{font-size:.65rem;letter-spacing:.18em;margin-bottom:.25rem}.dl-version{font-size:.6rem;letter-spacing:.12em}.dl-error{width:100%;background:#ff50501a;border:1px solid rgba(255,80,80,.4);color:#ff6b6b;font-size:.72rem;letter-spacing:.05em;padding:.75rem 1rem;text-align:center}.dl-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 2rem;background:#5865f2;color:#fff;font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-decoration:none;border:none;cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 0 20px #5865f259}.dl-btn:hover{background:#4752c4;box-shadow:0 0 30px #5865f28c}.dl-discord-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dl-footer{font-size:.6rem;letter-spacing:.12em;text-align:center}:root{--bg-base: #04090f;--bg-panel: #080f1a;--bg-card: #0c1624;--bg-card-hover: #111d2e;--border: #1a3347;--border-bright: #2a5580;--cyan: #00d4ff;--cyan-dim: #007a99;--amber: #ffaa00;--amber-dim: #7a5200;--green: #00ff88;--green-dim: #00663a;--red: #ff3b3b;--red-dim: #660000;--text-primary: #c8e8ff;--text-secondary: #6a9ab8;--text-muted: #3a5a70;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-ui: "Rajdhani", "Segoe UI", sans-serif;--glow-cyan: 0 0 8px rgba(0, 212, 255, .5);--glow-amber: 0 0 8px rgba(255, 170, 0, .5);--glow-green: 0 0 8px rgba(0, 255, 136, .5);--glow-red: 0 0 8px rgba(255, 59, 59, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.text-cyan{color:var(--cyan)}.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.blink{animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:999}