:root{--bg:#04111d;--panel:#061a2b;--panel2:#0a2740;--line:#1f6f9f;--cyan:#18d0ff;--blue:#1aa3ff;--green:#2cdd57;--purple:#7b20f6;--text:#f8fbff;--muted:#b7cad9;--shadow:0 18px 45px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#163d68 0,#071522 34%,#02080d 80%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:linear-gradient(90deg,#d8f2ff 1px,transparent 1px),linear-gradient(#d8f2ff 1px,transparent 1px);background-size:32px 32px}.section-shell{max-width:1500px;margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0c1b32 0,#071524 100%);border-bottom:2px solid #103a5a;box-shadow:0 6px 18px rgba(0,0,0,.38)}.nav-wrap{max-width:1500px;margin:auto;height:74px;padding:0 24px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;white-space:nowrap}.brand-avatar{font-size:37px;filter:drop-shadow(0 4px 0 #000)}.brand-text{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:39px;letter-spacing:1.5px;background:linear-gradient(#f7fbff 10%,#c9d8e6 55%,#71c9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 0 #06111d,0 7px 10px rgba(0,0,0,.8)}.brand-text span{color:inherit}.nav-links{margin-left:auto;display:flex;align-items:stretch;height:100%}.nav-links a{position:relative;color:#eef7ff;text-decoration:none;padding:24px 17px 19px;font-weight:850;display:flex;align-items:center;gap:7px}.nav-links a:hover,.nav-links a.active{color:#4edcff}.nav-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:#00c8ff;transform:scaleX(0);transition:.18s}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.server-pill{padding:10px 14px;border-radius:7px;border:1px solid #16833f;background:linear-gradient(#14562a,#0d3f21);color:#e2ffe8;font-weight:850;box-shadow:inset 0 0 0 1px #1c6f39}.server-pill .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#49ff6b;margin-right:7px;box-shadow:0 0 12px #49ff6b}.menu-toggle{display:none;margin-left:auto;background:#10263a;border:1px solid #28506e;color:white;border-radius:8px;font-size:23px;padding:7px 11px}
.hero{position:relative;min-height:640px;overflow:hidden;border-left:1px solid #134d75;border-right:1px solid #134d75;border-bottom:1px solid #134d75;box-shadow:var(--shadow);background:#071424}.hero-scene{position:absolute;inset:0;background-image:url('/assets/hero-kids.png?v=4');background-size:cover;background-position:center 45%;filter:saturate(1.08) contrast(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,16,.02) 0%,rgba(4,12,21,.05) 34%,rgba(4,12,21,.38) 50%,rgba(6,20,36,.88) 66%,rgba(6,21,38,.97) 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(transparent,#06111d 88%);pointer-events:none}.hero-panel{position:relative;z-index:2;margin-left:auto;width:min(57%,850px);min-height:640px;padding:42px 40px 54px 30px;display:flex;flex-direction:column;justify-content:center}.hero-logo{text-align:center}.eyebrow{font-family:'Courier New',monospace;font-size:28px;font-weight:900;letter-spacing:1px;margin:0 0 2px;text-shadow:0 3px 0 #000}.hero h1{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:88px;line-height:.9;letter-spacing:2px;background:linear-gradient(#ffffff 0,#dfe8ef 48%,#70c8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #0b1722;filter:drop-shadow(0 7px 0 #122d43) drop-shadow(0 11px 7px #000)}.motto{display:inline-block;margin:18px auto 10px;padding:8px 16px;background:linear-gradient(#8c5a23,#5c3415);border:3px solid #2d1707;border-radius:4px;box-shadow:inset 0 0 0 2px #b88442,0 5px 9px #0009;font-size:15px;font-weight:950}.motto b{color:#46d9ff;margin:0 4px}.family-ribbon{display:inline-block;padding:7px 13px;margin-bottom:18px;border-radius:4px;background:rgba(6,16,29,.88);border:1px solid #376582;color:#f2f8fc;font-weight:850;font-size:12px;letter-spacing:.7px}.family-ribbon:first-letter,.family-ribbon{color:#f8fbff}
.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:6px}.join-card{background:linear-gradient(180deg,rgba(12,36,57,.96),rgba(4,16,26,.98));border:2px solid #475f73;border-radius:9px;padding:17px;box-shadow:inset 0 0 0 3px #06111c,0 12px 28px #0009}.java-card{border-color:#10adff}.bedrock-card{border-color:#22d15f}.edition-title{display:flex;gap:11px;align-items:center;margin-bottom:13px}.edition-icon{font-size:32px}.edition-title strong{display:block;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:24px;letter-spacing:.8px}.edition-title small{display:block;color:#b5c8d7;margin-top:2px}.copy-row{display:flex;align-items:center;gap:7px;margin-top:7px}.copy-row code{flex:1;min-width:0;padding:11px 10px;border-radius:6px;border:1px solid #52718a;background:#06111b;color:#f8fbff;font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port-label{font-size:12px;font-weight:950;color:#e7f1f8}.copy-btn{border:0;border-radius:6px;padding:10px 12px;background:#159cf2;color:white;font-size:17px;font-weight:900;cursor:pointer;box-shadow:inset 0 -3px 0 #0b5f97}.copy-btn:hover{filter:brightness(1.15)}.green-copy{background:#16b848;box-shadow:inset 0 -3px 0 #0b6f2b}.big-action{width:100%;border:0;border-radius:7px;padding:13px 10px;margin-top:12px;color:white;font-weight:950;font-size:15px;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.28),0 5px 12px #0008}.java-action{background:linear-gradient(#22bdff,#077fd9)}.bedrock-action{background:linear-gradient(#7df126,#1fbf13)}
.modes-section{margin-top:-1px;position:relative;z-index:3;background:linear-gradient(180deg,rgba(4,20,34,.98),rgba(3,15,25,.99));border:1px solid #17608d;border-top:2px solid #2087bd;border-radius:34px;padding:16px 18px 20px;box-shadow:0 18px 40px #0008}.centered-heading{text-align:center;margin-bottom:14px}.heading-line{display:flex;align-items:center;justify-content:center;gap:11px}.centered-heading h2{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:36px;letter-spacing:1px;text-shadow:0 4px 0 #000}.centered-heading p{margin:1px 0 0;color:#c9deeb;font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.4px}.grass-cube{font-size:27px;filter:drop-shadow(0 3px 0 #000)}.mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.mode-card{overflow:hidden;border:2px solid #2a8ccc;border-radius:8px;background:#061622;box-shadow:0 8px 18px #0007;transition:.2s}.mode-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #000a}.mode-visual{height:126px;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #2b7295;background:radial-gradient(circle at 50% 15%,#5fd7ff 0,#288bc0 38%,#102f4a 72%,#06121e 100%)}.mode-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 78%,rgba(0,0,0,.3)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 24px)}.mini-island{position:relative;z-index:1;width:106px;height:44px;border-radius:50%;background:linear-gradient(#4da947 0 34%,#79532c 35% 58%,#3a2a20 59%);box-shadow:0 14px 0 -7px #3b2b20,0 25px 0 -16px #241b17,0 10px 18px #0008;display:grid;place-items:center;font-size:31px}.mode-float{position:absolute;right:24px;top:34px;font-size:27px;z-index:1}.one{border-color:#2fd970}.one .mode-visual{background:radial-gradient(circle at 50% 30%,#7cff80 0,#2f9653 36%,#103e29 72%,#06121e 100%)}.one-cube{position:relative;z-index:1;font-size:58px;filter:drop-shadow(0 12px 8px #0008)}.spark{position:absolute;right:39px;top:29px;font-size:25px;color:#fff594}.acid{border-color:#e7b630}.acid .mode-visual{background:radial-gradient(circle at 50% 25%,#d9ff5e 0,#6fa43a 33%,#2b4b21 70%,#081510 100%)}.acid-island{box-shadow:0 9px 0 -2px #77e638,0 17px 18px #7dff2c88}.acid-glow{position:absolute;left:27px;bottom:20px;font-size:28px;filter:drop-shadow(0 0 12px #9eff5f)}.cave{border-color:#a456ea}.cave .mode-visual{background:radial-gradient(circle at 55% 48%,#6e518d 0,#302943 42%,#161824 72%,#070910 100%)}.cave-mouth{position:relative;z-index:1;font-size:44px;text-shadow:0 0 12px #8d69ff}.cave-mouth span{font-size:31px}.poseidon{border-color:#1ce5e5}.poseidon .mode-visual{background:linear-gradient(#55dfff 0,#1680bc 44%,#0b476c 56%,#05253b 100%)}.ocean-scene{position:relative;z-index:1;font-size:50px;text-shadow:0 0 10px #49f5ff}.ocean-scene span{font-size:34px}.mode-body{padding:12px 13px 13px;text-align:center;background:linear-gradient(#09243a,#061622)}.mode-body h3{margin:0 0 6px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:20px;letter-spacing:.5px}.mode-body p{margin:0;color:#d1dfeb;font-size:13px;line-height:1.35}
.info-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px;padding:16px 0 24px}.info-card{position:relative;overflow:hidden;padding:17px 20px 20px;background:linear-gradient(180deg,#08243a 0,#061827 100%);border:1px solid #1d7aaa;border-radius:10px;box-shadow:inset 0 0 0 2px #05121d,0 10px 24px #0008}.info-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.025),transparent 35%)}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.panel-title h2{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:28px;letter-spacing:.8px;text-shadow:0 3px 0 #000}.how-to ol{list-style:none;margin:0;padding:0;counter-reset:steps}.how-to li{counter-increment:steps;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin:9px 0}.how-to li:before{content:counter(steps);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(#24a7ff,#1377cf);border:1px solid #57c8ff;color:white;font-weight:950}.how-to li b{display:block}.how-to li span{display:block;color:#aac0cf;font-size:12px;margin-top:1px}.rules-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:11px 15px}.rules-card li{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start}.rule-icon{font-size:23px}.rules-card b{display:block;font-size:14px}.rules-card small{display:block;color:#aec2d1;font-size:11px;line-height:1.35;margin-top:2px}.about-card p{color:#c6d8e5;font-size:13px;line-height:1.5}.family-sign{margin:14px auto 0;width:138px;padding:8px 10px;display:flex;gap:8px;align-items:center;justify-content:center;background:linear-gradient(#996327,#6b3f16);border:3px solid #2d180a;box-shadow:inset 0 0 0 2px #bd8447,0 6px 10px #0008;transform:rotate(-2deg);font:900 14px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.family-sign span{font-size:29px}
footer{min-height:72px;background:linear-gradient(#06131f,#03101a);border-top:1px solid #155478;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#c5d8e7;font-size:12px;letter-spacing:.5px}.hearts{justify-self:start;color:#ff1e30;font-size:23px;letter-spacing:2px;text-shadow:0 2px 0 #000}.footer-copy{display:flex;gap:18px;align-items:center}.footer-copy b{color:#1ccfff}.footer-mobs{justify-self:end;font-size:23px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,20px);background:#0d3b20;border:1px solid #3fde6b;color:#e5ffeb;padding:12px 20px;border-radius:8px;font-weight:900;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.nav-links a{padding-left:11px;padding-right:11px}.server-pill{display:none}.hero-panel{width:62%;padding-right:24px}.mode-grid{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:1fr 1fr;padding-left:16px;padding-right:16px}.about-card{grid-column:1/-1}.footer-copy{gap:10px}}
@media(max-width:900px){.hero{min-height:auto}.hero-scene{position:relative;display:block;min-height:480px;background-position:center 40%}.hero-shade{background:linear-gradient(0deg,#06131f 0,rgba(6,19,31,.38) 45%,rgba(0,0,0,.03) 100%)}.hero-panel{width:100%;min-height:0;padding:28px 22px 36px;margin-top:-80px}.hero h1{font-size:74px}.join-grid{max-width:760px;width:100%;margin:5px auto 0}.info-grid{grid-template-columns:1fr}.about-card{grid-column:auto}}
@media(max-width:760px){.nav-wrap{height:62px;padding:0 13px}.brand-avatar{font-size:29px}.brand-text{font-size:31px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:62px;left:0;right:0;height:auto;flex-direction:column;background:#061522;border-bottom:1px solid #28506e;padding:7px}.nav-links.open{display:flex}.nav-links a{padding:12px 15px}.hero-scene{min-height:390px}.hero-panel{padding:22px 14px 30px;margin-top:-58px}.eyebrow{font-size:21px}.hero h1{font-size:57px}.motto{font-size:11px;padding:7px 8px}.family-ribbon{font-size:10px}.join-grid{grid-template-columns:1fr}.modes-section{border-radius:0;padding:15px 10px 18px}.mode-grid{grid-template-columns:1fr 1fr}.info-grid{padding:14px 10px 22px}.rules-card ul{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:18px 14px;gap:10px;text-align:center}.hearts,.footer-mobs{justify-self:center}.footer-copy{flex-wrap:wrap;justify-content:center;gap:6px 10px}}
@media(max-width:480px){.hero-scene{min-height:310px;background-position:center}.hero h1{font-size:49px}.join-card{padding:14px}.edition-title strong{font-size:21px}.mode-grid{grid-template-columns:1fr}.mode-visual{height:150px}.centered-heading h2{font-size:30px}.copy-row code{font-size:11px}.footer-copy{font-size:10px}}