@charset "UTF-8";
:root{color-scheme:dark;--bg:#080b12;--panel:#10151f;--text:#f2f3f5;--muted:#969fae;--orange:#ff9b38;--cyan:#22c9fa;--line:#ffffff16;font-family:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 0 14%,#9d48130d,transparent 42%),radial-gradient(ellipse at 100% 16%,#00baff0c,transparent 42%)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}img{max-width:100%;display:block}p{margin:0 0 1.2rem}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.045em;margin:0 0 1.2rem}h1{font-size:38px;font-size:clamp(38px,4.8vw,70px);font-weight:750}h2{font-size:28px;font-size:clamp(28px,3vw,40px);font-weight:650}h3{font-size:28px}h4{font-size:20px}main{flex:1;min-width:0}.container{width:calc(100% - 96px);max-width:1240px;width:min(1240px,calc(100% - 96px));margin-left:auto;margin-right:auto;margin-inline:auto}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;line-height:1.6;margin-bottom:20px}.tiny-line{display:inline-block;vertical-align:middle;background:var(--orange);width:26px;height:2px;margin-right:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{width:calc(100% - 96px);max-width:1400px;width:min(1400px,calc(100% - 96px));min-height:100px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:18px}.wordmark{font-size:29px;letter-spacing:-1.5px;font-weight:900;white-space:nowrap}.wordmark>span{color:var(--orange)}.brand-divider{height:27px;width:1px;background:#ffffff25}.brand-caption{font-size:8px;line-height:1.6;letter-spacing:2.3px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.main-nav a{padding:8px 0;color:var(--muted);position:relative}.main-nav a:hover,.main-nav .active{color:var(--text)}.main-nav .active:after{position:absolute;bottom:-26px;left:0;right:0;content:"";height:2px;background:var(--orange)}.main-nav .nav-discord{border:1px solid #ffffff26;padding:10px 17px;color:var(--text)}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-top:64px;padding-bottom:76px;padding-block:64px 76px}.hero-copy{position:relative;z-index:1}.hero-copy h1>span{color:var(--orange)}.hero-description{font-size:16px;color:#aab1bd;max-width:490px;line-height:1.9;margin:27px 0 30px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 21px;border:1px solid #ffffff29;background:transparent;color:var(--text);font-size:12px;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.button:hover{border-color:var(--cyan);background:#22c9fa0b;transform:translateY(-2px)}.button-primary{background:var(--orange);border-color:var(--orange);color:#10131b}.button-primary:hover{background:#ffb364;border-color:#ffb364}.button-small{padding:7px 13px;min-height:36px;font-size:11px}.button:disabled{cursor:default;opacity:.55;transform:none}.hero-note{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-top:25px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #22c9fa80;display:inline-block;flex-shrink:0}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0}.hero-art img{width:100%;height:auto;position:relative;mix-blend-mode:screen;z-index:1}.art-orbit{position:absolute;inset:10%;border:1px solid #ffffff08;border-radius:50%;box-shadow:0 0 100px #00baff06}.art-caption{font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:10px}.art-caption span{padding-left:12px;padding-right:12px;padding-inline:12px;color:var(--orange)}.community-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-block:1px solid var(--line);background:#ffffff02}.strip-inner{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:9px;letter-spacing:1.8px;color:var(--muted)}.strip-inner b{color:var(--orange);padding-left:15px;padding-right:15px;padding-inline:15px}.strip-inner>span:first-child{color:var(--text)}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:95px;padding-bottom:95px;padding-block:95px;border-bottom:1px solid var(--line)}.about-section h2{font-size:36px;line-height:1.35}.about-copy{padding-top:4px;font-size:14px;line-height:1.9}.text-link{font-size:12px;font-weight:650;display:inline-flex;gap:27px;align-items:center}.text-link span{color:var(--orange);font-size:18px}.text-link:hover{color:var(--orange)}.games-section{padding-top:75px;padding-bottom:90px;padding-block:75px 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{margin:0}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.server-card{position:relative;border:1px solid var(--line);background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-height:330px;transition:border-color .2s,transform .2s}.server-card:hover{border-color:#22c9fa70;transform:translateY(-4px)}.server-art{width:100%;height:200px;object-fit:cover;opacity:.65;mask-image:linear-gradient(#000 60%,transparent)}.server-card-body{padding:0 30px 22px;position:relative;margin-top:-26px;flex:1;display:flex;flex-direction:column}.server-card-body .eyebrow{margin-bottom:10px;font-size:9px}.server-card h3{font-size:38px;margin-bottom:13px}.server-card p{color:#aab1bd;font-size:13px;max-width:440px}.server-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:10px;color:var(--muted)}.arrow{font-size:24px;color:var(--orange)}.discord-section{border-top:1px solid #ff9b3840;border-bottom:1px solid var(--line);padding:50px 36px;display:flex;gap:34px;align-items:center;margin-bottom:80px;background:linear-gradient(110deg,#ff9b3809,transparent 60%,#22c9fa07)}.discord-mark{font-size:100px;color:var(--orange);font-weight:200;line-height:1;opacity:.7}.discord-section h2{font-size:34px;line-height:1.3;margin-bottom:12px}.discord-section p:last-child{font-size:13px;color:var(--muted);margin:0}.discord-section .button{margin-left:auto;flex-shrink:0}.discord-section .eyebrow{font-size:9px}.site-footer{border-top:1px solid var(--line);padding:32px 48px 22px}.footer-inner{max-width:1400px;margin:auto;display:flex;justify-content:space-between;gap:25px}.footer-brand{display:flex;gap:24px;align-items:center}.footer-brand strong{font-size:20px;letter-spacing:-1px}.footer-brand>span,.footer-note{font-size:8px;letter-spacing:1.5px;color:#8b96a8}.footer-links{display:flex;gap:25px;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--orange)}.footer-note{max-width:1400px;margin:18px auto 0;letter-spacing:.5px}.skip-link{position:fixed;left:10px;top:-100px;z-index:20;padding:10px;background:var(--orange);color:#000}.skip-link:focus{top:10px}.page-main{width:calc(100% - 96px);max-width:1140px;width:min(1140px,calc(100% - 96px));margin-left:auto;margin-right:auto;margin-inline:auto;padding-top:46px;padding-bottom:80px;padding-block:46px 80px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:35px}.breadcrumb a:hover{color:var(--orange)}.page-intro{max-width:750px;margin-bottom:45px}.page-intro h1{font-size:36px;font-size:clamp(36px,5vw,60px)}.lead{color:#aab1bd;font-size:16px;line-height:1.9;max-width:720px}.server-nav{display:flex;gap:25px;overflow-x:auto;border-bottom:1px solid var(--line);padding:0 0 16px;margin:0 0 40px;white-space:nowrap;font-size:12px}.server-nav a{color:var(--muted)}.server-nav .active,.server-nav a:hover{color:var(--orange)}.server-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;margin-bottom:55px}.server-hero img{mix-blend-mode:screen}.server-hero h1{font-size:38px;font-size:clamp(38px,4.5vw,64px)}.server-hero .eyebrow{color:var(--orange)}.server-address{font-size:12px;color:var(--muted);font-family:Consolas,monospace;overflow-wrap:anywhere;margin-top:20px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.content-panel{border:1px solid var(--line);padding:30px;background:#ffffff02}.content-panel h2{font-size:25px}.content-panel p,.content-panel li{font-size:14px;color:#abb4c3}.content-panel ul,.content-panel ol{padding-left:20px}.content-panel a,.article-content a{color:var(--cyan)}.content-panel a:hover,.article-content a:hover{text-decoration:underline}.content-panel li{margin-bottom:12px}.article-content{max-width:950px;overflow-wrap:anywhere}.article-content h1,.article-content h2{font-size:32px}.article-content h3{font-size:26px}.article-content h4{color:var(--orange);font-size:20px;margin:16px 0 10px;letter-spacing:-.02em}.article-content p,.article-content li{font-size:15px;line-height:1.9;color:#c3cad6}.article-content ul{padding-left:24px}.article-content ul[style]{position:static!important;left:auto!important}.article-content table{margin-top:25px;margin-bottom:25px;margin-block:25px}.status-panel{border:1px solid var(--line);padding:28px;background:var(--panel);margin-top:35px}.status-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:20px}.status-heading h2{font-size:24px;margin:0}.status-heading button{margin-left:auto}.status-badge{font-size:10px;letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);padding:4px 10px}.status-badge.online{color:#4ade80;border-color:#4ade80;background:rgba(74,222,128,.08)}.status-badge.offline{color:#f87171;border-color:#f87171;background:rgba(248,113,113,.08)}.server-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 30px}.server-stats dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.server-stats dd{margin:5px 0 0;font-size:15px;overflow-wrap:anywhere}.status-timestamp{font-size:10px;color:var(--muted);margin:24px 0 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}caption{text-align:left;font-weight:600;padding-bottom:12px}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{color:var(--cyan);font-size:11px;background:#ffffff04}tr:hover{background:#ffffff03}#ranking{width:100%;max-width:100%;margin-top:24px;margin-bottom:24px;margin-block:24px}#alle{color:var(--cyan);font-size:13px}.empty-note{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(min-width:1500px){.home-hero{padding-top:85px;padding-bottom:95px;padding-block:85px 95px}.hero-art img{width:580px;max-width:110%}}
@media(max-width:1050px){.container,.page-main{width:calc(100% - 56px)}.header-inner{width:calc(100% - 56px)}.home-hero{gap:0;padding-top:55px;padding-bottom:55px;padding-block:55px}.hero-copy h1{font-size:48px}.button{gap:12px;padding-left:16px;padding-right:16px;padding-inline:16px}.about-section{gap:50px}.strip-inner{font-size:8px;letter-spacing:1px}.strip-inner>span:last-child{display:none}.discord-section{gap:25px;padding-left:25px;padding-right:25px;padding-inline:25px}.discord-mark{display:none}.site-footer{padding-left:28px;padding-right:28px;padding-inline:28px}}
@media(max-width:700px){.container,.page-main,.header-inner{width:calc(100% - 40px)}.header-inner{min-height:88px;gap:15px}.brand{gap:10px}.wordmark{font-size:24px}.brand-caption,.brand-divider{display:none}.main-nav{gap:16px;font-size:11px}.main-nav .nav-discord{padding:6px 9px}.main-nav .active:after{bottom:-28px}.home-hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px;padding-block:42px;gap:22px}.hero-copy h1{font-size:37px;font-size:clamp(37px,8.7vw,57px)}.hero-description{font-size:14px;margin:22px 0}.hero-art{grid-row:1;width:82%;max-width:350px;width:min(82%,350px);margin:auto}.hero-art .art-caption{display:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-note{font-size:9px}.strip-inner{min-height:56px;gap:10px;font-size:7px}.strip-inner b{padding-left:5px;padding-right:5px;padding-inline:5px}.about-section{grid-template-columns:1fr;gap:15px;padding-top:55px;padding-bottom:55px;padding-block:55px}.about-section h2{font-size:30px}.about-copy{font-size:14px}.games-section{padding-top:50px;padding-bottom:50px;padding-block:50px}.section-heading{align-items:start;gap:15px}.section-heading .text-link{font-size:10px;gap:9px;margin-top:28px;white-space:nowrap}.section-heading h2{font-size:28px}.server-grid{grid-template-columns:1fr}.server-card-body{padding-left:24px;padding-right:24px;padding-inline:24px}.discord-section{flex-direction:column;align-items:start;padding:30px 24px;margin-bottom:45px;gap:25px}.discord-section h2{font-size:30px}.discord-section .button{margin-left:0}.discord-section .eyebrow{font-size:8px}.footer-inner{flex-direction:column;gap:22px}.footer-brand{gap:18px}.page-main{padding-top:30px;padding-bottom:55px;padding-block:30px 55px}.page-intro{margin-bottom:30px}.lead{font-size:14px}.server-nav{gap:22px;margin-bottom:30px}.server-hero{grid-template-columns:1fr;gap:20px}.server-hero img{width:75%;max-width:300px;width:min(75%,300px);margin:auto;grid-row:1}.server-hero h1{font-size:42px}.content-grid{grid-template-columns:1fr}.content-panel{padding:24px}.status-panel{padding:20px}.status-heading{gap:12px}.status-heading h2{font-size:21px}.status-heading button{margin-left:0}.server-stats{grid-template-columns:1fr}.article-content p,.article-content li{font-size:14px}th,td{padding:10px 8px}.breadcrumb{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Gameserver ohne eigenes Vorschaubild. */
.server-card-body:first-child { margin-top: 0; padding-top: 30px; }


/* Legacy Chromium (Garry's Mod MOTD): flex gap is not supported there.
   Logical margins are used as the capability boundary to preserve modern layouts. */
@supports not (margin-inline: auto) {
  .brand-divider,.brand-caption{margin-left:18px}
  .main-nav>a+a{margin-left:34px}
  .breadcrumb>*+*{margin-left:12px}
  .server-nav>a+a{margin-left:25px}
  .button-row>.button{margin-right:12px;margin-bottom:12px}
  .button>span{margin-left:22px}
  .hero-note>.status-dot{margin-right:9px}
  .footer-links>a+a{margin-left:25px}
  .footer-brand>span{margin-left:24px}
  .status-heading>*{margin-right:18px}
  .discord-section>div+div{margin-left:34px}
  @media(max-width:700px){
    .main-nav>a+a{margin-left:16px}
    .server-nav>a+a{margin-left:22px}
    .discord-section>div+div{margin-left:0}
    .discord-section>.button{margin-top:25px}
    .footer-links{margin-top:22px}
  }
}