.intro-splash{position:fixed;inset:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.intro-splash.fade-out{animation:splashFadeOut .8s ease forwards}.intro-splash.hidden{display:none}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0}}.splash-bg{position:absolute;inset:0;background:linear-gradient(#000000d9,#000000d9),url(/assets/cooltexturebetter-CAEghH47.png) center/cover no-repeat;background-color:#050505}.splash-border{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.splash-border .border-img{width:100%;height:100%;object-fit:cover;object-position:center}.splash-border-inner{z-index:2;animation:borderZoomInner 2.5s ease-out forwards;overflow:hidden}.splash-border-inner .border-img{transform:scale(1)}.inner-gradient-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,rgba(5,5,5,1) 0%,rgba(5,5,5,.95) 10%,rgba(5,5,5,.7) 30%,transparent 50%,transparent 100%);transform:scale(0);animation:innerGradientGrow 2.2s ease-out forwards}@keyframes innerGradientGrow{0%{transform:scale(0)}to{transform:scale(3)}}@keyframes borderZoomInner{0%{transform:scale(1)}to{transform:scale(1.15)}}.splash-logo-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}.splash-logo{height:120px;width:auto;filter:drop-shadow(0 0 40px rgba(139,0,0,.5));animation:logoZoom 2.2s ease-out forwards}@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.25)}}.splash-skip{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff4d;letter-spacing:1px;opacity:0;animation:skipFadeIn .5s ease .5s forwards}@keyframes skipFadeIn{to{opacity:1}}@media(max-width:768px){.splash-logo{height:80px}.splash-tagline{font-size:.8rem;letter-spacing:2px}.splash-skip{font-size:.7rem}}@media(max-width:480px){.splash-logo{height:60px}.splash-tagline{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.splash-border,.splash-logo,.splash-tagline,.splash-skip{animation:none!important;opacity:1!important;transform:none!important}.intro-splash.fade-out{animation:none;opacity:0}}.welcome-experience{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease;overflow-y:auto;overflow-x:hidden}.welcome-experience.hidden{opacity:0;visibility:hidden;pointer-events:none}body:has(.welcome-experience:not(.hidden)){overflow:hidden}.welcome-atmosphere{position:absolute;inset:0;overflow:hidden}.atmo-layer{position:absolute;inset:0}.atmo-bg{background:linear-gradient(180deg,#0a0808,#151010,#0a0808),url(/assets/cooltexturebetter-CAEghH47.png) center/cover;background-blend-mode:overlay}.atmo-smoke{background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(139,0,0,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 30% 70%,rgba(139,0,0,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 80%,rgba(100,0,0,.08) 0%,transparent 50%);animation:smokeFloat 15s ease-in-out infinite}@keyframes smokeFloat{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.05);opacity:.8}}.atmo-vignette{background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,rgba(0,0,0,.7) 100%)}.atmo-particles{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,100,100,.3) 0%,transparent 100%),radial-gradient(1px 1px at 80% 40%,rgba(255,150,150,.2) 0%,transparent 100%),radial-gradient(1px 1px at 40% 80%,rgba(255,100,100,.25) 0%,transparent 100%),radial-gradient(1px 1px at 60% 20%,rgba(255,150,150,.2) 0%,transparent 100%);animation:particleDrift 20s linear infinite}@keyframes particleDrift{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.welcome-screen{position:relative;z-index:1;width:100%;max-width:700px;padding:40px;display:flex;flex-direction:column;align-items:center}.welcome-header{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;animation:headerReveal .8s ease forwards}@keyframes headerReveal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-emblem{position:relative;margin-bottom:20px}.emblem-glow{position:absolute;inset:-30px;background:radial-gradient(circle,rgba(139,0,0,.4) 0%,transparent 70%);filter:blur(20px);animation:emblemPulse 3s ease-in-out infinite}@keyframes emblemPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.emblem-logo{position:relative;height:80px;width:auto;filter:drop-shadow(0 0 30px rgba(139,0,0,.5))}.welcome-tagline{text-align:center}.tag-line{font-size:.9rem;font-weight:500;color:#ffffff80;letter-spacing:4px;text-transform:uppercase}.path-selection{display:flex;align-items:stretch;gap:24px;width:100%;animation:pathsReveal .8s ease .2s forwards;opacity:0}@keyframes pathsReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.path-card{flex:1;position:relative;padding:48px 24px;background:transparent;border:none;cursor:pointer;font-family:Oxanium,sans-serif;text-align:center;overflow:hidden;border-radius:16px;transition:transform .4s ease}.path-card:hover{transform:translateY(-8px) scale(1.02)}.path-bg{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff05,#ffffff0a);border-radius:16px;transition:all .4s ease}.path-card:hover .path-bg{background:linear-gradient(180deg,#ffffff0a,#ffffff14)}.path-border{position:absolute;inset:0;border-radius:16px;border:1px solid rgba(255,255,255,.08);transition:all .4s ease}.path-new .path-bg{background:linear-gradient(180deg,#2e7d321f,#2e7d320f)}.path-new .path-border{border-color:#4caf5059}.path-new:hover .path-bg{background:linear-gradient(180deg,#2e7d3233,#2e7d321f)}.path-new:hover .path-border{border-color:#64c88280;box-shadow:0 0 30px #64c88226,inset 0 0 30px #64c8820d}.path-veteran:hover .path-border{border-color:#c8505080;box-shadow:0 0 30px #c8505033,inset 0 0 30px #c850500d}.path-content{position:relative;z-index:2}.path-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.path-icon svg{width:28px;height:28px;color:#fff9;transition:all .4s ease}.path-new:hover .path-icon{background:#64c88226;border-color:#64c8824d}.path-new:hover .path-icon svg{color:#7dcea0}.path-veteran:hover .path-icon{background:#c8505033;border-color:#c8505066}.path-veteran:hover .path-icon svg{color:#e07070}.path-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 8px;transition:text-shadow .4s ease}.path-new:hover .path-title{text-shadow:0 0 20px rgba(100,200,130,.3)}.path-veteran:hover .path-title{text-shadow:0 0 20px rgba(200,80,80,.4)}.path-desc{font-size:.85rem;color:#ffffff73;margin:0 0 20px;line-height:1.5}.path-cta{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.path-cta svg{width:16px;height:16px;transition:transform .3s ease}.path-card:hover .path-cta{color:#fffc}.path-card:hover .path-cta svg{transform:translate(4px)}.path-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px}.divider-line{width:1px;height:60px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.divider-text{font-size:.7rem;font-weight:600;color:#fff3;letter-spacing:2px;padding:12px 0}.welcome-footer{margin-top:40px;animation:footerReveal .8s ease .4s forwards;opacity:0}@keyframes footerReveal{0%{opacity:0}to{opacity:1}}.footer-hint{font-size:.7rem;color:#fff3;letter-spacing:1px}.welcome-tutorial{max-width:550px}.tutorial-progress{width:100%;margin-bottom:40px;animation:headerReveal .5s ease forwards}.progress-track{height:2px;background:#ffffff1a;border-radius:2px;margin-bottom:16px;overflow:hidden}.progress-fill{height:100%;width:25%;background:linear-gradient(90deg,#8b000099,#c83c3ccc);border-radius:2px;transition:width .4s ease}.progress-steps{display:flex;justify-content:space-between;padding:0 10px}.progress-steps .step{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:600;color:#ffffff4d;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.progress-steps .step.active{color:#fff;background:#8b000066;border-color:#c83c3c80;box-shadow:0 0 15px #8b00004d}.progress-steps .step.completed{color:#64c882e6;background:#64c88226;border-color:#64c8824d}.tutorial-slide{animation:slideReveal .4s ease forwards}@keyframes slideReveal{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-content-wrapper{text-align:center;margin-bottom:40px}.slide-icon-large{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.slide-icon-large svg{width:36px;height:36px;color:#fff9}.slide-icon-large.slide-icon-logo{background:transparent;border:none;width:auto;height:auto}.slide-icon-large.slide-icon-logo img{height:80px;width:auto;filter:drop-shadow(0 0 20px rgba(139,0,0,.5))}.slide-icon-large.warning{background:#ff98001a;border-color:#ff98004d}.slide-icon-large.warning svg{color:#ff9800}.slide-icon-large.success{background:#64c8821a;border-color:#64c8824d}.slide-icon-large.success svg{color:#7dcea0}.slide-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 16px}.slide-title .highlight{background:linear-gradient(90deg,#c85050,#e07070);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-title .highlight.zgrad,.slide-title .highlight.need{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ff0000;background-clip:unset;color:red}.slide-title .highlight.warning{background:linear-gradient(90deg,#ff9800,#ffb74d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-title .highlight.success{background:linear-gradient(90deg,#66bb6a,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-text{font-size:1rem;color:#ffffffa6;line-height:1.7;margin:0 0 24px}.slide-features{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.feature-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:.85rem;color:#ffffffb3}.feature-chip span:first-child{font-size:1rem}.requirements-grid{display:flex;flex-direction:column;gap:12px;text-align:left}.req-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .3s ease}.req-item.highlight-req{background:#ff660014;border-color:#f603}.req-item.highlight-req.gmod-req{background:#1b6db31f;border-color:#1b6db359}.req-icon-mini{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;font-size:1.2rem;flex-shrink:0}.req-icon-mini.steam{background:#1b2838}.req-icon-mini.steam svg{width:18px;height:18px;color:#66c0f4}.req-icon-mini.gmod{background:#1b6db3;padding:4px}.req-icon-mini.gmod img{width:100%;height:100%;object-fit:contain}.req-info{display:flex;flex-direction:column;gap:2px}.req-info strong{font-size:.95rem;color:#fff}.req-info span,.req-info a{font-size:.8rem;color:#ffffff73}.req-info a{color:#66b3ff;text-decoration:none;transition:color .2s}.req-info a:hover{color:#9cf}.steam-link-arrow{display:inline-flex;align-items:center;gap:2px}.steam-link-arrow svg{width:14px;height:14px;transition:transform .2s}.steam-link-arrow:hover svg{transform:translate(2px)}.step-text-arrow{display:inline-flex;align-items:center;gap:4px}.step-text-arrow svg{width:16px;height:16px;color:#ff9800b3}.warning-box{background:#ff98000f;border:1px solid rgba(255,152,0,.15);border-radius:12px;padding:24px;text-align:left}.warning-intro{font-size:.95rem;color:#ffc864e6;margin:0 0 20px;line-height:1.5}.setting-steps-modern{display:flex;flex-direction:column;gap:12px}.step-modern{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#ffffffbf}.step-num-modern{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff980033;border:1px solid rgba(255,152,0,.3);font-size:.75rem;font-weight:700;color:#ff9800;flex-shrink:0}.ready-content{text-align:center}.ready-text{font-size:1rem;color:#ffffffa6;line-height:1.7;margin:0 0 24px}.steam-cta{background:#1b283866;border:1px solid rgba(102,192,244,.15);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.cta-label{font-size:.8rem;color:#ffffff80}.steam-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#66c0f41a;border:1px solid rgba(102,192,244,.3);border-radius:8px;color:#66c0f4;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease}.steam-btn svg{width:16px;height:16px}.steam-btn:hover{background:#66c0f4;color:#1b2838}.slide-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.slide-nav.slide-nav-centered{justify-content:center}.nav-spacer{flex:1}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Oxanium,sans-serif}.nav-btn svg{width:18px;height:18px}.nav-btn-back{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80}.nav-btn-back:hover{background:#ffffff08;border-color:#fff3;color:#fffc}.nav-btn-next{background:#8b000040;border:1px solid rgba(139,0,0,.4);color:#fff}.nav-btn-next:hover{background:#8b000066;border-color:#c83c3c80;transform:translate(2px)}.nav-btn-deploy{background:linear-gradient(135deg,#64c88240,#3ca05a59);border:1px solid rgba(100,200,130,.4);color:#fff}.nav-btn-deploy:hover{background:linear-gradient(135deg,#64c88266,#3ca05a80);border-color:#64c88299;box-shadow:0 0 25px #64c88233;transform:translateY(-2px)}.play-page{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;background-color:#0a0a0a}.play-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.play-bg-image{position:absolute;inset:-30px;background:url(/assets/homigrad-essence-DAmm6NY_.jpg) center/cover no-repeat;opacity:.25;transform:scale(1.1);transition:transform .1s ease-out;will-change:transform}.play-bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(139,0,0,.15) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%)}.play-bg-texture{position:absolute;inset:0;background:url(/assets/cooltexturebetter-CAEghH47.png) center/cover no-repeat;opacity:.08}.play-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px}.play-logo-link{display:block;transition:transform .3s ease}.play-logo-link:hover{transform:scale(1.02)}.play-logo{height:50px;width:auto;filter:drop-shadow(0 0 15px rgba(139,0,0,.3))}.play-nav{display:flex;gap:32px}.play-nav .nav-link{font-size:.9rem;font-weight:600;color:#fff9;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:color .2s ease}.play-nav .nav-link:hover{color:#fff}.play-main{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 40px 40px;gap:32px}.play-stats-bar{display:flex;justify-content:center}.play-stats-bar .total-playercount-text{font-weight:600;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.5);background-color:#000000b3;padding:10px 20px;border-radius:8px;display:inline-block}.play-stats-bar .total-playercount-text.loading{color:#fff9}.play-stats-bar .total-playercount-text.online{color:#fff}.play-stats-bar .current-count{color:#fff;font-weight:700;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2),1px 1px 2px rgba(0,0,0,.8)}.quick-play-container{width:100%;max-width:500px}.quick-play-btn{width:100%;display:flex;align-items:center;gap:20px;padding:24px 32px;background:linear-gradient(135deg,#8b00004d,#64000059);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(139,0,0,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;font-family:Oxanium,sans-serif;position:relative;overflow:hidden}.quick-play-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c800004d,#78000066);opacity:0;transition:opacity .3s ease}.quick-play-btn:not(:disabled):hover{background:linear-gradient(135deg,#a0000066,#78000073);border-color:#b4000073;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.quick-play-btn:not(:disabled):hover:before{opacity:1}.quick-play-btn:disabled{opacity:.6;cursor:not-allowed}.qp-icon{position:relative;z-index:1;width:60px;height:60px;background:#8b00004d;border:1px solid rgba(180,0,0,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.quick-play-btn:not(:disabled):hover .qp-icon{background:#b4000066;border-color:#c8000059}.qp-icon svg{width:28px;height:28px;color:#fff;margin-left:3px}.qp-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.qp-title{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2)}.qp-subtitle{font-size:.9rem;color:#fff9;transition:opacity .2s ease,transform .2s ease}.qp-subtitle.shuffling-out{opacity:0;transform:translateY(-8px)}.qp-subtitle.shuffling-in{animation:shuffleIn .3s ease forwards}@keyframes shuffleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.servers-section{width:100%;max-width:1000px}.section-title{font-size:.85rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:0 0 20px}.server-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.server-grid .server-card{flex:0 1 calc(33.333% - 10px);min-width:300px;max-width:400px}.server-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:50px;color:#ffffff80}.loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b000099;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.server-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#1e1e234d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .25s ease;text-decoration:none;position:relative;overflow:hidden}.server-card:hover{background:#2d2d3266;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.server-card.offline{opacity:.35;cursor:not-allowed}.server-card.offline:hover{transform:none;box-shadow:none;background:#1e1e2399;border-color:#ffffff14}.server-info{flex:1;min-width:0}.server-header{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.server-name{font-size:1.05rem;font-weight:600;color:#fffffff2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-flag{flex-shrink:0;display:inline-flex;align-items:center;position:relative;top:2px}.region-flag .flag-icon{width:24px;height:17px;border-radius:2px;display:inline-block;vertical-align:middle}.server-meta{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.server-players{display:flex;align-items:baseline;gap:1px;font-weight:600;white-space:nowrap;padding:8px 14px;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.server-players .count{font-size:1.15rem;color:#ffffffe6}.server-players .max{font-size:.9rem;color:#ffffff59}.server-players .offline-text{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.server-players.high .count{color:#ffb74d}.server-players.full .count{color:#e57373}.server-arrow{width:18px;height:18px;color:#fff3;transition:all .25s ease;flex-shrink:0}.server-card:hover .server-arrow{color:#ffffff80;transform:translate(2px)}.quick-links-section{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.quick-link{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#1e1e2340;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#ffffffb3;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;font-family:Oxanium,sans-serif}.quick-link svg{width:20px;height:20px}.quick-link:hover{background:#28282880;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.play-footer{position:relative;z-index:10;text-align:center;padding:20px;color:#ffffff4d;font-size:.8rem}.pc-only-notice{display:none;text-align:center;padding:15px 25px;margin:0 auto 20px;max-width:400px;font-size:.95rem;color:#ffffffd9;background-color:#80808026;border:1px solid rgba(128,128,128,.3);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:10}.steam-icon-inline{width:1em;height:1em;vertical-align:-.125em;margin-right:.25em;display:inline-block;filter:brightness(0) invert(1)}@media(max-width:768px){.welcome-experience{align-items:flex-start;padding:20px 0}.welcome-screen{padding:30px 20px}.welcome-choice{padding-top:10px}.welcome-header{margin-bottom:24px}.emblem-logo{height:50px}.emblem-glow{inset:-15px}.tag-line{font-size:.75rem;letter-spacing:3px}.path-selection{flex-direction:column;gap:12px}.path-card{padding:28px 20px}.path-divider{flex-direction:row;padding:6px 0}.divider-line{width:60px;height:1px}.path-icon{width:48px;height:48px;margin-bottom:12px}.path-icon svg{width:22px;height:22px}.path-title{font-size:1.05rem}.path-desc{font-size:.8rem;margin-bottom:14px}.welcome-footer{margin-top:20px}.welcome-tutorial{max-width:100%}.tutorial-progress{margin-bottom:30px}.progress-steps .step{width:24px;height:24px;font-size:.7rem}.slide-icon-large{width:64px;height:64px;margin-bottom:20px}.slide-icon-large svg{width:28px;height:28px}.slide-title{font-size:1.4rem}.slide-text{font-size:.9rem}.slide-features{gap:8px}.feature-chip{padding:6px 12px;font-size:.8rem}.req-item{padding:12px 14px}.warning-box{padding:18px}.slide-nav{flex-direction:column-reverse;gap:10px}.nav-btn{width:100%;justify-content:center}.nav-spacer{display:none}.play-header{padding:16px 20px;flex-direction:column;gap:16px}.play-logo{height:40px}.play-nav{gap:20px}.play-nav .nav-link{font-size:.8rem}.play-main{padding:20px;gap:24px}.play-stats-bar .total-playercount-text{font-size:1rem;padding:8px 16px}.quick-play-btn{padding:20px 24px;gap:16px}.qp-icon{width:50px;height:50px}.qp-icon svg{width:24px;height:24px}.qp-title{font-size:1.4rem}.server-grid .server-card{flex:1 1 100%;max-width:100%}.quick-links-section{width:100%}.quick-link{flex:1;min-width:140px;justify-content:center}.pc-only-notice{display:block;margin:0 20px 20px;padding:15px 20px;font-size:.9rem}.server-card{pointer-events:none;opacity:.7}.server-card .server-arrow,.quick-play-container{display:none}}@media(max-width:480px){.welcome-experience{padding:15px 0}.welcome-screen{padding:20px 16px}.welcome-choice{padding-top:5px}.welcome-header{margin-bottom:18px}.emblem-logo{height:42px}.emblem-glow{inset:-12px}.tag-line{font-size:.65rem;letter-spacing:2px}.path-selection{gap:10px}.path-card{padding:22px 16px}.path-divider{padding:4px 0}.path-icon{width:42px;height:42px;margin-bottom:10px}.path-icon svg{width:20px;height:20px}.path-label{font-size:.6rem}.path-title{font-size:.95rem}.path-desc{font-size:.72rem;margin-bottom:12px}.path-cta{font-size:.7rem}.welcome-footer{margin-top:16px}.slide-icon-large{width:56px;height:56px}.slide-icon-large svg{width:24px;height:24px}.slide-title{font-size:1.25rem;margin-bottom:12px}.slide-text{font-size:.85rem;margin-bottom:18px}.feature-chip{padding:5px 10px;font-size:.75rem}.req-item{padding:10px 12px;gap:10px}.req-icon-mini{width:32px;height:32px;font-size:1rem}.req-info strong{font-size:.85rem}.req-info span,.req-info a{font-size:.75rem}.warning-box{padding:14px}.warning-intro{font-size:.85rem}.step-modern{font-size:.8rem}.step-num-modern{width:22px;height:22px;font-size:.7rem}.ready-text{font-size:.9rem}.steam-cta{padding:12px 14px}.cta-label{font-size:.75rem}.steam-btn{padding:8px 14px;font-size:.8rem}.nav-btn{padding:10px 18px;font-size:.85rem}.play-header{padding:12px 16px}.play-main{padding:16px}.quick-play-btn{padding:18px 20px}.qp-icon{width:44px;height:44px}.qp-icon svg{width:22px;height:22px}.qp-title{font-size:1.2rem}.qp-subtitle{font-size:.8rem}.section-title{font-size:.75rem}.server-card{padding:14px 16px;gap:12px}.quick-link{padding:10px 16px;font-size:.85rem}.pc-only-notice{margin:0 15px 15px;padding:12px 16px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.tutorial-slide,.loading-spinner{animation:none}.server-card,.quick-play-btn,.path-card{transition:none}.atmo-smoke,.atmo-particles,.emblem-glow{animation:none}.welcome-header,.path-selection,.welcome-footer{animation:none;opacity:1}}.join-guide-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.join-guide-popup.show{opacity:1;visibility:visible}.join-guide-popup .popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.join-guide-popup .popup-content{position:relative;background:#0c0c0ff2;border-radius:16px;padding:0;max-width:480px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 50px #0009;transform:scale(.9) translateY(20px);transition:all .3s ease;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.join-guide-popup.show .popup-content{transform:scale(1) translateY(0)}.join-guide-popup .popup-header{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;background:#0003}.join-guide-popup .popup-title{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.join-guide-popup .popup-close{background:#ffffff14;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.join-guide-popup .popup-close:hover{background:#ff3c3ccc;transform:scale(1.05)}.join-guide-popup .popup-close svg{width:18px;height:18px;fill:#ffffffb3}.join-guide-popup .popup-body{padding:24px}.join-guide-popup .steps-section{margin-bottom:24px}.join-guide-popup .steps-list{display:flex;flex-direction:column;gap:14px}.join-guide-popup .step-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.join-guide-popup .step-item:hover{background:#ffffff0f;border-color:#ffffff1a}.join-guide-popup .step-number{width:32px;height:32px;background:linear-gradient(135deg,#4caf5040,#388e3c59);border:1px solid rgba(76,175,80,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fffffff2;flex-shrink:0;box-shadow:0 2px 8px #4caf5026}.join-guide-popup .step-content{display:flex;flex-direction:column;gap:3px}.join-guide-popup .step-content strong{color:#fffffff2;font-size:.9rem;font-weight:600}.join-guide-popup .step-content span{color:#ffffff80;font-size:.8rem;line-height:1.4}.join-guide-popup .popup-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.04);text-align:center}.join-guide-popup .footer-note{font-size:.85rem;color:#fff9;margin-bottom:12px}.join-guide-popup .footer-note strong{color:#fffc}.join-guide-popup .discord-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.8rem;background-color:#7289da26;color:#f5f5f5;border:1px solid rgba(114,137,218,.3);border-radius:6px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease-in-out;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #7289da33;text-transform:uppercase;letter-spacing:.5px;font-family:Oxanium,sans-serif;white-space:nowrap}.join-guide-popup .discord-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(114,137,218,.4) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity .5s}.join-guide-popup .discord-btn:hover{background-color:#7289da40;transform:translateY(-2px);box-shadow:0 6px 20px #7289da4d;border-color:#7289da80;color:#7289da}.join-guide-popup .discord-btn:active{transform:translateY(0)}.join-guide-popup .discord-btn:active:after{transform:scale(0);opacity:.3;transition:0s}.join-guide-popup .discord-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .3s ease}.join-guide-popup .discord-btn:hover svg{transform:scale(1.1)}@media(max-width:480px){.join-guide-popup .popup-content{width:95%;max-height:85vh}.join-guide-popup .popup-header{padding:16px 18px 14px}.join-guide-popup .popup-title{font-size:1.1rem}.join-guide-popup .popup-body{padding:18px}.join-guide-popup .step-item{padding:14px;gap:14px}.join-guide-popup .step-number{width:28px;height:28px;font-size:.8rem;border-radius:8px}}