:root{--bg-dark:#0a0e17;--bg-darker:#060a10;--surface:rgba(16, 24, 40, 0.8);--surface-light:rgba(30, 41, 59, 0.6);--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-cyan:#22d3ee;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-pink:#ec4899;--gradient-primary:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-glow:radial-gradient(ellipse at center, var(--accent-primary) 0%, transparent 70%);--border-glow:0 0 20px rgba(59, 130, 246, 0.3);--shadow-lg:0 25px 50px -12px rgba(0, 0, 0, 0.5);--section-padding:clamp(4rem, 10vw, 8rem)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(59,130,246,3%) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,3%) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none;z-index:0}.bg-glow-1{width:600px;height:600px;background:var(--accent-primary);top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.bg-glow-2{width:400px;height:400px;background:var(--accent-secondary);bottom:20%;left:-150px;animation:float 25s ease-in-out infinite reverse}.bg-glow-3{width:300px;height:300px;background:var(--accent-cyan);bottom:-100px;right:20%;animation:float 18s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,30px)}}.particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;font-family:ibm plex mono,monospace;font-size:.75rem;color:var(--accent-cyan);opacity:.15;left:var(--x);animation:particle-float 15s linear infinite;animation-delay:var(--delay)}@keyframes particle-float{0%{transform:translateY(100vh)rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}100%{transform:translateY(-100px)rotate(360deg);opacity:0}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;transition:all .3s ease}.nav::after{content:"";position:absolute;inset:0;background:rgba(10,14,23,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(59,130,246,8%);z-index:-1}.nav.scrolled::after{background:rgba(10,14,23,.9);border-bottom-color:rgba(59,130,246,.1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:ibm plex mono,monospace;font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--text-primary);display:flex;gap:.25rem}.logo-bracket{color:var(--accent-cyan)}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-cta{background:var(--gradient-primary);color:#fff;padding:.6rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--border-glow)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:11rem 2rem 4rem;max-width:1400px;margin:0 auto;position:relative;z-index:2}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid rgba(59,130,246,.2);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.title-line{display:block}.title-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px rgba(59,130,246,.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(59,130,246,.4)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:var(--surface-light);border-color:rgba(59,130,246,.3)}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.btn-icon{font-family:ibm plex mono,monospace;font-weight:700;color:var(--accent-cyan)}.steam-openid-image-link{display:inline-flex;align-items:center;justify-content:center;line-height:0;text-decoration:none;transition:transform .2s ease,filter .2s ease}.steam-openid-image-link:hover{filter:brightness(1.08);transform:translateY(-2px)}.steam-openid-image-link img{display:block;width:114px;height:43px}.hero-stats{display:flex;align-items:center;gap:2rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-family:ibm plex mono,monospace;font-size:1.25rem;font-weight:700;color:var(--accent-cyan)}.stat-label{font-size:.85rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}.hero-visual{display:flex;justify-content:center;align-items:center}.terminal-window{width:100%;max-width:520px;background:rgba(15,23,42,.9);border:1px solid rgba(59,130,246,.2);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg),var(--border-glow);backdrop-filter:blur(10px)}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,5%)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#eab308}.terminal-dot.green{background:#22c55e}.terminal-title{margin-left:auto;font-family:ibm plex mono,monospace;font-size:.8rem;color:var(--text-muted)}.terminal-body{padding:1.5rem;font-family:ibm plex mono,monospace;font-size:.9rem;line-height:1.8}.terminal-line{display:flex;gap:.75rem;opacity:0;animation:terminalFadeIn .5s ease forwards}.terminal-line.output{color:var(--text-secondary)}@keyframes terminalFadeIn{to{opacity:1}}.prompt{color:var(--accent-green);font-weight:600}.command{color:var(--text-primary)}.success{color:var(--accent-green)}.info{color:var(--accent-cyan)}.special{color:var(--accent-orange);font-weight:600}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-tag{font-family:ibm plex mono,monospace;font-size:.9rem;color:var(--accent-cyan);display:block;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.features{padding:var(--section-padding)0;position:relative;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-card{background:var(--surface);border:1px solid rgba(255,255,255,5%);border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:rgba(59,130,246,.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.feature-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-icon svg{width:24px;height:24px;color:#fff}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-desc{color:var(--text-secondary);font-size:.95rem}.gameplay{padding:var(--section-padding)0;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,2%) 50%,transparent 100%);position:relative;z-index:2}.gameplay-steps{display:flex;flex-direction:column;gap:3rem}.gameplay-step{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start;background:var(--surface);border:1px solid rgba(255,255,255,5%);border-radius:20px;padding:2.5rem;transition:all .3s ease}.gameplay-step:hover{border-color:rgba(59,130,246,.2)}.step-number{font-family:ibm plex mono,monospace;font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.step-content{max-width:600px}.step-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.step-desc{color:var(--text-secondary);margin-bottom:1.5rem}.step-visual{background:rgba(0,0,0,.2);border-radius:12px;padding:1.25rem}.resource-bar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.resource-bar:last-child{margin-bottom:0}.resource-name{font-family:ibm plex mono,monospace;font-size:.8rem;color:var(--text-secondary);width:80px}.resource-fill{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:4px;position:relative;overflow:hidden}.resource-fill::after{content:'';position:absolute;left:0;top:0;height:100%;width:var(--fill);background:var(--gradient-primary);border-radius:4px;animation:fillPulse 2s ease-in-out infinite}@keyframes fillPulse{0%,100%{opacity:1}50%{opacity:.7}}.resource-value{font-family:ibm plex mono,monospace;font-size:.8rem;color:var(--accent-green);width:70px;text-align:right}.hardware-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.hardware-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px}.hw-icon{font-family:ibm plex mono,monospace;font-size:.9rem;font-weight:600;color:var(--accent-cyan)}.hw-level{font-family:ibm plex mono,monospace;font-size:.75rem;color:var(--text-secondary)}.loot-preview{display:flex;flex-direction:column;gap:.75rem}.loot-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;font-family:ibm plex mono,monospace;font-size:.85rem}.loot-item.rare{background:rgba(51,153,255,.15);border:1px solid rgba(51,153,255,.3)}.loot-item.uncommon{background:rgba(0,204,0,.15);border:1px solid rgba(0,204,0,.3)}.loot-item.epic{background:rgba(204,102,255,.15);border:1px solid rgba(204,102,255,.3)}.loot-item.rare .loot-name{color:#39f}.loot-item.uncommon .loot-name{color:#0c0}.loot-item.epic .loot-name{color:#c6f}.loot-stats{color:var(--text-secondary);font-size:.8rem}.community{padding:var(--section-padding)0;position:relative;z-index:2}.community-content{background:var(--surface);border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:4rem;text-align:center;position:relative;overflow:hidden}.community-content::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.community .section-tag{position:relative}.community .section-title{position:relative;margin-bottom:1.5rem}.community-text{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;position:relative}.community-features{display:flex;justify-content:center;gap:3rem;position:relative;flex-wrap:wrap}.community-feature{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary)}.cf-icon{font-size:1.25rem}.landing-twemoji-icon{width:1em;height:1em}.cta{padding:var(--section-padding)0;position:relative;z-index:2}.cta-content{text-align:center}.cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.footer{border-top:1px solid rgba(255,255,255,5%);padding:2rem 0;position:relative;z-index:2}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.25rem;font-family:ibm plex mono,monospace;font-weight:600}.footer-version{font-size:.75rem;color:var(--text-muted);margin-left:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary)}.footer-copy{font-size:.85rem;color:var(--text-muted)}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{max-width:100%}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats{justify-content:center}.gameplay-step{grid-template-columns:1fr;text-align:center}.step-number{margin:0 auto}.step-content{max-width:100%}}@media(max-width:768px){.nav-links{display:none}.nav-cta{display:inline-flex}.hero{padding-top:10rem}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{display:none}.features-grid{grid-template-columns:1fr}.hardware-grid{grid-template-columns:repeat(2,1fr)}.community-content{padding:2.5rem 1.5rem}.community-features{flex-direction:column;gap:1rem}.footer-container{flex-direction:column;text-align:center}}@media(max-width:480px){.terminal-window{font-size:.8rem}.terminal-body{padding:1rem}.btn{padding:.875rem 1.5rem;width:100%;justify-content:center}.hero-actions{flex-direction:column}.nav{padding:.75rem 1rem}}.auth-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.auth-modal.active{opacity:1;visibility:visible}.auth-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.auth-modal-content{position:relative;background:var(--bg-dark);border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:2.5rem;width:100%;max-width:420px;margin:1rem;box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.15);transform:translateY(20px)scale(.95);transition:transform .3s ease}.auth-modal.active .auth-modal-content{transform:translateY(0)scale(1)}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease}.auth-modal-close:hover{color:var(--text-primary)}.auth-modal-header{text-align:center;margin-bottom:2rem}.auth-modal-logo{font-family:ibm plex mono,monospace;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.auth-modal-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.auth-modal-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-legal-note{margin-top:1rem;color:var(--text-muted);font-size:.9rem;text-align:center}.auth-legal-note a{color:var(--accent-cyan);text-decoration:none}.auth-legal-note a:hover{color:var(--text-primary)}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.auth-input-group label .optional{color:var(--text-muted);font-weight:400}.auth-input-group input{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.875rem 1rem;font-size:1rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.auth-input-group input::placeholder{color:var(--text-muted)}.auth-input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.auth-register-fields{display:none;flex-direction:column;gap:1.25rem}.auth-register-fields.active{display:flex}.auth-error{display:none;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#ef4444;font-size:.9rem;text-align:center}.auth-error.active{display:block}.btn-full{width:100%;justify-content:center}.auth-steam-actions{margin-top:1rem}.auth-steam-link{width:100%}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--text-muted);font-size:.8rem;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,8%)}.auth-toggle-section{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,5%);font-size:.9rem;color:var(--text-secondary)}.auth-toggle-section a{color:var(--accent-primary);text-decoration:none;font-weight:500;margin-left:.25rem;transition:color .2s ease}.auth-toggle-section a:hover{color:var(--accent-cyan)}.btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.auth-modal-content{padding:2rem 1.5rem;margin:.5rem;border-radius:16px}.auth-modal-header h2{font-size:1.5rem}}