@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#101713;--panel:#18221b;--text:#edf0df;--muted:#9da99f;--lime:#c4ef77;--line:#2d392e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,select,input{touch-action:manipulation}button,.button{cursor:pointer}button,select,input{font:inherit}header{max-width:1380px;margin:auto;padding:28px 42px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{font:700 16px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:12px;letter-spacing:1px}.brand>span:last-child{font-size:11px;color:var(--muted)}.cube{font-size:34px;color:var(--lime)}nav{display:flex;gap:28px;margin-left:auto;font-size:13px}nav a:hover,a:focus-visible{color:var(--lime)}button{border:1px solid var(--line);background:#1e2a20;color:var(--text);padding:12px 16px;border-radius:6px;font-size:12px}main{max-width:1296px;margin:auto;padding:0 42px}section{padding:76px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:600px;gap:32px;align-items:center;padding-top:66px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime);margin:0 0 20px}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(54px,5.6vw,82px);line-height:1.04;letter-spacing:-4px;margin:0 0 26px}em{font-style:normal;color:var(--lime)}.intro{max-width:460px;color:var(--muted);line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.button{padding:16px 20px;border-radius:5px;font-size:13px;font-weight:600}.primary{background:var(--lime);color:#182313}.secondary{border:1px solid #56604c}.disabled{opacity:.55;cursor:default}.micro{font-size:11px;color:var(--muted);line-height:1.7}.landscape{height:410px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#38523d 0, #1b2b20 44%,#101713 75%);image-rendering:pixelated}.sun{position:absolute;width:64px;height:64px;background:#dddfaa;box-shadow:0 0 70px #c4ef7733;right:75px;top:44px}.cloud{position:absolute;width:90px;height:14px;background:#6a786333;top:65px;left:30px;box-shadow:25px -12px #6a786333}.c2{top:126px;left:290px}.mountain{position:absolute;width:200px;height:180px;background:#293f2e;clip-path:polygon(0 100%,0 70%,15% 70%,15% 48%,28% 48%,28% 20%,43% 20%,43% 0,60% 0,60% 30%,80% 30%,80% 65%,100% 65%,100% 100%);top:128px;left:0}.m2{left:285px;top:158px;background:#233729}.island{position:absolute;left:12%;top:270px;width:78%;height:105px;transform:skewY(-6deg);clip-path:polygon(0 0,100% 0,100% 60%,80% 60%,80% 85%,60% 85%,60% 100%,20% 100%,20% 65%,0 65%);background:repeating-linear-gradient(90deg,#483c2d 0 25px,#564633 25px 50px)}.grass{height:21px;background:repeating-linear-gradient(90deg,#6d9344 0 25px,#85a553 25px 50px);border-top:9px solid #a4bf65}.tree{position:absolute;left:20%;top:150px}.tree b{display:block;background:#685137;width:20px;height:100px;margin-left:35px}.tree i{position:absolute;top:0;left:0;width:90px;height:72px;background:#3f6a38;box-shadow:15px -20px #527d40,-14px 18px #315930}.t2{left:70%;top:200px;transform:scale(.65)}.portal{position:absolute;left:49%;top:180px;width:69px;height:104px;border:12px solid #292331;transform:skewY(-6deg);box-shadow:0 0 35px #a46bef33}.portal div{height:100%;background:repeating-linear-gradient(45deg,#9b62bf,#704b9c 10px,#b981ce 17px);animation:glow 4s infinite alternate}.world-label{position:absolute;bottom:0;left:32%;font-size:9px;letter-spacing:3px;color:#8c9d83;line-height:2.2}.world-label strong{color:#d3dfc6;font-size:11px}@keyframes glow{to{filter:brightness(1.4)}}.dates{padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.dates article{display:flex;align-items:center;gap:20px}.dates article+article{border-left:1px solid var(--line);padding-left:30px}.number{font:36px 'Space Grotesk';color:#627b4c}.purple{color:#8f72ad}.dates .eyebrow{margin-bottom:8px;font-size:9px}.dates h2{font-size:20px;margin:0}.dates p:last-child{font-size:11px;color:var(--muted);margin-bottom:0}.pill{font-size:9px;letter-spacing:.7px;color:var(--lime);border:1px solid #45583a;background:#23311d;padding:9px 10px;border-radius:4px;white-space:nowrap}.dates .pill{margin-left:auto}.violet{color:#cda6ed;background:#2b2134;border-color:#4a365c}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.sectionhead h2{font-size:36px;letter-spacing:-1.3px;margin:0}.sectionhead .eyebrow{margin-bottom:13px}.muted{color:var(--muted);font-size:12px}.players{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.player{min-width:0;text-align:center;background:linear-gradient(180deg,#202d22,#18211a);border:1px solid var(--line);border-radius:7px;padding:20px 5px 15px;overflow:hidden}.skin-stage{height:170px;position:relative}.skin-stage img{height:150px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 6px #0005)}.skin-stage canvas{position:absolute;inset:0;width:100%;height:100%}.player h3{font-size:12px;overflow-wrap:anywhere;margin:12px 0 5px}.player small{color:#81907e;font-size:9px;letter-spacing:1px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide{border:1px solid var(--line);padding:30px;border-radius:8px;background:var(--panel)}.icon{font-size:28px;color:var(--lime)}.guide h3{font-size:24px;margin-bottom:10px}.guide p,.quicklinks p{color:var(--muted);font-size:13px;line-height:1.7}dl{display:grid;grid-template-columns:32px 1fr;gap:13px;align-items:center;margin:24px 0}dd{margin:0;color:#c0c9bc;font-size:12px}kbd{border:1px solid #53604c;background:#263323;padding:5px 9px;border-radius:4px}.guide>a{display:inline-block;margin-top:12px;color:var(--lime);font-size:12px}.quicklinks{display:grid;gap:16px}.quicklinks>a{display:flex;align-items:center;gap:22px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.quicklinks>a>span{font-size:27px;color:var(--lime)}.quicklinks h3{margin:0;font-size:18px}.quicklinks p{margin-bottom:0}.plugins-title{margin-top:36px;font-size:16px}.plugins-title span{font:11px Inter;color:var(--muted);margin-left:14px}.plugins{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.plugins a{border:1px solid var(--line);padding:16px 12px;border-radius:4px;font-size:11px}.plugins a:hover{border-color:var(--lime)}.plugins a span{float:right;color:var(--muted)}.stat-controls{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}select,input{max-width:100%;background:var(--panel);border:1px solid #45513f;color:var(--text);padding:12px;border-radius:5px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-weight:500;color:var(--muted);font-size:11px;white-space:nowrap}th,td{padding:19px 16px;border-bottom:1px solid var(--line)}td:last-child{font-variant-numeric:tabular-nums}tbody tr:first-child{background:#c4ef7706}details{margin-top:25px}summary{cursor:pointer;color:var(--lime);font-size:12px}#allStats{font-size:11px}footer{max-width:1380px;margin:auto;padding:35px 42px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}footer .brand{font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#101713;padding:14px 22px;border-radius:6px;display:none}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:1050px){header{padding:20px}main{padding:0 24px}header .brand>span:last-child{display:none}.players{grid-template-columns:repeat(4,1fr)}.dates{grid-template-columns:1fr}.dates article+article{border-left:0;padding-left:0}.plugins{grid-template-columns:repeat(3,1fr)}.hero{gap:0}h1{font-size:62px}.actions{flex-wrap:wrap}}@media(max-width:650px){header{flex-wrap:wrap;gap:16px}nav{order:3;width:100%;justify-content:space-between;gap:10px}header button{margin-left:auto;font-size:10px}.brand{font-size:12px}.hero{grid-template-columns:1fr;padding-top:50px}.landscape{height:340px;margin-top:25px}.hero-copy h1{font-size:64px}.intro{font-size:14px}.players{grid-template-columns:repeat(2,1fr)}.setup-grid{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column}.sectionhead h2{font-size:30px}section{padding:50px 0}.dates{padding:25px 0}.dates .pill{font-size:8px}.dates h2{font-size:16px}.number{font-size:26px}.dates article{gap:12px}.plugins{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;align-items:start;padding:30px 24px}.stat-controls label{align-items:start;flex-direction:column}.guide{padding:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.player.pending{border-style:dashed}.player.pending small{color:#e6c68a}

