:root{color-scheme:dark;--bg:#12160f;--card:#1e2620;--card2:#29342b;--line:#000;--text:#eef3ea;--muted:#b4c2ad;--accent:#7bd15a;--gold:#f2c14e;--off:#ff7b6b;--s:16px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);background-image:linear-gradient(45deg,#151a12 25%,transparent 25%,transparent 75%,#151a12 75%),linear-gradient(45deg,#151a12 25%,transparent 25%,transparent 75%,#151a12 75%);background-size:32px 32px;background-position:0 0,16px 16px}
a{color:var(--accent)}a:hover{color:#a6ea8a}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.px{image-rendering:pixelated;image-rendering:crisp-edges}
h1,h2,h3{text-shadow:2px 2px 0 #000;letter-spacing:.01em}
h1{font-size:clamp(28px,5vw,44px);line-height:1.1;margin:0 0 10px}h2{font-size:24px;margin:34px 0 12px}h3{margin:0;font-size:18px}
.top{background:#0b0f0a;border-bottom:4px solid #000;box-shadow:0 2px 0 #2c3a2c}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;flex-wrap:wrap}
.logo{display:flex;align-items:center}.logo img{display:block;width:182px;height:32px}
.top nav{display:flex;flex-wrap:wrap;gap:4px}.top nav a{color:var(--muted);text-decoration:none;padding:6px 8px;font-size:15px}.top nav a:hover{color:var(--text)}
.top nav a.cta{color:#10200a;background:var(--accent);border:2px solid #000;box-shadow:inset -2px -3px 0 #3f7f2a,inset 2px 2px 0 #b6f09a;font-weight:700}
.banner{position:relative;margin:18px 0 0;border:4px solid #000;box-shadow:inset 0 0 0 2px #3a4a3a;background:#2a1a10 url(/img/hero.png) center bottom/cover no-repeat;image-rendering:pixelated;min-height:230px;display:flex;align-items:flex-end}
.banner .in{position:relative;width:100%;padding:22px 20px 18px;background:linear-gradient(to top,rgba(10,12,9,.92),rgba(10,12,9,.55) 70%,transparent)}
.banner .lede{color:#e3e9de;max-width:44em;margin:0}
.splash{position:absolute;right:18px;top:16px;color:#ffe14d;font-weight:800;text-shadow:2px 2px 0 #3f3300;transform:rotate(-12deg);font-size:18px;animation:splash 1.2s ease-in-out infinite alternate;pointer-events:none}
@keyframes splash{to{transform:rotate(-12deg) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.splash{animation:none}}
.hero{padding:26px 0 8px}.lede{color:var(--muted);max-width:46em;margin:0}
.crumbs{font-size:14px;color:var(--muted);margin:18px 0 0}.crumbs a{color:var(--muted)}
.ico{display:inline-block;flex:none;width:var(--s);height:var(--s);background:url(/img/sprites.png) no-repeat;background-size:calc(8 * var(--s)) auto;background-position:calc(var(--x) * var(--s) * -1) calc(var(--y) * var(--s) * -1);image-rendering:pixelated;vertical-align:-3px}
.i20{--s:20px}.i24{--s:24px}.i32{--s:32px}
.mc-btn,.chips a,.copy{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:700;font-size:15px;color:#fff;text-decoration:none;text-shadow:1px 1px 0 #333;background:#7d7d7d;border:2px solid #000;box-shadow:inset 2px 2px 0 #b8b8b8,inset -2px -3px 0 #4d4d4d;padding:7px 13px 8px;cursor:pointer;border-radius:0}
.mc-btn:hover,.chips a:hover,.copy:hover{background:#8a9fd8;box-shadow:inset 2px 2px 0 #c4d2ff,inset -2px -3px 0 #4b5f99;color:#fff}
.mc-btn:active,.copy:active{box-shadow:inset 2px 3px 0 #4d4d4d,inset -2px -2px 0 #b8b8b8;transform:translateY(1px)}
.mc-btn.grass,.copy{background:#5fae3e;box-shadow:inset 2px 2px 0 #9fe07d,inset -2px -3px 0 #3a7425}
.mc-btn.grass:hover,.copy:hover{background:#6fc24b;box-shadow:inset 2px 2px 0 #b8f29a,inset -2px -3px 0 #3f7f2a}
.mc-btn.gold{background:#d9a632;color:#211600;text-shadow:none;box-shadow:inset 2px 2px 0 #ffe08a,inset -2px -3px 0 #8f6714}
.mc-btn.gold:hover{background:#e8b947}
.copy.ok{background:#3a7425}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.chips a{font-size:14px;padding:5px 10px 6px}
.chips a[aria-current]{background:#5fae3e;box-shadow:inset 2px 2px 0 #9fe07d,inset -2px -3px 0 #3a7425}
.block,.card,.panel,details{background:var(--card);border:2px solid #000;box-shadow:inset 2px 2px 0 rgba(255,255,255,.07),inset -2px -2px 0 rgba(0,0,0,.45)}
.ad{position:relative;margin:22px 0 6px;padding:16px 18px;border:8px solid transparent;border-image:url(/img/frame-gold.png) 4 repeat;image-rendering:pixelated;background:#2b2412 padding-box;display:grid;gap:12px}
.ad>*{image-rendering:auto}
@media(min-width:780px){.ad{grid-template-columns:auto 1fr auto;align-items:center}}
.ad .badge{display:inline-flex;align-items:center;gap:5px;background:var(--gold);color:#1b1606;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:2px solid #000;margin-right:8px;vertical-align:middle;text-shadow:none}
.ad h2{margin:0 0 4px;font-size:22px}.ad p{margin:0;color:#ece5c8}.ad small{color:#cbbf95;display:block;margin-top:6px}
.ad .face{width:64px;height:64px}
.join{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
code.ip{font:15px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#000;border:2px solid #3a3a3a;padding:6px 9px;color:#e6ffd8;word-break:break-all}
.copy{font-size:14px;padding:5px 10px 6px}
.ctl{margin:18px 0 6px;padding:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}
.ctl label{display:block;font-size:13px;color:var(--muted);margin-bottom:3px}
.ctl input[type=search],.ctl select,.form input,.form select,.form textarea{width:100%;padding:8px 9px;background:#000;color:var(--text);border:2px solid #555;font:inherit;font-size:15px;border-radius:0}
.ctl input:focus,.ctl select:focus,.form :is(input,select,textarea):focus{border-color:var(--gold);outline:none}
.ctl .q{grid-column:1/-1}.ctl .chk{display:flex;align-items:center;gap:6px;color:var(--text);font-size:15px;margin:0}
.count{font-size:14px;color:var(--muted);margin:6px 0 0}
.list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.card{padding:12px;display:grid;gap:10px 14px;grid-template-columns:48px 1fr}
.card .sv{width:48px;height:48px;image-rendering:pixelated;background:#000;border:2px solid #000}
.ph{display:grid;place-items:center;font-weight:800;color:var(--accent);font-size:20px;background:#000}
.card .body{min-width:0}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:hover{color:var(--accent)}
.card p{margin:3px 0 7px;color:var(--muted);font-size:15px}
.card .side{grid-column:1/-1;display:grid;gap:6px}
@media(min-width:840px){.card{grid-template-columns:48px 1fr 340px;align-items:center}.card .side{grid-column:auto;justify-items:end}}
.tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}
.tags li{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 7px;background:#000;color:#d6e2cf;border:1px solid #333}
.tags a{color:inherit;text-decoration:none}
.stat{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.pl{font:600 14px ui-monospace,Menlo,Consolas,monospace;color:#d8d8d8}.pl b{color:#fff}
.bars{display:inline-flex;align-items:flex-end;gap:1px;height:14px}.bars i{width:3px;background:#3a3a3a}.bars i:nth-child(1){height:4px}.bars i:nth-child(2){height:6px}.bars i:nth-child(3){height:8px}.bars i:nth-child(4){height:11px}.bars i:nth-child(5){height:14px}
.bars[data-n="1"] i:nth-child(-n+1),.bars[data-n="2"] i:nth-child(-n+2){background:#e0a33a}.bars[data-n="3"] i:nth-child(-n+3),.bars[data-n="4"] i:nth-child(-n+4),.bars[data-n="5"] i:nth-child(-n+5){background:#5fdc3e}
.bars[data-n="0"] i{background:#7a2a24}
.st{font-size:14px;color:var(--muted);white-space:nowrap}.st.on{color:#9be27e}.st.off{color:var(--off)}
.meta{font-size:13px;color:var(--muted)}
.panel{padding:16px 18px;margin:16px 0}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}dl.facts dt{color:var(--muted);display:flex;align-items:center;gap:6px}dl.facts dd{margin:0;word-break:break-word}
.motd{font:14px ui-monospace,Menlo,Consolas,monospace;background:#000;padding:10px 12px;color:#e6ffd8;white-space:pre-wrap;border:2px solid #333}
details{padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:650}details p{color:var(--muted);margin:8px 0 2px}
.cols{display:grid;gap:12px}@media(min-width:760px){.cols{grid-template-columns:1fr 1fr}}
.cat{display:flex;gap:12px;align-items:flex-start}.cat h3{font-size:17px}
.chat{position:fixed;left:12px;bottom:12px;max-width:min(560px,calc(100% - 24px));background:rgba(0,0,0,.78);color:#fff;font:15px/1.4 ui-monospace,Menlo,Consolas,monospace;padding:8px 12px;text-shadow:1px 1px 0 #3f3f3f;z-index:9;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
.chat.show{opacity:1;transform:none}.chat .who{color:#ffe14d}.chat .ip{color:#7fe4ff}
.form{display:grid;gap:14px}.form .row{display:grid;gap:14px}@media(min-width:700px){.form .row{grid-template-columns:1fr 1fr}.form .row.r3{grid-template-columns:2fr 1fr 1fr}}
.form label{font-weight:600;display:block;margin-bottom:4px}.form .hint{font-size:13px;color:var(--muted);font-weight:400}
.form fieldset{border:2px solid #333;padding:10px 12px;margin:0}.form legend{font-weight:600;padding:0 6px}
.tagpick{display:flex;flex-wrap:wrap;gap:6px 14px}.tagpick label{font-weight:400;display:flex;gap:6px;align-items:center;margin:0}
.form .err{color:var(--off);font-size:14px;min-height:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.alert{padding:12px 14px;border:2px solid #000;margin:12px 0}.alert.bad{background:#3a1512;color:#ffd5cf}.alert.good{background:#15301a;color:#d8ffd0}
footer{margin-top:48px;border-top:4px solid #000;padding:24px 0 40px;color:var(--muted);font-size:14px;background:#3b2717 linear-gradient(45deg,#33210f 25%,transparent 25%,transparent 75%,#33210f 75%) 0 0/24px 24px;box-shadow:inset 0 6px 0 #4c8a2f}
footer .wrap{background:rgba(10,8,5,.75);padding:16px;border:2px solid #000}
footer a{color:#e5d8c4}footer ul{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:6px 16px}
.note{color:var(--muted);font-size:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico-survival{--x:0;--y:0}.ico-smp{--x:1;--y:0}.ico-skyblock{--x:2;--y:0}.ico-modded{--x:3;--y:0}.ico-pvp{--x:4;--y:0}.ico-creative{--x:5;--y:0}.ico-minigames{--x:6;--y:0}.ico-crossplay{--x:7;--y:0}.ico-anarchy{--x:0;--y:1}.ico-vanilla{--x:1;--y:1}.ico-economy{--x:2;--y:1}.ico-family{--x:3;--y:1}.ico-online{--x:4;--y:1}.ico-offline{--x:5;--y:1}.ico-players{--x:6;--y:1}.ico-version{--x:7;--y:1}.ico-pin{--x:0;--y:2}.ico-copy{--x:1;--y:2}.ico-star{--x:2;--y:2}.ico-kangaroo{--x:3;--y:2}.ico-gumleaf{--x:4;--y:2}.ico-southerncross{--x:5;--y:2}.ico-search{--x:6;--y:2}.ico-sort{--x:7;--y:2}.ico-uptime{--x:0;--y:3}.ico-new{--x:1;--y:3}.ico-ping{--x:2;--y:3}.ico-discord{--x:3;--y:3}.ico-mail{--x:4;--y:3}.ico-plus{--x:5;--y:3}.ico-check{--x:6;--y:3}