@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a12;font-family:Orbitron,Share Tech Mono,monospace}.header{align-items:center;background:#0a0a12f2;border-bottom:1px solid #00f5ff40;box-shadow:0 4px 32px #00f5ff14;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 24px;position:relative;z-index:10}.header:after{background:linear-gradient(90deg,#0000,var(--neon-cyan),#0000);bottom:0;content:"";height:1px;left:0;opacity:.6;position:absolute;right:0}.header .header-left{align-items:center;display:flex;gap:12px}.header .logo{color:var(--neon-cyan);font-family:Orbitron,monospace;font-size:18px;font-weight:900;letter-spacing:4px;text-shadow:0 0 12px var(--neon-cyan),0 0 24px #00f5ff66}.header .logo .logo-bracket{color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink)}.header .status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.header .status-dot.connected{animation:pulse-dot 2s infinite;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.header .status-dot.disconnected{background:#ff3c3c;box-shadow:0 0 8px #ff3c3c}.header .status-dot.error{background:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow)}.header .status-label{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:2px}.header .status-label.connected{color:var(--neon-green)}.header .status-label.disconnected{color:#ff3c3c}.header .status-label.error{color:var(--neon-yellow)}.header .header-center{flex:1 1;margin:0 32px;max-width:320px}.header .xp-bar-wrap{align-items:center;display:flex;gap:10px}.header .level-badge{color:var(--neon-pink);font-family:Orbitron,monospace;font-size:10px;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px var(--neon-pink);white-space:nowrap}.header .xp-bar{background:#ffffff0f;border:1px solid #00f5ff26;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.header .xp-fill{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));border-radius:2px;box-shadow:0 0 8px var(--neon-cyan);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.header .xp-label{color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:10px;white-space:nowrap}.header .header-right{align-items:center;display:flex;gap:20px}.header .stat-block{align-items:center;display:flex;flex-direction:column}.header .stat-block .stat-value{color:var(--neon-yellow);font-family:Orbitron,monospace;font-size:14px;font-weight:700;line-height:1;text-shadow:0 0 8px var(--neon-yellow)}.header .stat-block .stat-name{color:var(--text-dim);font-size:8px;letter-spacing:2px;margin-top:2px}.header .player-tag{align-items:center;background:#00f5ff0f;border:1px solid #00f5ff33;border-radius:2px;display:flex;gap:6px;padding:5px 12px}.header .player-tag .player-icon{color:var(--neon-cyan);font-size:12px}.header .player-tag .player-name{color:var(--text-primary);font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:1px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px var(--neon-green);opacity:1}50%{box-shadow:0 0 16px var(--neon-green);opacity:.6}}.ChatHistory{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px 24px;scrollbar-color:#00f5ff4d #0000;scrollbar-width:thin}.ChatHistory::-webkit-scrollbar{width:4px}.ChatHistory::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:2px}.chat-empty{align-items:center;color:#00f5ff33;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.chat-empty-icon{font-size:48px;opacity:.4}.chat-empty-text{font-family:Orbitron,monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase}.Message{animation:slideIn .2s ease;display:flex;flex-direction:column;max-width:70%}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.Message.me{align-items:flex-end;align-self:flex-end}.Message.other{align-items:flex-start;align-self:flex-start}.Message.system{align-self:center;max-width:90%}.msg-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.msg-author{font-family:Orbitron,monospace;font-size:9px;font-weight:700;letter-spacing:1px}.Message.me .msg-author{color:#00f5ff}.Message.other .msg-author{color:#f0a}.msg-time{color:#ffffff40;font-size:9px;letter-spacing:1px}.msg-bubble{font-size:13px;letter-spacing:.5px;line-height:1.6;padding:10px 16px;word-break:break-word}.Message.me .msg-bubble{background:#00f5ff1a;border:1px solid #00f5ff59;border-radius:2px 2px 0 2px;box-shadow:0 0 12px #00f5ff1a;color:#e0f8ff}.Message.other .msg-bubble{background:#ff00aa14;border:1px solid #ff00aa40;border-radius:2px 2px 2px 0;box-shadow:0 0 12px #ff00aa14;color:#ffe0f5}.Message.system .msg-bubble{background:#ffee000f;border:1px solid #fe03;border-radius:2px;color:#ffee00b3;font-size:11px;letter-spacing:2px;text-align:center}.ChatInput{align-items:center;background:#0a0a12f2;border-top:1px solid #00f5ff26;display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.ChatInput:before{color:#00f5ff;content:"›";flex-shrink:0;font-family:Orbitron,monospace;font-size:20px;font-weight:900;text-shadow:0 0 8px #00f5ff}.ChatInput input{background:#00f5ff0a;border:1px solid #00f5ff33;border-radius:2px;caret-color:#00f5ff;color:#e0f8ff;flex:1 1;font-family:Share Tech Mono,monospace;font-size:13px;letter-spacing:.5px;outline:none;padding:12px 16px;transition:all .2s}.ChatInput input::placeholder{color:#00f5ff40}.ChatInput input:focus{background:#00f5ff12;border-color:#00f5ff80;box-shadow:0 0 16px #00f5ff1a}.input-hint{color:#00f5ff40;font-size:9px;letter-spacing:1px;white-space:nowrap}:root{--neon-cyan:#00f5ff;--neon-pink:#f0a;--neon-green:#0f8;--neon-yellow:#fe0;--bg-deep:#0a0a12;--bg-panel:#0f0f1e;--bg-card:#14142a;--border-glow:#00f5ff4d;--text-primary:#e0e8ff;--text-dim:#4a5a7a}*,:after,:before{box-sizing:border-box}body{background:#0a0a12;background:var(--bg-deep);font-family:Share Tech Mono,monospace;margin:0;padding:0}.App,body{overflow:hidden}.App{background:radial-gradient(ellipse at 15% 50%,#00f5ff0d 0,#0000 55%),radial-gradient(ellipse at 85% 20%,#ff00aa0d 0,#0000 55%),radial-gradient(ellipse at 50% 90%,#00ff8808 0,#0000 50%),#0a0a12;background:radial-gradient(ellipse at 15% 50%,#00f5ff0d 0,#0000 55%),radial-gradient(ellipse at 85% 20%,#ff00aa0d 0,#0000 55%),radial-gradient(ellipse at 50% 90%,#00ff8808 0,#0000 50%),var(--bg-deep);display:flex;flex-direction:column;height:100vh;position:relative;width:100vw}.App:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 0,#0000000f 4px);z-index:9998}.App:after,.App:before{content:"";inset:0;pointer-events:none;position:fixed}.App:after{border:1px solid #00f5ff0f;z-index:9997}.login-overlay{align-items:center;animation:fadeIn .6s cubic-bezier(.16,1,.3,1);background:radial-gradient(ellipse at 50% 40%,#00f5ff0f 0,#0000 60%),#0a0a12;background:radial-gradient(ellipse at 50% 40%,#00f5ff0f 0,#0000 60%),var(--bg-deep);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-box{background:#0f0f1e;background:var(--bg-panel);border:1px solid #00f5ff4d;border-radius:4px;box-shadow:0 0 60px #00f5ff1f,0 0 120px #00f5ff0d,inset 0 0 60px #00f5ff05;min-width:400px;padding:52px 60px;position:relative;text-align:center;&:after,&:before{border-color:#00f5ff;border-color:var(--neon-cyan);border-style:solid;content:"";height:16px;opacity:.6;position:absolute;width:16px}&:before{border-width:2px 0 0 2px;left:10px;top:10px}&:after{border-width:0 2px 2px 0;bottom:10px;right:10px}.logo-text{animation:logo-flicker 4s ease-in-out infinite;color:#00f5ff;color:var(--neon-cyan);font-family:Orbitron,monospace;font-size:36px;font-weight:900;letter-spacing:8px;margin-bottom:8px;text-shadow:0 0 24px #00f5ff,0 0 60px #00f5ff4d;text-shadow:0 0 24px var(--neon-cyan),0 0 60px #00f5ff4d}.login-sub{color:#4a5a7a;color:var(--text-dim);font-size:10px;letter-spacing:3px;margin-bottom:44px;text-transform:uppercase}input{background:#00f5ff0d;border:1px solid #00f5ff33;border-radius:2px;color:#00f5ff;color:var(--neon-cyan);font-family:Orbitron,monospace;font-size:13px;letter-spacing:2px;margin-bottom:14px;outline:none;padding:14px 18px;text-align:center;transition:all .2s;width:100%;&::placeholder{color:#4a5a7a;color:var(--text-dim);letter-spacing:1px}&:focus{background:#00f5ff14;border-color:#00f5ff;border-color:var(--neon-cyan);box-shadow:0 0 20px #00f5ff40}}button{background:#0000;border:1px solid #00f5ff;border:1px solid var(--neon-cyan);border-radius:2px;color:#00f5ff;color:var(--neon-cyan);cursor:pointer;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:4px;overflow:hidden;padding:15px;position:relative;text-transform:uppercase;transition:all .2s;width:100%;&:before{background:#00f5ff;background:var(--neon-cyan);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:0}span{position:relative;z-index:1}&:hover{box-shadow:0 0 30px #00f5ff66;color:#0a0a12;color:var(--bg-deep);&:before{transform:scaleX(1)}}&:active{transform:scale(.98)}}}@keyframes logo-flicker{0%,94%,96%,98%,to{opacity:1}95%,97%{opacity:.7}}
/*# sourceMappingURL=main.f5d958c1.css.map*/