:root{--ink:#243c33;--muted:#77817c;--green:#2c654b;--lime:#c9e8a5;--line:#e4e9e3;--canvas:#f8faf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}.container{max-width:1200px;padding-left:28px;padding-right:28px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77aa59!important;outline-offset:4px}.site-header{background:#172e27;color:#fff}.navbar{min-height:98px}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:750;letter-spacing:-.8px;line-height:1.1}.brand-light{font-weight:400;color:#c5d2ca}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;color:#aebfb4;margin-top:9px}.brand-icon{display:grid;place-items:center;width:39px;height:44px;border-radius:10px;border:2px solid #c4e59f;color:#c4e59f;font-size:28px;line-height:1}.navbar .nav-link{color:#bdc9c1;font-size:13px;padding:17px 0!important;position:relative}.navbar .nav-link.active{color:#d7efb9}.navbar .nav-link.active:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:#c4e59f}.navbar .nav-link:hover{color:#fff}.facebook-link{border:0;background:none}.facebook-mark{font-family:Arial;font-size:17px;font-weight:700;margin-right:7px}.hero{background:#eef3e9;overflow:hidden;border-bottom:1px solid #e2e8dc}.hero-inner{min-height:352px;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;padding:42px 0 39px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#6b8069;display:block}.hero .eyebrow{display:flex;align-items:center;gap:10px}.small-line{width:22px;height:2px;background:#61895c}h1{font-size:43px;line-height:1.18;font-weight:750;letter-spacing:-1.7px;margin:16px 0}h1>span{color:#65855b}.hero p{color:#788273;font-size:13px;line-height:1.8;margin-bottom:24px}.btn{font-size:12px;font-weight:600;border-radius:6px;padding:12px 19px}.btn-primary{--bs-btn-bg:#2d634b;--bs-btn-border-color:#2d634b;--bs-btn-hover-bg:#204c38;--bs-btn-hover-border-color:#204c38;--bs-btn-active-bg:#204c38;--bs-btn-active-border-color:#204c38;--bs-btn-color:#fff}.hero-button{display:inline-flex;gap:30px;align-items:center}.hero-button span{font-size:18px;line-height:1}.hero-note{font-size:10px;color:#7c8976;margin-left:16px}.route-art{position:absolute;right:-32px;top:14px;width:535px;height:315px;opacity:.95;transform:rotate(-5deg)}.route-art>svg{width:100%;height:100%}.map-label{position:absolute;padding:9px 13px;background:#fff;border:1px solid #e2e8dd;box-shadow:0 5px 15px #294e2810;border-radius:7px;font-size:10px;font-weight:600;transform:rotate(5deg);display:flex;align-items:center;gap:8px}.label-start{left:88px;top:214px}.label-destination{right:28px;top:56px}.stop-icon{display:inline-grid;place-items:center;border:2px solid #6c8d53;color:#6c8d53;border-radius:50%;width:18px;height:18px;font-size:12px}.bus-illustration{position:absolute;left:204px;top:127px;width:162px;height:81px;background:#f5f4dc;border:2px solid #3c5e4e;border-radius:12px 15px 7px 7px;box-shadow:6px 13px 0 #3753330d;transform:rotate(5deg)}.bus-roof{display:flex;justify-content:space-between;font-size:8px;font-weight:800;padding:4px 9px;color:#516146}.bus-route{background:#29392f;color:#e8f0bc;padding:0 8px}.bus-windows{display:flex;gap:3px;padding:0 7px;height:30px}.bus-windows i{background:#34594f;flex:1;border-radius:2px;box-shadow:inset 0 5px 0 #ffffff15}.bus-windows i:last-child{flex:1.4}.bus-stripe{margin-top:6px;height:6px;background:#779663}.bus-wheel{position:absolute;bottom:-9px;width:19px;height:19px;border:5px solid #293b32;border-radius:50%;background:#a5afa1}.wheel-left{left:22px}.wheel-right{right:21px}.bus-lights{position:absolute;right:0;bottom:7px;width:5px;height:6px;background:#e8bb5d}.stats-strip{background:#fff;border-bottom:1px solid var(--line)}.stats-inner{height:66px;display:flex;align-items:center;gap:23px;font-size:11px;color:#798379}.stats-inner>div{display:flex;align-items:center;gap:8px}.stats-inner strong{font-size:13px;color:#344a3b}.status-dot{width:7px;height:7px;background:#6a9f57;display:inline-block;border-radius:50%;flex-shrink:0}.stat-icon{font-size:20px;color:#73906c}.stat-divider{height:17px;width:1px;background:#e1e7de}.demo-label{margin-left:auto;font-size:8px;letter-spacing:1.4px;color:#929a8c}.server-section{padding-top:46px;padding-bottom:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{font-size:27px;letter-spacing:-.8px;font-weight:700;margin:10px 0}.section-heading p{color:var(--muted);font-size:12px;margin:0}.directory-label{font-size:10px;color:#74806f;border:1px solid #dce5d7;border-radius:5px;padding:8px 10px;display:flex;gap:7px;align-items:center}.directory-label .status-dot{width:5px;height:5px}.filter-bar{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;gap:12px;align-items:center;box-shadow:0 3px 7px #22332202}.search-field{flex:1;display:flex;align-items:center;gap:9px;padding:0 11px}.search-field svg{width:18px;height:18px;stroke:#8b9888;fill:none;stroke-width:1.7}.search-field input{border:0;outline:0;width:100%;height:32px;font-size:12px;color:var(--ink);background:transparent}.search-field input::placeholder{color:#8c9589}.map-filter{width:220px;border-left:1px solid var(--line);padding-left:10px}.form-select{font-size:11px;border:0;box-shadow:none!important;color:#56624f;background-color:#fff}.online-filter{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0 10px 0 8px;font-size:11px;padding-left:0}.online-filter .form-check-input{float:none;margin:0;width:29px;height:16px;cursor:pointer;background-color:#e4e9df;border-color:#d7dfd0}.form-check-input:checked{background-color:#568347;border-color:#568347}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 1px 12px;font-size:10px;color:#8a9387}.results-heading select{border:0;background:transparent;color:#5f6c58;font-size:10px;margin-left:10px;cursor:pointer}.server-list{display:flex;flex-direction:column;gap:10px}.server-card{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);padding:22px;border-radius:8px;transition:border-color .18s,box-shadow .18s}.server-card:hover{border-color:#c4d4bb;box-shadow:0 5px 20px #263b2506}.server-card[hidden]{display:none}.server-avatar{height:82px;width:82px;flex-shrink:0;border-radius:7px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;background:#55745d}.server-avatar>span{position:relative;z-index:2;font-size:27px;font-weight:650;letter-spacing:-1px;margin-top:-10px}.server-avatar svg{position:absolute;bottom:-4px;left:-1px;width:85px;fill:none;stroke:#fff;opacity:.21;stroke-width:4}.berlin{background:#617b64}.hamburg{background:#607e88}.ruhr{background:#8a8069}.ahlheim{background:#7a7d95}.bremen{background:#a0aaa2}.server-info{flex:1;min-width:0}.server-title-line{display:flex;align-items:center;gap:9px}.server-title-line h3{font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0}.language{font-size:8px;letter-spacing:.6px;color:#8a9484;border:1px solid #e8ece3;padding:1px 4px;border-radius:3px}.community-name{font-size:10px;color:#939a8d;margin:5px 0 9px}.map-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.map-tags>span:not(.map-pin){font-size:9px;padding:3px 7px;background:#f0f4eb;color:#607154;border:1px solid #e9efdf;border-radius:3px}.map-pin{font-size:16px;line-height:1;color:#7a9168;margin-right:1px}.server-tags{display:flex;gap:12px;font-size:9px;color:#99a08f;margin-top:8px}.server-tags>span+span:before{content:"·";margin-right:12px}.server-status{width:115px;display:flex;align-items:flex-start;flex-direction:column;gap:7px}.status-pill{display:inline-flex;gap:5px;align-items:center;font-size:9px;padding:3px 7px;border-radius:4px;font-weight:600}.status-pill .status-dot{width:5px;height:5px}.online{color:#4f7b3c;background:#eff5e8}.offline{color:#8a9288;background:#f0f2ee}.offline .status-dot{background:#a5ada1}.player-count{color:#9aA190;font-size:10px}.player-count strong{color:#5f6c53;font-weight:600}.capacity{width:83px;height:3px;background:#edf1e7;border-radius:3px;overflow:hidden}.capacity span{height:100%;display:block;background:#8da876;border-radius:3px}.details-button{border:1px solid #e1e7da;padding:9px 14px;color:#607254;font-size:10px;white-space:nowrap}.details-button span{margin-left:16px}.details-button:hover{background:#edf3e5;border-color:#c5d3b9;color:#334d28}.data-note{text-align:center;font-size:9px;color:#98a08f;margin:19px 0 18px}.data-note span{margin-right:4px}.multiplayer-section{padding-top:13px;padding-bottom:45px}.multiplayer-panel{display:flex;gap:24px;align-items:center;padding:30px;background:#eef3e8;border:1px solid #e0e8d8;border-radius:8px}.multiplayer-panel h2{font-size:23px;margin:8px 0}.multiplayer-panel p{font-size:11px;color:#829076;margin:0;line-height:1.8}.multiplayer-panel .eyebrow{font-size:8px}.multiplayer-icon{width:66px;height:66px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e1ead7;color:#678954;font-size:38px;font-weight:300;letter-spacing:-17px;padding-right:17px}.multiplayer-icon span{opacity:.45}.community-button{margin-left:auto;color:#526c40;background:#fff;border:1px solid #dbe4d0;font-size:10px;padding:12px 14px;white-space:nowrap}.community-button span{margin-left:20px}.community-button:hover{background:#e1ebd7;border-color:#b8c9a8}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;gap:25px;padding-top:29px;padding-bottom:27px;font-size:10px;color:#83907c}.footer-brand{font-size:18px;gap:9px;color:#344a3c}.footer-brand .brand-icon{width:27px;height:31px;font-size:21px;border-width:1.5px;border-color:#688360;color:#688360;border-radius:6px}.footer-brand .brand-light{color:#6f8168}.footer-main>span{margin-right:auto;font-size:10px;color:#9ba391}.footer-main button{background:none;border:0;color:inherit;padding:0;font-size:10px}.footer-main a:hover,.footer-main button:hover{color:#2d634b}.footer-bottom{border-top:1px solid #edf0e8;padding-top:17px;padding-bottom:23px;display:flex;justify-content:space-between;font-size:9px;color:#a2aa9b}.footer-dot{color:#98b47b;font-size:8px;margin-left:6px}.modal-content{border:0;border-radius:12px;box-shadow:0 20px 100px #17302730}.modal-header,.modal-footer{border-color:var(--line);padding:20px 24px}.modal-body{padding:24px;color:#64735d;line-height:1.8}.modal-title{color:var(--ink)}.modal-note{background:#f1f5ec;border-radius:7px;padding:13px;font-size:12px;margin:20px 0 0}.detail-summary{display:flex;gap:15px;align-items:center;font-size:12px}.getting-started{padding-left:22px}.getting-started li{padding-bottom:10px}.empty-state{padding:50px 20px;text-align:center;background:#fff;border:1px dashed #ccd8c3;border-radius:8px}.empty-state h3{font-size:21px}.empty-state p{color:var(--muted)}.skip-link{position:absolute;z-index:2000;left:20px;top:-80px;padding:12px;background:white}.skip-link:focus{top:10px}
@media(min-width:1450px){.container{max-width:1260px}.hero-inner{min-height:380px}.hero-copy{padding:48px 0}.route-art{right:0;top:28px}}
@media(max-width:991px){h1{font-size:37px}.hero-note{display:block;margin:12px 0 0}.route-art{right:-120px;opacity:.7}.hero-copy{max-width:75%}.server-card{gap:15px;padding:18px}.server-avatar{width:65px;height:76px}.server-title-line h3{font-size:13px}.server-status{width:90px}.footer-main{gap:16px;flex-wrap:wrap}.footer-main>span{display:none}.footer-brand{margin-right:auto}.multiplayer-panel{gap:15px;padding:24px}.multiplayer-icon{display:none}.community-button span{margin-left:8px}.hero-copy>p{max-width:390px}.map-filter{width:190px}}
@media(max-width:767px){.container{padding-left:20px;padding-right:20px}.navbar{min-height:82px}.brand{font-size:21px}.brand small{font-size:7px}.brand-icon{width:32px;height:38px}.navbar .nav-link{display:inline-block;padding:12px 0!important}.navbar-collapse{padding:12px 0 18px}.route-art{right:-200px;opacity:.25;top:40px}.hero-inner{min-height:330px}.hero-copy{max-width:100%;padding:36px 0}h1{font-size:35px}.hero p{max-width:340px;font-size:12px}.hero-note{font-size:9px}.stats-inner{gap:12px;height:auto;min-height:65px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;font-size:9px}.stats-inner>div{gap:5px}.stats-inner strong{font-size:11px}.demo-label{width:100%;margin:0;font-size:7px;letter-spacing:1.1px}.stat-icon{font-size:15px}.stat-divider{height:12px}.server-section{padding-top:32px}.section-heading{margin-bottom:20px}h2{font-size:24px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.section-heading p{font-size:11px;line-height:1.7}.directory-label{display:none}.filter-bar{flex-wrap:wrap;gap:9px;padding:10px 12px}.search-field{width:100%;flex:initial;border-bottom:1px solid var(--line);padding:0 0 8px}.map-filter{flex:1;border:0;padding:0}.online-filter{margin-right:0}.server-card{position:relative;flex-wrap:wrap;gap:14px;padding:18px 15px}.server-avatar{width:55px;height:65px}.server-avatar>span{font-size:23px}.server-info{width:calc(100% - 80px);flex:auto}.server-title-line h3{font-size:13px}.language{font-size:7px}.map-tags{gap:4px}.map-tags>span:not(.map-pin){font-size:8px;padding:2px 5px}.community-name{font-size:9px}.server-tags{font-size:8px;gap:8px}.server-tags>span+span:before{margin-right:8px}.server-status{width:auto;flex:1;flex-direction:row;align-items:center;gap:10px;margin-left:69px}.capacity{display:none}.details-button{padding:7px 10px;font-size:9px}.details-button span{margin-left:9px}.player-count{font-size:9px}.status-pill{font-size:8px}.results-heading{font-size:9px}.results-heading select{margin-left:3px;font-size:9px}.data-note{font-size:8px;line-height:1.7;padding:0 10px}.multiplayer-section{padding-bottom:30px}.multiplayer-panel{flex-direction:column;align-items:flex-start;padding:24px;gap:19px}.multiplayer-panel h2{font-size:23px}.community-button{margin-left:0}.footer-main{gap:22px;padding-top:25px;padding-bottom:25px}.footer-brand{width:100%;margin:0}.footer-bottom{flex-direction:column;gap:9px;line-height:1.6;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}