/* Voice-Chat-Shortcuts über den Serverlinks. */
.setup-grid{grid-template-columns:1fr}
.guide{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.voice-intro h3{font-size:28px;margin:16px 0 12px}
.voice-intro p{max-width:440px}
.voice-intro>a{display:inline-block;margin-top:16px;color:var(--lime);font-size:12px}
.voice-keys{border-left:1px solid var(--line);padding-left:40px}
.voice-keys h3{font-size:16px;margin:0 0 20px}
.voice-keys dl{margin:0 0 20px;gap:18px 14px}
.quicklinks{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;gap:16px}
.quicklinks>a{padding:22px 18px;gap:14px;align-items:flex-start}
.quicklinks h3{font-size:16px;line-height:1.4}
.quicklinks p{font-size:12px}
@media(max-width:900px){.quicklinks{grid-template-columns:1fr}.quicklinks>a{align-items:center}.guide{gap:24px}.voice-keys{padding-left:24px}}
@media(max-width:650px){.guide{grid-template-columns:1fr;gap:28px}.voice-keys{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.voice-intro h3{font-size:24px}}

header{flex-wrap:wrap;gap:24px}header nav{flex-wrap:wrap;gap:20px}header nav .disabled{opacity:.5}#crew{padding-top:54px}@media(max-width:650px){header nav{justify-content:flex-start;gap:16px 22px}#crew{padding-top:36px}}

/* Farbwelt des Server-Icons: Wald, Holz, Stein und Laternenlicht. */
:root{--bg:#f3eedf;--panel:#fffaf0;--text:#342b20;--muted:#706956;--lime:#4c7025;--line:#d8ccb4}
body{background:radial-gradient(ellipse at 90% 5%,#f6d88c44,transparent 35%),var(--bg)}
header{background:#26371c;color:#fff6df;max-width:none;padding-left:max(28px,calc((100vw - 1296px)/2 + 42px));padding-right:max(28px,calc((100vw - 1296px)/2 + 42px));border-bottom:4px solid #7f9845;box-shadow:0 4px 0 #94704722;gap:24px}
header .brand>span:last-child{color:#ccd5ad}.brand-icon{border:2px solid #d6bc7c;border-radius:5px;object-fit:cover}header button{background:#3c502c;border-color:#738653;color:#fff6df}header nav a:hover{color:#e2be69}header nav .disabled{color:#d5d9c8}
.hero.welcome{grid-template-columns:1fr 1fr;gap:54px;padding:48px 0;min-height:0}
.welcome .eyebrow{color:#687e35;font-size:10px}.season-tag{display:inline-block;margin:0 0 24px;border:1px solid #d7bc80;background:#f3e6be;color:#775425;padding:8px 12px;font-size:10px;letter-spacing:1.3px;font-weight:700;border-radius:3px}
.welcome h1{font-size:clamp(48px,5.4vw,76px);letter-spacing:-3px;line-height:1.08;text-shadow:0 3px 0 #e3d7b9}.welcome h1 em{color:#527a29}.welcome .intro{color:#6c604d;line-height:1.85;max-width:460px}
.server-art{margin:0;padding:9px;background:#694827;border:1px solid #4c351e;border-radius:10px;box-shadow:0 6px 0 #3e2e1c,0 18px 40px #69482725;transform:rotate(1deg)}
.server-art img{display:block;width:100%;height:auto;border-radius:3px}
.welcome-note{display:flex;gap:14px;align-items:center;margin-top:28px;padding-top:23px;border-top:1px solid var(--line);max-width:420px}.welcome-note>span{font-size:29px;color:#ba8424}.welcome-note p{margin:0;font-size:12px;color:var(--muted);line-height:1.8}.welcome-note strong{color:#536734;font-weight:600}
section{border-color:var(--line)}.dates{background:#e8dfc8;padding:24px;border:1px solid #d3c49f;border-top:4px solid #879d48;border-radius:6px;margin-top:12px}.dates article+article{border-color:#ccbea0}.dates .number{color:#8f9d57}.dates .number.purple{color:#9c7895}.dates .pill{color:#426320;background:#dce6c4;border-color:#aebd83}.dates .violet{color:#725078;background:#e9daea;border-color:#c4a7c8}
.player{background:linear-gradient(180deg,#e1e8cb,#f8f3e4);border:1px solid #b9c79a;border-bottom:4px solid #8d9e61;box-shadow:0 3px 10px #5440260a}.player small{color:#6b7a4e}.player.pending small{color:#987025}.player.pending{border-color:#c6b183;background:linear-gradient(180deg,#e9e2cc,#f8f3e4)}
.guide{background:linear-gradient(120deg,#fffaf0,#f2e9d3);border:1px solid #d4c09c;border-top:4px solid #9c7443;box-shadow:0 6px 18px #6f522408}.voice-keys{border-color:#dac9aa}kbd{background:#e8dec6;border-color:#baaa8b;color:#4a3e29;box-shadow:0 2px 0 #c8b795}.guide p{color:#70644e}.guide dd{color:#5e5948}.icon{color:#6f8736}.guide a{color:#527528}
.plugins a{background:#fbf6e9;border-color:#d4c5a7;border-bottom:3px solid #b99a6d}.plugins a:hover{background:#e6edd5;border-color:#859c4b}.plugins a span{color:#8b795d}
select,input{background:#fffaf0;border-color:#c7b590;color:#342b20}.pill{background:#e0e8cb;color:#4d652f;border-color:#b7c399}tbody tr:first-child{background:#6b8e3710}th,td{border-color:#dcd0b8}summary{color:#56762d}footer{border-top:0;color:#827458}footer .brand{color:#54462e}#toast{background:#4e712c;color:#fff8e9;box-shadow:0 5px 20px #0002}a:focus-visible,button:focus-visible{outline-color:#be8b2f}
@media(max-width:1050px){header{padding:20px 24px}.hero.welcome{gap:28px}.welcome h1{font-size:58px}}
@media(max-width:650px){header{padding:18px 24px}.hero.welcome{grid-template-columns:1fr;gap:30px;padding:36px 0 42px}.welcome h1{font-size:60px}.server-art{max-width:440px;width:100%;justify-self:center;transform:none}.dates{padding:20px 14px}.dates article+article{border-left:0}.welcome .intro{max-width:none}.welcome-note{margin-top:22px}#crew{padding-top:44px}}