:root,:root[data-mood=grass]{--bg: oklch(.165 .014 150);--bg-2: oklch(.205 .016 150);--surface: oklch(.235 .017 150);--surface-2: oklch(.285 .018 150);--slot: oklch(.185 .014 150);--bevel-hi: oklch(.4 .018 150);--bevel-lo: oklch(.115 .012 150);--line: oklch(.33 .016 150);--accent: oklch(.72 .16 145);--accent-hi: oklch(.8 .15 145);--accent-lo: oklch(.55 .15 145);--accent-ink: oklch(.17 .05 150);--gold: oklch(.82 .135 85);--glow: oklch(.72 .16 145 / .3);--text: oklch(.95 .008 110);--muted: oklch(.72 .012 145);--dim: oklch(.55 .012 145)}:root[data-mood=nether]{--bg: oklch(.165 .018 35);--bg-2: oklch(.205 .022 32);--surface: oklch(.235 .026 32);--surface-2: oklch(.285 .03 32);--slot: oklch(.185 .02 32);--bevel-hi: oklch(.42 .04 35);--bevel-lo: oklch(.115 .016 32);--line: oklch(.34 .03 32);--accent: oklch(.64 .19 32);--accent-hi: oklch(.72 .18 38);--accent-lo: oklch(.5 .17 30);--accent-ink: oklch(.16 .04 32);--gold: oklch(.83 .14 75);--glow: oklch(.64 .19 32 / .34);--text: oklch(.95 .01 60);--muted: oklch(.74 .02 45);--dim: oklch(.56 .02 40)}:root[data-mood=end]{--bg: oklch(.155 .018 305);--bg-2: oklch(.195 .022 305);--surface: oklch(.225 .026 305);--surface-2: oklch(.275 .03 305);--slot: oklch(.175 .02 305);--bevel-hi: oklch(.42 .04 305);--bevel-lo: oklch(.11 .016 305);--line: oklch(.34 .03 305);--accent: oklch(.74 .135 175);--accent-hi: oklch(.82 .13 175);--accent-lo: oklch(.58 .13 178);--accent-ink: oklch(.16 .04 200);--gold: oklch(.84 .13 95);--glow: oklch(.7 .16 300 / .34);--text: oklch(.96 .01 300);--muted: oklch(.76 .02 300);--dim: oklch(.58 .02 300)}:root{--font-head: "Pixelify Sans", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-pixel: "Press Start 2P", monospace;--font-mono: "VT323", monospace;--maxw: 1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,oklch(1 0 0 / .018) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,oklch(0 0 0 / .06) 0 1px,transparent 1px 4px);background-size:4px 4px,4px 4px;mix-blend-mode:overlay;opacity:.5}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--accent-ink)}.eyebrow{font-family:var(--font-pixel);font-size:clamp(9px,1.1vw,11px);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;line-height:1.8}h1,h2,h3{font-family:var(--font-head);font-weight:600;line-height:1.02;letter-spacing:.01em;margin:0}.section-title{font-size:clamp(34px,5vw,58px)}.lead{color:var(--muted)}.mono{font-family:var(--font-mono)}.step a,.hint a,.hero-sub a{color:var(--accent);text-underline-offset:2px}.wrap{width:min(var(--maxw),calc(100% - 48px));margin-inline:auto}section{position:relative;z-index:1}.pad{padding-block:clamp(64px,9vw,130px)}.sec-head{max-width:640px;margin-bottom:48px}.sec-head .eyebrow{display:block;margin-bottom:14px}.sec-head p{margin:16px 0 0;font-size:18px}.mc-btn{--b: var(--surface-2);position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--text);background:var(--b);border:0;padding:15px 24px 17px;cursor:pointer;text-decoration:none;box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 4px #00000080,0 8px 18px #0006;transition:transform .08s ease,filter .12s ease;image-rendering:pixelated;text-shadow:0 2px 0 oklch(0 0 0 / .35);white-space:nowrap}.mc-btn:hover{filter:brightness(1.12)}.mc-btn:active{transform:translateY(4px);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 #00000080,0 2px 8px #0006}.mc-btn.primary{--b: var(--accent);--bevel-hi: var(--accent-hi);--bevel-lo: var(--accent-lo);color:var(--accent-ink);text-shadow:0 2px 0 oklch(1 0 0 / .22)}.mc-btn.gold{--b: var(--gold);--bevel-hi: oklch(.9 .1 90);--bevel-lo: oklch(.66 .13 75);color:oklch(.2 .05 80);text-shadow:0 2px 0 oklch(1 0 0 / .25)}.mc-btn.sm{font-size:14px;padding:10px 16px 12px}.dl-skeleton{min-width:9.5rem;color:transparent;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a,#ffffff24,#ffffff0a);background-size:200% 100%;animation:dl-shimmer 1.2s linear infinite}.dl-skeleton:after{content:" "}@keyframes dl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ip-chip{display:inline-flex;align-items:stretch;background:var(--slot);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi);overflow:hidden}.ip-chip .ip-val{display:flex;align-items:center;gap:10px;padding:0 18px;font-family:var(--font-mono);font-size:28px;line-height:1;color:var(--gold);letter-spacing:.02em}.ip-chip .ip-val .pin{color:var(--dim);font-size:22px}.ip-chip button{border:0;cursor:pointer;padding:14px 18px;font-family:var(--font-head);font-weight:600;font-size:15px;background:var(--accent);color:var(--accent-ink);box-shadow:inset 2px 2px 0 var(--accent-hi),inset -2px -2px 0 var(--accent-lo);transition:filter .12s ease;white-space:nowrap}.ip-chip button:hover{filter:brightness(1.1)}.ip-chip button.copied{background:var(--gold);color:oklch(.2 .05 80)}.ip-chip.url{max-width:100%}.ip-chip.url .ip-val{font-family:var(--font-mono);font-size:18px;padding:8px 14px;word-break:break-all;color:var(--text)}.ip-chip.url button{font-size:14px;padding:10px 16px}.nav{position:sticky;top:0;z-index:50;background:#0a100bb8;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:24px;height:68px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-logo{width:34px;height:34px;flex-shrink:0}.brand .name{font-family:var(--font-head);font-weight:600;font-size:22px;letter-spacing:.02em}.nav-links{display:flex;gap:6px;margin-left:12px}.lang-switch{display:flex;gap:2px}.lang-switch a{font-family:var(--font-pixel);font-size:10px;letter-spacing:.06em;color:var(--dim);text-decoration:none;padding:7px 8px;line-height:1;transition:color .12s ease,background .12s ease}.lang-switch a:hover{color:var(--text);background:var(--surface)}.lang-switch a.on{color:var(--accent-ink);background:var(--accent)}.nav-links a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;transition:color .12s ease,background .12s ease}.nav-links a:hover{color:var(--text);background:var(--surface)}.nav-spacer{flex:1}.creeper{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:34px;height:34px;background:var(--accent);box-shadow:inset 2px 2px 0 var(--accent-hi),inset -2px -2px 0 var(--accent-lo);image-rendering:pixelated}.creeper i{background:transparent}.creeper i.f{background:#041107}.hero{position:relative;padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(56px,8vw,110px);overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;left:50%;width:1100px;height:760px;transform:translate(-50%);background:radial-gradient(closest-side,var(--glow),transparent 72%);pointer-events:none;filter:blur(8px)}.hero-grid{position:relative;display:grid;gap:clamp(36px,5vw,64px);align-items:center}:root[data-hero=centered] .hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center}:root[data-hero=centered] .hero-cta{justify-content:center}:root[data-hero=centered] .hero-meta{justify-content:center}:root[data-hero=centered] .hero-copy{max-width:720px}:root[data-hero=centered] .hero-status{display:none}:root[data-hero=split] .hero-grid{grid-template-columns:1.1fr .9fr}:root[data-hero=split] .hero-logo{max-width:560px}:root[data-hero=split] .hero-logo img{margin-inline:0}:root[data-hero=spotlight] .hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center}:root[data-hero=spotlight] .hero-cta{justify-content:center}:root[data-hero=spotlight] .hero-meta{justify-content:center}:root[data-hero=spotlight] .hero-logo{max-width:900px}:root[data-hero=spotlight] .hero-tagline{font-size:clamp(20px,2.4vw,28px)}:root[data-hero=spotlight] .hero-status{display:none}:root[data-hero=spotlight] .hero-features-note{display:none}.hero-logo{width:100%;max-width:760px}.hero-logo img{width:100%;image-rendering:pixelated;filter:drop-shadow(0 8px 0 oklch(0 0 0 / .45)) drop-shadow(0 18px 30px oklch(0 0 0 / .55));margin-inline:auto}.hero-copy{display:flex;flex-direction:column;gap:22px}.hero-tagline{font-family:var(--font-head);font-weight:600;font-size:clamp(24px,3vw,38px);line-height:1.08;letter-spacing:.01em;text-wrap:balance}.hero-tagline .hl{color:var(--accent)}.hero-sub{color:var(--muted);font-size:18px;max-width:52ch;margin:0}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;color:var(--dim);font-size:14.5px}.hero-meta .dot{width:6px;height:6px;background:var(--dim)}.hero-ip-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.live-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 11px;background:var(--slot);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi);font-size:14px;color:var(--muted);font-weight:500}.live-dot{width:9px;height:9px;background:var(--accent);box-shadow:0 0 0 3px var(--glow);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.live-pill b{color:var(--text);font-variant-numeric:tabular-nums}.serverlist{display:flex;gap:18px;align-items:center;background:var(--slot);padding:16px;box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 8px 24px #0006}.serverlist .icon{width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-2);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.serverlist .icon .creeper{width:48px;height:48px}.serverlist .meta{flex:1;min-width:0}.serverlist .row1{display:flex;align-items:baseline;gap:12px;flex-wrap:nowrap}.serverlist .title{font-family:var(--font-head);font-weight:600;font-size:22px;white-space:nowrap}.serverlist .ver{color:var(--dim);font-family:var(--font-mono);font-size:17px;white-space:nowrap}.serverlist .motd{margin:6px 0 0;color:var(--muted);font-size:15px}.serverlist .motd .g{color:var(--gold)}.serverlist .motd .a{color:var(--accent)}.serverlist .stat{text-align:right;flex-shrink:0}.serverlist .players{font-variant-numeric:tabular-nums;font-size:15px;color:var(--muted);display:flex;align-items:center;gap:8px;justify-content:flex-end}.serverlist .players b{color:var(--text)}.bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.bars i{width:4px;background:var(--accent);image-rendering:pixelated}.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:65%}.bars i:nth-child(4){height:85%}.bars i:nth-child(5){height:100%}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.tile{background:var(--surface);padding:22px;box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo)}.tile .k{font-family:var(--font-head);font-weight:600;font-size:38px;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.tile .k .u{color:var(--accent);font-size:22px}.tile .l{margin-top:8px;color:var(--dim);font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-pixel);font-size:9px;line-height:1.8}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.roster-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--bg-2)}.roster-tile img{width:auto;height:230px;object-fit:contain;image-rendering:pixelated}.roster-name{max-width:100%;color:var(--muted);font-size:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-empty{margin:0;color:var(--dim);font-size:14px}.feat-split{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.feat-grid{display:grid;grid-template-columns:1fr;gap:18px}.feat-aside{display:flex;align-items:center;justify-content:center}.feat-aside img{width:100%;max-width:420px;height:auto;image-rendering:pixelated}@media(max-width:760px){.feat-split{grid-template-columns:1fr}}.feat{display:flex;gap:18px;background:var(--surface);padding:26px;box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo);transition:transform .14s ease,filter .14s ease}.feat:hover{transform:translateY(-3px);filter:brightness(1.06)}.feat h3{font-size:21px;margin-bottom:8px}.feat p{margin:0;color:var(--muted);font-size:16px}.picon{width:52px;height:52px;flex-shrink:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);background:var(--slot);padding:4px;image-rendering:pixelated}.picon i{background:transparent}.picon i.on{background:var(--accent)}.picon i.go{background:var(--gold)}.picon-img{width:52px;height:52px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}.steps{display:flex;flex-direction:column;gap:20px}.step{display:grid;grid-template-columns:92px 1fr;gap:28px;background:var(--surface);padding:30px;box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo)}.step .num{width:92px;height:92px;display:grid;place-items:center;background:var(--slot);font-family:var(--font-head);font-weight:600;font-size:46px;color:var(--accent);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.step .body{padding-top:2px}.step .kicker{font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.step h3{font-size:26px;margin:10px 0 12px}.step p{margin:0 0 16px;color:var(--muted);font-size:16.5px;max-width:64ch}.step .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.step ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.step ul li{display:flex;gap:12px;color:var(--muted);font-size:16px}.step ul li:before{content:"";width:10px;height:10px;margin-top:8px;flex-shrink:0;background:var(--accent)}.step .hint{color:var(--dim);font-size:14px}.step kbd{font-family:var(--font-mono);font-size:18px;line-height:1;background:var(--bg-2);color:var(--text);padding:4px 8px;box-shadow:inset 1px 1px 0 var(--bevel-lo),inset -1px -1px 0 var(--bevel-hi)}.footer{border-top:1px solid var(--line);background:var(--bg-2)}.footer-in{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;padding-block:40px}.footer .brand .name{font-size:20px}.footer-links{display:flex;gap:8px;flex-wrap:wrap}.footer .disc{color:var(--dim);font-size:13px;max-width:46ch}.dust{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}@keyframes rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-110vh) translate(24px);opacity:0}}@media(prefers-reduced-motion:reduce){.dust{display:none}}.hero-grid{z-index:1}:root[data-head="8bit"] .section-title{font-size:clamp(20px,3vw,38px);line-height:1.25}:root[data-head="8bit"] .hero-tagline{font-size:clamp(15px,2vw,26px);line-height:1.4}:root[data-head="8bit"] .brand .name{font-size:15px}:root[data-head="8bit"] .mc-btn{font-size:12px}:root[data-head="8bit"] .mc-btn.sm{font-size:11px}:root[data-head="8bit"] .step h3{font-size:17px;line-height:1.35}:root[data-head="8bit"] .step .num{font-size:30px}:root[data-head="8bit"] .feat h3{font-size:15px;line-height:1.4}:root[data-head="8bit"] .serverlist .title{font-size:16px}:root[data-head="8bit"] .tile .k{font-size:26px}:root[data-head="8bit"] .ip-chip button{font-size:12px}:root[data-head="8bit"] .live-pill{font-size:12px}:root[data-head=silkscreen] .section-title{letter-spacing:0}.reveal{will-change:opacity,transform}@keyframes reveal-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.reveal.anim{animation:reveal-in .6s cubic-bezier(.2,.7,.3,1) both}}.reg-wrap{width:min(560px,calc(100% - 48px));margin-inline:auto}.reg-card{background:var(--surface);padding:clamp(24px,4vw,40px);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 8px 24px #0006}.reg-card .eyebrow{display:block;margin-bottom:12px}.reg-card h1{font-size:clamp(28px,4vw,40px)}.reg-card .lead{margin:14px 0 0;font-size:17px}.reg-form{display:flex;flex-direction:column;gap:18px;margin-top:28px}.reg-field{display:flex;flex-direction:column;gap:7px}.reg-field label{font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase;line-height:1.8}.reg-input{font-family:var(--font-body);font-size:16px;color:var(--text);background:var(--slot);border:0;padding:13px 14px;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.reg-input::placeholder{color:var(--dim)}.reg-input:focus{outline:2px solid var(--accent);outline-offset:1px}.reg-field .hint{color:var(--dim);font-size:13px}.reg-models{display:flex;gap:10px}.reg-models label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;letter-spacing:0;text-transform:none;color:var(--muted);cursor:pointer;background:var(--slot);padding:9px 14px;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.reg-models input{accent-color:var(--accent)}.reg-msg{font-size:15px;padding:12px 14px;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.reg-msg[hidden]{display:none}.reg-msg.err{background:#55120b;color:#fddcd1}.reg-msg.ok{background:var(--slot);color:var(--accent)}.reg-foot{margin-top:22px;color:var(--dim);font-size:14.5px}.reg-foot a{color:var(--accent)}.reg-success[hidden],.reg-skin[hidden]{display:none}.reg-success{margin-top:26px;display:flex;flex-direction:column;gap:16px}.reg-uuid{font-family:var(--font-mono);font-size:17px;color:var(--gold);background:var(--slot);padding:8px 12px;word-break:break-all;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.reg-skin{margin-top:8px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding-top:22px}.reg-skin h3{font-size:22px}.reg-skin .lead{font-size:15px}.reg-file-name{color:var(--muted);font-size:14px}@media(max-width:880px){:root[data-hero=split] .hero-grid{grid-template-columns:1fr}:root[data-hero=split] .hero-status{display:block}.stat-grid{grid-template-columns:repeat(2,1fr)}.feat-grid{grid-template-columns:1fr}.nav-links{display:none}.serverlist{flex-wrap:wrap}.serverlist .stat{text-align:left}}@media(max-width:560px){.step{grid-template-columns:1fr;gap:18px}.step .num{width:64px;height:64px;font-size:32px}.ip-chip .ip-val{font-size:22px}.stat-grid{grid-template-columns:1fr 1fr}}