:root{color-scheme:dark;--bg:#101310;--panel:#181c17;--border:#2a3027;--text:#eeeede;--muted:#929889;--accent:#cbd98b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:1px solid #363e30;background:#242b20;color:var(--text);border-radius:5px;padding:11px 15px;font-weight:600}button:hover{background:#333d29}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sidebar{position:fixed;width:240px;height:100vh;background:#141812;border-right:1px solid var(--border);padding:32px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;letter-spacing:1px;margin-bottom:40px}.brand small{display:block;font-size:8px;font-weight:500;color:var(--muted);letter-spacing:2px;margin-top:5px}.brand-icon{font-size:19px;background:var(--accent);color:#1e2816;padding:7px;letter-spacing:-5px;width:39px;height:39px;transform:rotate(-4deg)}.brand-icon span{font-size:24px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#7b8473;margin:9px 10px 15px}.world{display:flex;gap:11px;align-items:center;padding:12px 9px;border:1px solid transparent;margin-bottom:7px;border-radius:5px;font-weight:600;font-size:12px}.world small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.game-icon{display:grid;place-items:center;width:32px;height:34px;font-weight:900;font-size:19px;border-radius:4px}.minecraft{background:#293a23;color:#9fc779}.hytale{background:#23333c;color:#8bafc5}.zomboid{background:#46502c;color:#e0e9bb}.selected{background:#262e1d;border-color:#495634}.selected i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent)}.muted{opacity:.6}.world+.nav-label{margin-top:35px}.side-link{padding:12px 12px;color:var(--muted);font-size:13px;display:flex;gap:14px}.side-link.active{color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:22px;color:#b7c0a5;font-size:8px;letter-spacing:1px}.sidebar-bottom small{display:block;color:var(--muted);margin:9px 0 0 13px;font-size:10px;letter-spacing:0}.local-dot{display:inline-block;width:5px;height:5px;background:#b3ca75;border-radius:50%;margin-right:7px}main{margin-left:240px;max-width:1700px;padding:0 38px}header{height:80px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:9px;letter-spacing:1.8px;color:#b4bca9}.breadcrumb span{margin:0 17px;color:#546047}.local-tag{font-size:8px;letter-spacing:1px;border:1px solid var(--border);border-radius:3px;padding:7px 9px;color:var(--muted)}.hero{height:300px;position:relative;overflow:hidden;border:1px solid #45503a;border-radius:7px;background:#343e29}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#242d21 10%,transparent 100%),linear-gradient(0deg,#11190ff2,transparent 90%),repeating-linear-gradient(0deg,transparent 0 3px,#0000000b 3px 4px),linear-gradient(145deg,#7b8060,#666e44 55%,#343e27)}.sun{position:absolute;right:15%;top:24px;width:160px;height:160px;border-radius:50%;background:#c5c18a;opacity:.35;box-shadow:0 0 90px #c5c18a88}.buildings{position:absolute;bottom:40px;right:-10px;width:58%;height:180px;background:repeating-linear-gradient(90deg,transparent 0 23px,#121b10aa 24px 29px),linear-gradient(#27331e,#10190c);clip-path:polygon(0 70%,5% 70%,5% 36%,12% 36%,12% 55%,18% 55%,18% 18%,19% 18%,19% 2%,20% 18%,30% 18%,30% 43%,38% 43%,38% 8%,56% 8%,56% 45%,65% 45%,65% 32%,76% 32%,76% 55%,87% 55%,87% 20%,100% 20%,100% 100%,0 100%)}.fence{position:absolute;bottom:20px;right:-20px;width:60%;height:83px;opacity:.2;background:repeating-linear-gradient(55deg,transparent 0 13px,#bbc699 14px 15px,transparent 16px 27px),repeating-linear-gradient(-55deg,transparent 0 13px,#bbc699 14px 15px,transparent 16px 27px);transform:rotate(-5deg);border-top:2px solid #bbc699}.coordinate{position:absolute;right:25px;bottom:26px;color:#8b957a;font:8px monospace;letter-spacing:2px}.hero-copy{position:relative;padding:35px 37px}.eyebrow{font:9px 'Consolas',monospace;letter-spacing:1.6px;color:#d5ddb6}.eyebrow>span{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px}h1{font-size:42px;letter-spacing:-1.5px;line-height:1.12;margin:20px 0 13px;font-weight:750}h1>span{color:var(--accent)}.hero-copy p{font-size:12px;color:#c2c8b4}.hero-meta{display:flex;gap:17px;margin-top:26px;font:8px Consolas,monospace;letter-spacing:1px;color:#a6b196}.hero-meta span+span:before{content:'·';margin-right:17px}.hero-number{position:absolute;right:23px;top:20px;color:#b7bf9c;font:8px Consolas,monospace;letter-spacing:1.5px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.quiet{color:#7e896d;font-size:8px}h2{font-size:22px;letter-spacing:-.5px;margin:6px 0 0}.status-pill{display:flex;gap:8px;align-items:center;font-size:10px;color:#adb4a1;background:#20271b;border:1px solid #37422b;border-radius:20px;padding:7px 12px}.status-pill i{width:6px;height:6px;border-radius:50%;background:#7b8471}.status-pill.online{color:#d2e6a0}.status-pill.online i{background:#cbd98b;box-shadow:0 0 8px #cbd98b66}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.metric>div{font-size:8px;letter-spacing:1.3px;color:#a8b09b;display:flex;justify-content:space-between;align-items:center}.metric>div>span{font-size:16px;color:#899571}.metric strong{display:block;font-size:28px;margin:17px 0 8px;font-weight:650;letter-spacing:-.7px}.metric:first-child strong{color:#d4dfa9}.metric em{font-style:normal;font-size:16px;color:#89937b;font-weight:400}.metric small{font-size:10px;color:var(--muted)}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:22px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h3{font-size:14px;margin:0;font-weight:600}.panel-title>span{font:9px Consolas,monospace;color:#748163}.panel>p{color:var(--muted);font-size:11px;margin:11px 0 22px}.primary{background:var(--accent);color:#252d18;border-color:var(--accent);width:100%;display:flex;justify-content:center;gap:10px}.primary:hover{background:#e0eab1}.button-row{display:flex;gap:8px;margin-top:9px}.button-row button{flex:1;font-size:10px;padding:11px 5px}.danger{color:#dfb6a1;background:#28201b;border-color:#4b392d}.connection{border-top:1px solid var(--border);margin-top:23px;padding-top:19px}.connection>small{color:#8c987a;font-size:8px;letter-spacing:1px}.connection>div{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.connection code{font-size:12px;color:#d3dcc3}.connection button{padding:5px 8px;font-size:9px}.connection p{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0 0}.console-panel{padding:0;overflow:hidden}.console-panel .panel-title{padding:18px 20px;border-bottom:1px solid var(--border)}.terminal-mark{color:var(--accent);margin-right:9px}pre{height:228px;overflow:auto;background:#10150f;margin:0;padding:16px 18px;font:10px/1.8 Consolas,monospace;color:#a5b58b;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#3c4931 #10150f}.console-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;color:#80916c;font-size:9px}.console-footer button{padding:0;border:0;background:transparent;font-size:9px;color:#9caa87}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}label{display:block;font-size:8px;letter-spacing:1px;color:#a4ae96}input:not([type=checkbox]){display:block;width:100%;margin-top:8px;background:#11160f;border:1px solid #343d2c;border-radius:4px;color:#e0e6d3;padding:10px 12px;font-size:12px}.form-row{display:grid;grid-template-columns:110px 1fr;gap:22px;margin:16px 0}.switches{display:flex;flex-direction:column;justify-content:center;gap:11px}.switches label{font-size:11px;letter-spacing:0;display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:var(--accent);margin:0}form button{font-size:10px;padding:9px 14px}.form-help{display:block;color:#88957a;font-size:9px;line-height:1.6;margin-top:10px}.mod-row{display:flex;gap:12px;align-items:center;margin-top:23px}.mod-icon{background:#28321f;color:#c7d792;padding:9px;font-size:20px;border:1px solid #3a492b;border-radius:4px}h4{font-size:12px;margin:0 0 5px;font-weight:600}.mod-row p,.backup-row p{font-size:10px;color:var(--muted);margin:0}.tag{font-size:7px;color:#899779;border:1px solid #3b4631;border-radius:3px;padding:4px 6px;margin-left:auto;letter-spacing:1px}.candidate{margin-top:19px;padding:12px 14px;background:#20271b;border-left:2px solid #768951;display:flex;flex-direction:column;gap:6px}.candidate>span{font-size:7px;letter-spacing:1px;color:#99a77e}.candidate strong{font-size:12px;font-weight:500}.candidate small{font-size:9px;color:#929e82}.backup-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.backup-row p{max-width:230px;overflow-wrap:anywhere}.backup-row button{font-size:10px;padding:8px 10px;flex-shrink:0}footer{display:flex;justify-content:space-between;padding:28px 0;font:7px Consolas,monospace;letter-spacing:1px;color:#68765c}footer b{margin:0 10px;color:#8b9c6d}.notice{padding:13px 16px;background:#28311e;border:1px solid #556637;color:#d6e6b2;margin-bottom:16px;border-radius:4px;font-size:12px}.notice.error{background:#32231d;border-color:#79513a;color:#efc3ab}@media(min-width:1500px){.hero{height:330px}.hero-copy{padding:44px}h1{font-size:48px}}@media(max-width:1150px){.sidebar{width:200px;padding:26px 13px}.brand{font-size:14px}main{margin-left:200px;padding:0 24px}.workspace{grid-template-columns:260px minmax(0,1fr)}.metric{padding:16px}.lower-grid{grid-template-columns:1fr}.hero-meta{gap:8px}.hero-meta span+span:before{margin-right:8px}}@media(max-width:800px){.sidebar{position:relative;width:auto;height:auto;flex-direction:row;align-items:center;padding:14px 18px;gap:8px;border-right:0;border-bottom:1px solid var(--border)}.brand{margin:0 auto 0 0}.brand small{font-size:6px}.brand-icon{display:none}.nav-label,.side-link,.sidebar-bottom,.world small,.world i{display:none}.world{padding:3px;margin:0}.world>span:not(.game-icon){display:none}.game-icon{height:30px;width:30px;font-size:15px}main{margin:0;padding:0 18px}header{height:58px}.breadcrumb{font-size:7px;letter-spacing:1px}.breadcrumb span{margin:0 8px}.local-tag{font-size:6px}.hero{height:290px}.hero-copy{padding:28px 23px}h1{font-size:35px}.hero-meta{flex-wrap:wrap;font-size:7px;gap:8px}.hero-meta span:last-child{display:none}.hero-number{display:none}.coordinate{font-size:6px;right:15px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric strong{font-size:25px}.workspace{grid-template-columns:1fr}.console-panel pre{height:250px}.lower-grid{gap:16px}.panel{padding:18px}.console-panel{padding:0}footer{line-height:1.8;gap:15px}.hero-art .buildings{width:80%}.backup-row{align-items:start}.backup-row p{max-width:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:800px){.hero{height:auto;min-height:310px}.hero-copy{padding-bottom:32px}.coordinate{display:none}.hero-meta{line-height:1.7}.hero-meta span+span:before{display:none}}

/* Zomboid menu and inventory-window treatment, based on the supplied references. */
:root{--bg:#090a0a;--panel:#050505db;--border:#525252;--text:#ddd;--muted:#999;--accent:#b4bda1}
body{font-family:Tahoma,'Segoe UI',sans-serif;background:#080909;background-image:linear-gradient(90deg,#000 0%,#000d 25%,#0009 55%,#0008),url('menu-reference.png');background-position:right center;background-size:cover;background-attachment:fixed}
.sidebar{background:linear-gradient(90deg,#000f,#000b);border-right:1px solid #4449;padding-top:40px}.brand{font-size:16px;letter-spacing:1.5px}.brand-icon{background:#ccc;color:#161616;border-radius:0;transform:none}.brand small{font-size:7px;color:#aaa}.nav-label{color:#aaa;font-size:8px;letter-spacing:1.5px}.world{border-radius:0;padding:12px 9px;color:#bbb}.game-icon{background:linear-gradient(#454545,#171717);border:1px solid #676767;border-radius:0;color:#c8c8c8;font-family:Georgia,serif}.selected{background:linear-gradient(90deg,#383838a6,#16161644);border-color:#7774;color:#eee}.selected i{background:#b8c4a3}.side-link{font-size:11px;padding:14px 12px;letter-spacing:.5px}.side-link.active{color:#eee}.sidebar-bottom{border-color:#5558;color:#aaa;line-height:1.6}.local-dot{background:#b0bc99}
header{height:73px}.breadcrumb{font-size:8px;letter-spacing:1.7px;color:#ccc}.breadcrumb span{color:#888}.local-tag{border-radius:0;background:linear-gradient(#3b3b3b,#111);border:1px solid #737373;color:#ddd;font-size:8px;box-shadow:inset 0 1px #bbb3}
.hero{border-radius:0;border:1px solid #686868;height:294px;background:#090909;box-shadow:4px 5px 22px #0008}.hero-art{background:linear-gradient(90deg,#000 0%,#000e 30%,#0004 68%,#0007),url('menu-reference.png') right 48%/cover no-repeat}.hero-copy{padding:27px 31px}.eyebrow{color:#aeb39f;font-size:8px;letter-spacing:2px}.eyebrow>span{background:#b9c2a6}.hero-copy h1{margin:22px 0 16px;line-height:.95;text-shadow:0 3px 8px #000;letter-spacing:-2px}.hero-copy h1 .project-word{font:39px/.85 Georgia,serif;display:block;letter-spacing:3px;color:#eee;margin-left:3px}.hero-copy h1 strong{display:block;font:68px/1.2 Impact,'Arial Narrow',Georgia,serif;letter-spacing:-2px;color:#f1f1e9;transform:scaleY(1.18);transform-origin:left center}.hero-copy p{font-size:8px;letter-spacing:2px;color:#bbb;margin-top:21px}.hero-meta{font-size:7px;color:#bcbcb1;letter-spacing:.7px;margin-top:21px}.hero-number{font-family:Tahoma,sans-serif;color:#b8b8ab;font-size:7px}
.section-heading{margin:26px 0 16px}.quiet{color:#aaa;font-size:7px}h2{font-size:21px;font-weight:400;letter-spacing:0}.status-pill{border-radius:0;background:linear-gradient(#32352c,#11130f);border-color:#69735d;color:#bac9a7;font-size:9px}.status-pill.online{color:#c5dab2}.status-pill.online i{background:#bdcda7}
.metrics{gap:0;padding:4px;background:#030303d9;border:1px solid #777;box-shadow:inset 0 2px #aaa3}.metric{border:0;border-right:1px solid #444;border-radius:0;background:transparent;padding:17px}.metric:last-child{border:0}.metric>div{color:#aaa;font-size:8px;letter-spacing:.7px}.metric>div>span{color:#999}.metric strong{font-size:26px;font-weight:400;margin-top:14px;color:#ddd}.metric:first-child strong{color:#c0cfad}.metric em{color:#999;font-size:14px}.metric small{font-size:9px;color:#999}
.panel{padding:0;border:1px solid #777;border-radius:0;background:#020202de;box-shadow:3px 4px 15px #0008;overflow:hidden}.panel-title{height:29px;padding:0 10px;background:linear-gradient(#4b4b4b 0%,#292929 43%,#131313 100%);border-bottom:1px solid #777;box-shadow:inset 0 1px #ccc3}.panel-title h3{font-size:11px;font-weight:400;color:#eee}.panel-title>span{font:8px Tahoma,sans-serif;color:#b0b0b0}.panel>p{margin:17px 18px 20px;color:#aaa;font-size:10px}.controls>button,.controls>.button-row,.controls>.connection{margin-left:18px;margin-right:18px}.controls>button{width:calc(100% - 36px)}.controls .connection{margin-bottom:18px}.primary{border-radius:0;background:linear-gradient(#58604b,#30382a);border:1px solid #869276;color:#e1e7d7;font-size:11px;box-shadow:inset 0 1px #b8c5a74d}.primary:hover{background:linear-gradient(#737e61,#455039)}button{border-radius:0;border:1px solid #686868;background:linear-gradient(#424242,#202020);box-shadow:inset 0 1px #ffffff17;font-size:11px}button:hover{background:linear-gradient(#575757,#303030);border-color:#aaa}.danger{background:linear-gradient(#40332c,#211a17);border-color:#73584a;color:#dfbdad}.button-row button{font-size:10px}.connection{border-color:#444}.connection>small{color:#b4b4a3;font-size:7px}.connection code{font-size:11px;color:#d4d6cb}.connection p{color:#909090;font-size:9px}.connection button{font-size:8px;background:#222;border-color:#666}.console-panel .panel-title{padding:0 10px;border-bottom:1px solid #777}.terminal-mark{color:#c0c7b0}pre{height:242px;background:#000a;color:#aebba3;font:10px/1.8 Consolas,monospace;scrollbar-color:#606060 #141414}.console-footer{border-top:1px solid #444;font-size:8px;color:#999;padding:8px 11px}.console-footer button{font-size:8px;color:#b9b9b9}.lower-grid .panel>form{margin:17px 18px 18px}label{font-size:8px;letter-spacing:.7px;color:#aaa}input:not([type=checkbox]){border-radius:0;background:#080808;border:1px solid #5b5b5b;color:#ddd;padding:8px 9px;font-size:11px}.switches label{font-size:10px}.form-help{color:#999;font-size:9px}.mod-row{margin:17px 18px 0;border-bottom:1px solid #333;padding-bottom:13px}.mod-icon{background:transparent;border:0;padding:0;width:30px;color:#b3be9e;font-size:27px}.mod-row h4{font-size:11px;font-weight:400;color:#ddd}.mod-row p{font-size:9px;color:#999}.tag{border:0;color:#b1acd0;font-size:9px;letter-spacing:0}.candidate{margin:0;padding:14px 18px;border-left:0;border-bottom:1px solid #3f3f3f;background:linear-gradient(90deg,#29292999,#1119)}.candidate>span{font-size:7px;color:#c7ba82}.candidate strong{font-size:11px;color:#ddd}.candidate small{font-size:9px;color:#aaa}.backup-row{margin:17px 18px 0}.backup-row h4{font-size:11px;font-weight:400}.backup-row p{font-size:8px;color:#999}.backup-row button{font-size:9px;padding:7px 9px}.backup-schedule{margin:17px 18px 18px;border-top:1px solid #444;padding-top:14px}.backup-schedule>span{font-size:7px;letter-spacing:1px;color:#b7b6a4}.backup-schedule p{font-size:9px;color:#c1c9b5;margin:8px 0}.backup-schedule small{font-size:8px;color:#929292;line-height:1.8}.notice{border-radius:0;background:#24291ee8;border-color:#697658;color:#d1dfbe;font-size:10px}footer{color:#999;font:7px Tahoma,sans-serif;letter-spacing:.7px}
@media(min-width:1500px){.hero{height:326px}.hero-copy{padding:34px 40px}.hero-copy h1 strong{font-size:80px}.hero-copy h1 .project-word{font-size:45px}.hero-copy p{margin-top:23px}.hero-meta{margin-top:24px}}
@media(max-width:1150px){.metric{padding:15px 12px}.metric strong{font-size:23px}.hero-copy h1 strong{font-size:63px}}
@media(max-width:800px){body{background-position:70% center;background-image:linear-gradient(#0009,#000c),url('menu-reference.png')}.sidebar{padding:14px 18px;background:linear-gradient(#292929,#090909);border-bottom:1px solid #666}.hero{height:auto;min-height:275px}.hero-copy{padding:24px 22px 26px}.hero-copy h1{margin:23px 0 18px}.hero-copy h1 .project-word{font-size:31px}.hero-copy h1 strong{font-size:51px}.hero-copy p{margin-top:21px;font-size:7px;line-height:1.7}.hero-meta{font-size:6px;line-height:1.8;gap:7px;margin-top:20px}.metrics{gap:0}.metric{border-right:1px solid #444;border-bottom:1px solid #444;padding:16px 12px}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-bottom:0}.metric strong{font-size:24px}.metric>div{font-size:7px;line-height:1.7}.metric small{font-size:8px}.panel{padding:0}.console-panel pre{height:245px}.panel-title h3{font-size:11px}.local-tag{font-size:6px;padding:6px}.backup-row{align-items:center}.backup-row p{max-width:150px}.backup-row h4{font-size:10px}.backup-row button{font-size:8px;padding:7px}.backup-schedule p{line-height:1.7}.brand small{font-size:6px}.game-icon{height:29px;width:29px}.lower-grid .panel>form{margin:16px}.form-row{grid-template-columns:90px 1fr;gap:15px}}
.hero-art{background-size:auto 145%;background-position:right 46%}

.community-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px;padding:8px;background:linear-gradient(#303030,#111);border:1px solid #666}.community-shortcuts a{font-size:10px;padding:8px 12px;color:#ddd;border:1px solid #555;background:#181818;flex:1;text-align:center;white-space:nowrap}.community-shortcuts a:hover{background:#393939}@media(max-width:800px){.community-shortcuts{gap:7px;padding:7px}.community-shortcuts a{flex:1 1 40%;font-size:10px;padding:9px 5px}}