:root{color-scheme:dark;--bg:#0c0e13;--surface:#141820;--border:#292f39;--text:#f5f5f6;--muted:#a7afbd;--accent:#aa00aa;--accent-soft:#e68ce6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1,h2{letter-spacing:-.04em}p+p{margin-top:14px}h2{font-size:clamp(26px,3.4vw,38px);font-weight:750}h3{font-size:19px;font-weight:700}h1 span,.footer-name span{color:var(--accent)}[hidden]{display:none!important}.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:var(--accent);color:#ffffff;padding:10px 16px;border-radius:8px}.skip:focus{top:15px}
.header{border-bottom:1px solid var(--border);background:#0b0d12}.nav-wrap{width:min(1200px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:102px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:220px;height:auto;display:block}.header nav{display:flex;gap:27px;align-items:center;flex-wrap:wrap}.header nav a{font-size:14px;color:var(--muted);padding:12px 0;border-bottom:2px solid transparent}.header nav a:hover{color:var(--text)}.header nav a[aria-current=page]{color:var(--accent-soft);border-color:var(--accent)}
.hero{text-align:center;padding-top:84px;padding-bottom:68px;background:radial-gradient(ellipse at 50% 30%,#aa00aa0c,transparent 65%)}.overline{color:var(--accent-soft);font-size:11px;font-weight:750;letter-spacing:.17em;margin-bottom:19px}.hero h1{font-size:clamp(42px,6.6vw,76px);font-weight:800;line-height:1.08}.lead{font-size:17px;color:var(--muted);max-width:650px;margin:25px auto 29px;line-height:1.85}.lead.left{margin-left:0;max-width:700px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 20px;min-height:48px;border:1px solid #39414d;border-radius:8px;background:#1a1e27;color:var(--text);font-size:14px;font-weight:650;transition:background .16s,transform .16s}.button:hover{background:#262c37;transform:translateY(-1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#ffffff}.button.primary:hover{background:#c020c0}.text-link{display:inline-block;color:var(--accent-soft);margin-top:23px;font-weight:600;font-size:14px}.text-link:hover{text-decoration:underline}.join-note{max-width:540px;margin:25px auto 0;color:var(--muted);font-size:12px}.address{margin:28px auto 0;display:inline-flex;align-items:center;text-align:left;gap:18px;border:1px solid #363c47;border-radius:10px;background:#141820;color:var(--text);padding:13px 18px;max-width:100%;overflow-wrap:anywhere}.address small{display:block;letter-spacing:.12em;color:var(--muted);font-size:10px}.address strong{font:600 15px ui-monospace,monospace}.address-dot{background:var(--accent);width:7px;height:7px;border-radius:50%;flex-shrink:0}.feedback{color:var(--accent-soft);font-size:12px;min-height:22px;margin-top:6px}
.section{padding-block:65px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}.section-heading>p{max-width:380px}.muted,.card p,.steps p{color:var(--muted);font-size:14px}.feature-grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}.card{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:27px}.feature-number{display:block;font-size:10px;color:var(--accent-soft);letter-spacing:.12em;font-weight:700;margin-bottom:20px}.card h3{margin-bottom:13px}.card h2{font-size:25px;margin-bottom:16px;letter-spacing:-.025em}.card .detail,.detail{color:#9ca6b6;font-size:12px;line-height:1.8}.card .detail{padding-top:16px;border-top:1px solid var(--border);margin-top:20px}.tinted{border-block:1px solid #232832;background:#10131a}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split .muted{margin-top:20px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:26px}.steps li{display:flex;gap:18px;align-items:flex-start}.steps li>span{display:grid;place-items:center;flex-shrink:0;background:#2b152b;color:var(--accent-soft);width:36px;height:36px;border-radius:8px;font:700 12px ui-monospace,monospace}.steps h3{font-size:15px;margin:2px 0 5px}.compact{padding:30px;border:1px solid var(--border);background:var(--surface);border-radius:13px}.compact p{font-size:13px}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px}.home-bottom .muted{margin-top:15px}.home-bottom .button{flex-shrink:0}.page-title{font-size:clamp(36px,5.6vw,60px);line-height:1.12}.secondary{margin-top:65px}.small-cards .card{padding:24px}.small-cards h3{font-size:16px}.footnote{font-size:12px;color:var(--muted);margin-top:25px;max-width:800px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:65px;margin-top:50px;align-items:start}.guide-steps{gap:36px}.guide-steps h2{font-size:21px;margin:3px 0 10px;letter-spacing:-.02em}.guide-steps .detail{margin-top:10px}.command-card h2{font-size:23px}.command-card dl{margin:25px 0}.command-card dt{margin-top:20px}.command-card dd{margin:7px 0 0;color:var(--muted);font-size:13px}code{font:500 .95em ui-monospace,SFMono-Regular,Consolas,monospace;color:#e68ce6;background:#281628;border-radius:4px;padding:2px 5px}.faq{margin-top:70px;max-width:800px}.faq h2{margin-bottom:25px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{color:var(--muted);font-size:14px;margin-top:15px}.empty-state{border:1px dashed #4b354b;border-radius:12px;padding:38px;margin:40px 0 5px;background:linear-gradient(120deg,#211421,#12161d)}.empty-state h2{font-size:25px}.empty-state p{color:var(--muted);font-size:14px;margin-top:13px}.status-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px}.status-panel .button{flex-shrink:0}.status-panel .feature-number{margin-bottom:15px}.status-panel h2{margin-bottom:12px}.timeline{--axis:7px;--gutter:30px;list-style:none;padding:0 0 0 var(--gutter);margin:40px 0 0;position:relative}.timeline:not(:empty):before{content:"";position:absolute;left:var(--axis);top:27px;bottom:28px;width:2px;transform:translateX(-50%);background:linear-gradient(var(--accent),#4b1c4b)}.release{position:relative;margin-bottom:20px;overflow-wrap:anywhere}.release:before{content:"";position:absolute;left:calc(var(--axis) - var(--gutter));top:26px;width:12px;height:12px;background:var(--accent);border:3px solid var(--bg);border-radius:50%;transform:translateX(-50%);box-sizing:content-box}.release details{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.release summary{padding:24px;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer}.release summary::-webkit-details-marker{display:none}.release summary:after{content:"+";font-size:24px;color:var(--accent)}.release details[open] summary:after{content:"−"}.release.latest details[open] summary:after{content:"Aktuell";font-size:11px;font-weight:700}.release.latest summary{cursor:default}.release-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.tag{border-radius:5px;background:#301830;color:var(--accent-soft);padding:3px 8px;font-size:11px}.release-title{display:block;font-size:20px;font-weight:700;line-height:1.4;margin-top:10px}.release-body{padding:0 24px 25px;color:var(--muted);font-size:14px}.release-body h3{font-size:13px;color:var(--accent-soft);margin:17px 0 8px}.release-body h3:first-child{margin-top:0}.release-body ul{padding-left:21px;margin:0;display:grid;gap:6px}.development-note{padding:18px 0;color:#929cab;font-size:12px;border-top:1px solid var(--border)}.footer{border-top:1px solid var(--border);padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#929cab;font-size:12px}.footer-name{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.04em}.footer a:hover{color:var(--accent-soft)}
@media(min-width:1000px){.page{min-height:550px}}@media(max-width:850px){.nav-wrap{gap:15px}.brand img{width:180px}.header nav{gap:18px}.split{gap:35px}.guide-layout{gap:30px;grid-template-columns:minmax(0,1fr) 270px}.section-heading{gap:25px;align-items:start}.three{grid-template-columns:1fr}.three .card{padding:25px}.section-heading>p{max-width:300px}.status-panel{align-items:start;flex-direction:column}}
@media(max-width:650px){.wrap,.nav-wrap{width:calc(100% - 36px)}.nav-wrap{flex-direction:column;align-items:start;padding:12px 0 5px;gap:0}.brand img{width:185px}.header nav{gap:0;justify-content:space-between;width:100%}.header nav a{font-size:12px;padding:12px 3px;min-height:46px}.hero{padding-top:55px;padding-bottom:35px}.hero h1{font-size:clamp(35px,8.2vw,51px)}.overline{font-size:10px;letter-spacing:.12em}.lead{font-size:15px;margin-top:23px}.section{padding-block:42px}.section-heading,.home-bottom{flex-direction:column;align-items:start;gap:20px}.section-heading>p{max-width:none}.two,.split,.guide-layout{grid-template-columns:1fr}.two{margin-top:28px}.split{gap:30px}.card{padding:23px}.guide-layout{gap:35px;margin-top:35px}.guide-steps li{gap:13px}.guide-steps h2{font-size:20px}.command-card{width:100%}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner p{flex-basis:100%;order:3}.secondary,.faq{margin-top:45px}.empty-state{padding:25px}.release summary{padding:18px;gap:10px}.release-body{padding:0 18px 21px}.release-title{font-size:18px}.release-meta{font-size:11px;gap:8px}.release.latest details[open] summary:after{font-size:10px}.status-panel .button{width:100%}.timeline{--gutter:24px}}
.address{transition:background .18s,border-color .18s,box-shadow .18s,transform .14s}.address:hover{background:#1b202b;border-color:#742774}.address:active{transform:scale(.98)}.address.is-copied{border-color:var(--accent);background:#2b142b;animation:copy-confirm .65s ease-out}.copy-icon{display:inline-grid;place-items:center;width:22px;color:var(--accent-soft);font-size:21px}.copy-helper{position:fixed;left:-9999px;top:0}.guide-join{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;background:linear-gradient(110deg,#251425,#141820)}.guide-join h2{font-size:23px;margin-bottom:12px}.guide-join .overline{margin-bottom:12px}.guide-copy{flex-shrink:0;max-width:100%}.guide-copy .address{margin:0;min-width:280px}.guide-copy .feedback{margin:4px 0 0}.status-message{color:var(--muted);font-size:13px;min-height:24px;margin-top:28px}.monitor-list{display:grid;gap:18px;margin-top:20px}.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.monitor-heading h2{font-size:21px;margin:0}.status-badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#bac2cf;background:#232933;padding:5px 10px;border-radius:20px;font-size:12px}.status-badge:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}.status-badge.up{color:#91d8ad;background:#183226}.status-badge.down{color:#ffaaa0;background:#3c2122}.status-badge.warning{color:#e0c2e0;background:#302330}.monitor-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0 0}.monitor-metrics dt{font-size:12px;color:var(--muted);margin-bottom:5px}.monitor-metrics dd{font-size:21px;margin:0;font-weight:650;font-variant-numeric:tabular-nums}.monitor-meta{font-size:12px!important;overflow-wrap:anywhere;margin-top:22px!important}.monitor-meta a{text-decoration:underline}.status-empty{padding:25px 0;color:var(--muted)}
@keyframes copy-confirm{0%{box-shadow:0 0 0 0 #aa00aa40}100%{box-shadow:0 0 0 12px #aa00aa00}}
@media(max-width:750px){.guide-join{align-items:start;flex-direction:column;gap:20px}.guide-copy{width:100%}.guide-copy .address{min-width:0;width:100%}.monitor-metrics{grid-template-columns:1fr 1fr;gap:20px}.monitor-heading{align-items:start;flex-wrap:wrap}.monitor-metrics dd{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.address:active{transform:none}}
.player-count{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px auto 0;color:var(--muted);font-size:12px}.player-indicator{width:6px;height:6px;flex-shrink:0;background:#747d8c;border-radius:50%}.player-count.is-online{color:#b9d6c2}.player-count.is-online .player-indicator{background:#8bd6a5}
@media(max-width:650px){.header nav a{min-width:44px;text-align:center}}

.release.latest details[open] summary:after{color:var(--accent-soft)}
/* Navigation focuses this landmark for assistive technology, without framing the whole page. */
#main:focus,#main:focus-visible{outline:none}
.performance-panel{margin-top:35px;background:linear-gradient(125deg,#251425,var(--surface) 65%)}
.performance-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.performance-heading .overline{margin-bottom:8px}.performance-heading h2{font-size:26px;margin:0}
.performance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0 0}
.performance-metrics>div{min-width:0}.performance-metrics dt{font-size:14px;font-weight:650}
.performance-metrics dt span{font-size:12px;color:var(--muted);font-weight:400;display:block;margin-top:5px}
.performance-metrics dd{font-size:clamp(25px,4vw,43px);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:10px 0;overflow-wrap:anywhere;line-height:1.2}
.performance-metrics dd.metric-explanation{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:normal;line-height:1.6}
.performance-updated{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:17px;margin-top:25px}
.services-title{font-size:25px;margin-top:45px}.services-title+.status-message{margin-top:12px}
@media(max-width:550px){.performance-metrics{grid-template-columns:1fr;gap:22px}.performance-heading h2{font-size:23px}}