:root{--accent:#7ccaff;--bg:#11171b;--muted:#b4c1c9;--stone:#26343e}
body{background:#11171b url('terrain.svg') center top / 1500px auto fixed no-repeat;color:#f1f5f8;font-size:16px}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#11171b25,#11171bf2 850px)}
h1,h2,h3,.pixel-label,.tag{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:0}
h1{font-size:clamp(44px,5.1vw,72px);line-height:1.06!important;letter-spacing:0!important;text-shadow:4px 4px #050b11}
h2{font-size:34px;text-shadow:2px 2px #080d12}
h3{font-size:24px}
p{color:#b8c7cf;font-size:16px;line-height:1.7}
header{height:82px;max-width:1160px;border:0;padding:0 32px}
.brand{font-size:14px}.brand .mark{width:42px;height:42px}
.site-sidebar{background-color:#172129;background-image:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:24px 24px;border-right:4px solid #080e13;box-shadow:inset -2px 0 #3d4c57;padding-top:28px}
.sidebar-brand{margin-bottom:28px;font-size:12px;gap:7px}
.site-sidebar nav a{border-radius:0;color:#c3d1db;font-size:14px;padding:10px;border:2px solid transparent}
.site-sidebar nav a[aria-current="page"]{color:#e5f6ff;background:#284b64;border:2px solid #80cfff;box-shadow:inset 2px 2px #ffffff17,inset -2px -2px #0005}
.site-sidebar nav a[aria-current="location"]{color:#a8dcff;background:#7ccaff0d;border-left:2px solid #7ccaff}
.sidebar-heading{font-family:'Segoe UI',Arial,sans-serif;text-transform:none;letter-spacing:.5px;font-size:16px;color:#8198a9;margin-top:28px}
.sidebar-server{background:#0d151b;border:2px solid #30414c;padding:14px;margin:24px 0 0;font-size:11px;box-shadow:inset 2px 2px #0005}
.sidebar-server strong{font-size:12px}.sidebar-children{border-left-color:#3b5567}
.button{border-radius:0;border:2px solid #516675;background:#2d3b46;color:#f0f5f9;padding:13px 19px;box-shadow:inset 2px 2px #ffffff15,inset -3px -3px #0005,0 4px #080e13;min-height:48px}
.primary{background:#4e9dd2;border-color:#9cddff;color:#061726;font-weight:700;box-shadow:inset 2px 2px #c7ecff70,inset -3px -3px #215983,0 4px #080e13}
.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button:active{transform:translateY(2px)}
.section{max-width:1080px;margin:56px 32px}
.section-top{align-items:center}.section-top h2{margin:0}
.home-hero{max-width:1160px;margin:0 auto;min-height:530px;padding:40px 32px 56px;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;position:relative}
.home-hero .hero-copy{position:relative;z-index:1}.home-hero h1{margin:20px 0}.home-hero h1 span{color:var(--accent)}
.home-hero p{max-width:380px;font-size:17px;margin-bottom:24px}
.pixel-label{font-size:17px;color:#a9dfff;display:inline-block;background:#101b24c9;padding:6px 10px;border-left:3px solid #76c9ff}
.world{height:390px;width:100%;margin-top:0}.world:before{background:#2e8bd52b;inset:15%;filter:blur(50px)}.world svg{filter:drop-shadow(0 25px 15px #0006)}.world .caption{display:none}
.server-panel{border:2px solid #4a6375;box-shadow:inset 3px 3px #ffffff0c,inset -3px -3px #0004,5px 5px #070e1440;background:#192b37ed;padding:18px;max-width:410px}
.server-panel .server-version{display:block;color:#b2c5d3;font-size:13px;margin-bottom:13px}.server-panel .button{width:100%;font-size:15px;gap:10px}.server-panel .copy-status{margin:9px 0 0;min-height:0;font-size:12px}.server-panel .copy-status:empty{display:none}
.server-help{font-size:12px;color:#91a8b8;margin:12px 0 0!important}
#spielen{scroll-margin-top:90px}
.home-modes{margin-top:0}.home-modes .section-top{margin-bottom:22px}.cards{gap:18px}.card{border-radius:0;border:2px solid #354c5c;background:#192730;box-shadow:4px 4px #080f15}
.art{height:190px;background:linear-gradient(#284959,#182c39);border-bottom:3px solid #0d171e}.art.two{background:linear-gradient(#30465d,#1b263a)}.art.three{background:linear-gradient(#343b58,#20253a)}
.mode-scene{width:100%;height:100%;image-rendering:pixelated}.tag{z-index:1;top:12px;left:12px;border-radius:0;background:#0d1727e8;color:#d4eafa;font-size:12px;border:1px solid #8fb1c64d;padding:5px 8px;letter-spacing:0}
.card-body{padding:20px}.card h3{font-size:27px;margin:0}.card p{font-size:15px;min-height:50px;margin:12px 0 18px}.mode-link{font-size:14px;border-top:1px solid #395160;padding-top:14px;color:#a0d9ff}
.lobby-note{font-size:13px;color:#a0b4c3;margin:22px 0 0;padding-left:12px;border-left:2px solid #4d6c80}
.community{border-radius:0;background:#1a2936ed;border:2px solid #3a5367;padding:26px 30px;gap:24px}.community h2{font-size:30px;margin:0}.community p{margin:8px 0 0;font-size:15px}.community .button{white-space:nowrap}
.sub-intro{padding-top:18px}.sub-intro h1{font-size:clamp(40px,4.5vw,60px)}.sub-intro p{font-size:17px;max-width:540px}.back-link{margin-bottom:28px;font-size:13px}
.features{gap:18px;grid-template-columns:1fr 1fr}.features article{background:#1b2a34ed;border:2px solid #344b5b;padding:20px;box-shadow:3px 3px #091119}.features h3{font-size:26px;margin:0 0 12px}.features p{font-size:15px;line-height:1.7}.read-more{border-color:#425c70}.read-more>summary{font-size:14px;padding:8px 0;color:#abdfff}.read-more p{font-size:14px}.regular{background:#182a36;border-radius:0;border:2px solid #38566b}
.rank-path{gap:6px}.rank-path li{border-radius:0;border:2px solid #3d586a;background:#172632;font-size:12px;padding:8px 10px}.rank-path li:last-child{background:#75baff;color:#071525}
.command-grid>div,.command-grid article{border-radius:0;border:2px solid #344b5b;background:#1b2a34;padding:20px}.command-grid h3{font-size:25px}.command-grid dt{font-size:14px}.command-grid dd{font-size:14px}
.join{border-top:2px solid #304758;background:#182a34d9;padding:24px}.join h2{margin-top:0;font-size:30px}.small{border-radius:0;border:1px solid #5880a0;color:#b4e3ff;background:#172c3c}
.coming-soon{min-height:calc(100svh - 220px);padding:42px 28px}.coming-soon img{width:110px;height:110px;margin-bottom:16px}.coming-soon p{font-size:16px;max-width:480px}.coming-soon h1{font-size:clamp(48px,6vw,76px)}
.section,.home-hero,.coming-soon{min-width:0}.card,.server-panel{min-width:0}.server-panel .button{overflow-wrap:anywhere}.sidebar-tree a{overflow-wrap:anywhere}
.eyebrow{display:none}.development-note{font-size:13px;color:#9cb0bf}.section-top p{font-size:15px}
footer{max-width:1080px;margin:36px 32px 0;padding:23px 0;border-top:2px solid #253945;font-size:11px;color:#8fa4b2;line-height:1.7}dialog{border-radius:0;border:3px solid #597b93;background:#1b2a35;box-shadow:8px 8px #0008}
@media(min-width:1500px){.section,footer{margin-left:auto;margin-right:auto}}
@media(max-width:1150px) and (min-width:761px){.home-hero{grid-template-columns:1fr;gap:0;padding-top:30px}.home-hero .hero-copy{max-width:620px}.home-hero h1{font-size:58px}.world{height:310px;max-width:480px;margin:-40px 0 -5px auto}.cards{grid-template-columns:1fr}.art{height:180px}.card{display:grid;grid-template-columns:180px 1fr}.art{border-bottom:0;border-right:3px solid #0d171e;height:100%;min-height:210px}.card p{min-height:0}.tag{font-size:10px}.community{display:block}.community .button{margin-top:18px}}
@media(max-width:760px){body{background-size:950px auto}.site-sidebar{border-right:0;border-bottom:3px solid #071018;padding-top:0}.sidebar-brand{display:none}.sidebar-server{display:none}.sidebar-toggle{font-family:'Segoe UI',Arial,sans-serif;font-size:19px}.section{margin:38px 20px}header{height:72px;padding:0 20px}.brand{font-size:12px}.home-hero{display:flex;flex-direction:column;padding:20px 20px 35px;min-height:0;gap:0;align-items:stretch}.home-hero h1{font-size:52px}.home-hero p{font-size:16px}.world{height:280px;max-width:420px;align-self:center;margin-top:8px}.server-panel{max-width:none}.cards{grid-template-columns:1fr}.card{display:block}.art{height:180px}.card h3{font-size:27px}.card p{min-height:0}.community{padding:22px}.community .button{margin-top:18px}.features{grid-template-columns:1fr}.section h2{font-size:29px}.sub-intro h1{font-size:44px}.command-grid{grid-template-columns:1fr}footer{margin:25px 20px 0}.coming-soon{padding:32px 22px;min-height:calc(100svh - 210px)}.coming-soon h1{font-size:52px}.join{padding:20px}.pixel-label{font-size:15px}}