@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg-dark: #0a0e1a;--bg-card: rgba(15, 23, 42, .7);--bg-card-solid: #0f172a;--bg-card-hover: rgba(30, 41, 59, .85);--bg-nav: rgba(10, 14, 26, .85);--steam-dark: #171a21;--steam-blue: #1b2838;--steam-hover: #2a475e;--accent-cyan: #38bdf8;--accent-cyan-subtle: rgba(56, 189, 248, .15);--accent-cyan-glow: rgba(56, 189, 248, .4);--accent-red: #ef4444;--accent-red-subtle: rgba(239, 68, 68, .15);--accent-red-glow: rgba(239, 68, 68, .4);--accent-amber: #f59e0b;--accent-amber-subtle: rgba(245, 158, 11, .15);--accent-green: #10b981;--accent-green-subtle: rgba(16, 185, 129, .15);--accent-purple: #a855f7;--accent-purple-subtle: rgba(168, 85, 247, .15);--discord-blurple: #5865F2;--discord-subtle: rgba(88, 101, 242, .15);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-subtle: rgba(51, 65, 85, .6);--border-accent: rgba(56, 189, 248, .5);--border-glow: 0 0 10px rgba(56, 189, 248, .3);--font-heading: "Orbitron", sans-serif;--font-sub: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}button{font-family:var(--font-sub);font-weight:600;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}button:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);box-shadow:0 0 8px #38bdf826}button:active{transform:scale(.97)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-left:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:var(--border-glow)}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);line-height:1.2}.font-sub,.subtitle,.button-text{font-family:var(--font-sub);letter-spacing:.03em;text-transform:uppercase;font-weight:600}.text-gradient-cyan{background:linear-gradient(to right,#f8fafc,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-magenta{background:linear-gradient(to right,#f8fafc,var(--accent-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#fff;text-shadow:0 0 8px var(--accent-cyan-glow)}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.app-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(51,65,85,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(51,65,85,.1) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:80px 16px 100px}@media(min-width:768px){.main-content{padding:100px 32px 60px}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;position:relative;overflow:hidden;transition:all var(--transition-normal)}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.glass-panel-interactive{cursor:pointer}.glass-panel-interactive:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:0 12px 40px #00000080,0 0 20px var(--accent-cyan-subtle)}.glass-panel-cyber{border-left:4px solid var(--accent-cyan)}.glass-panel-danger{border-left:4px solid var(--accent-red)}.glass-panel-warning{border-left:4px solid var(--accent-amber)}.card-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media(min-width:1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}.btn{font-family:var(--font-sub);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;transition:all var(--transition-fast);z-index:1}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-cyan-subtle);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-subtle)}.btn-primary:hover,.btn-primary:focus{background:var(--accent-cyan);color:var(--bg-dark);box-shadow:0 0 20px var(--accent-cyan-glow)}.btn-danger{background:var(--accent-red-subtle);border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:var(--accent-red);color:#fff;box-shadow:0 0 20px var(--accent-red-glow)}.btn-warning{background:var(--accent-amber-subtle);border-color:var(--accent-amber);color:var(--accent-amber)}.btn-warning:hover{background:var(--accent-amber);color:var(--bg-dark)}.btn-discord{background:var(--discord-subtle);border-color:var(--discord-blurple);color:#fff}.btn-discord:hover{background:var(--discord-blurple);box-shadow:0 0 20px #5865f266}.btn-steam{background:var(--steam-blue);border-color:#385068;color:var(--text-primary)}.btn-steam:hover{background:var(--steam-hover);border-color:#66c0f4}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff1a;color:var(--text-primary)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-label{font-family:var(--font-sub);color:var(--text-secondary);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.input-cyber{width:100%;padding:12px 16px;background:#0a0e1a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:all var(--transition-fast)}.input-cyber:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-subtle),inset 0 0 10px #38bdf81a;background:#0f172acc}.input-cyber::placeholder{color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-card);border:1px solid var(--border-subtle);transition:var(--transition-normal);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-muted);transition:var(--transition-normal);border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-cyan-subtle);border-color:var(--accent-cyan)}input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-glow)}.badge{font-family:var(--font-sub);font-weight:700;font-size:.75rem;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.badge-cyan{background:var(--accent-cyan-subtle);color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.badge-red{background:var(--accent-red-subtle);color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.badge-amber{background:var(--accent-amber-subtle);color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-green{background:var(--accent-green-subtle);color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.badge-purple{background:var(--accent-purple-subtle);color:var(--accent-purple);border:1px solid rgba(168,85,247,.3)}.badge-blurple{background:var(--discord-subtle);color:#fff;border:1px solid var(--discord-blurple)}.nav-tabs{display:flex;gap:8px;padding:4px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:1;min-width:max-content;padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sub);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);position:relative}.nav-tab:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab.active{color:var(--bg-dark);background:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow)}.progress-container{width:100%;height:8px;background:var(--bg-dark);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-cyan),#0284c7);border-radius:var(--radius-full);transition:width .5s ease-in-out;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-subtle);background:var(--bg-dark)}.avatar-lg{width:64px;height:64px}.avatar-sm{width:32px;height:32px}.avatar-wrapper{position:relative;display:inline-block}.status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-card)}.status-online{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-offline{background:var(--text-muted)}.status-busy{background:var(--accent-red)}.divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);margin:32px 0}.divider-cyan{background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.5}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:var(--bg-card-solid);color:#fff;text-align:center;border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem;border:1px solid var(--border-subtle);box-shadow:0 4px 12px #00000080;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:100%;max-width:500px;background:var(--bg-card-solid);border:1px solid var(--border-subtle);border-top:4px solid var(--accent-cyan);border-radius:var(--radius-lg);padding:24px;box-shadow:0 20px 50px #00000080,0 0 30px #38bdf81a;transform:translateY(20px) scale(.95);transition:all var(--transition-normal)}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast{background:var(--bg-card-solid);border-left:4px solid var(--accent-cyan);color:var(--text-primary);padding:16px 20px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:12px;min-width:300px;animation:slideInRight .3s forwards,fadeOut .3s 4s forwards}.map-marker{width:32px;height:32px;background:var(--bg-card);border:2px solid var(--accent-cyan);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #38bdf880;transition:all var(--transition-fast)}.map-marker:hover{transform:rotate(-45deg) scale(1.2);background:var(--accent-cyan-subtle);border-color:#fff;z-index:10}.flip-clock{display:flex;gap:16px;justify-content:center}.flip-segment{display:flex;flex-direction:column;align-items:center;gap:8px}.flip-card{background:var(--bg-card-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 24px;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--accent-cyan);box-shadow:inset 0 0 20px #00000080,0 4px 12px #0000004d;position:relative;text-shadow:0 0 10px rgba(56,189,248,.4)}.flip-card:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#00000080}.flip-label{font-family:var(--font-sub);color:var(--text-muted);text-transform:uppercase;font-size:.85rem;letter-spacing:.1em}.social-feed{background:var(--bg-card);border:1px solid var(--discord-blurple);border-radius:var(--radius-lg);padding:16px;height:400px;overflow-y:auto}.crew-card{display:flex;align-items:center;gap:16px;padding:16px}.crew-info{flex:1}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 3s ease-in-out infinite alternate}.animate-spin{animation:spin 1s linear infinite}.skeleton-load{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-cyan-subtle)}to{box-shadow:0 0 20px var(--accent-cyan-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes flipDown{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}