.join-page{isolation:isolate;color:#141834;min-height:100svh;padding:250px 72px 70px max(274px,12.125rem + 63px);position:relative}.join-environment{z-index:-2;pointer-events:none;background:url(/art/environment.webp) 50%/cover no-repeat;position:fixed;inset:0}.join-page>.wordmark{width:576px;margin:0;position:absolute;top:0;left:calc(50% - 288px)}.join-guardian{z-index:-1;aspect-ratio:1;pointer-events:none;width:300px;position:absolute;top:8px;right:100px}.join-sidebar{width:max(194px,12.125rem);position:absolute;top:184px;left:38px}.join-descriptor{letter-spacing:-.035em;margin:0 0 18px 5px;font-size:1.36rem;font-weight:850;line-height:1.22}.join-descriptor>span{color:#3821e4}.join-sidebar .menu-area--compact{margin-top:0}.join-sidebar .menu-item{gap:12px;width:100%;min-height:44px;padding:8px 12px;font-size:.9rem}.join-sidebar .menu-item[aria-current]{color:#3512da;background:#b6a7ff6b;font-weight:700}.join-sidebar .game-menu ul{gap:3px}.join-sidebar .unavailable-note{margin-top:-5px;margin-left:32px}.join-content{min-width:0;container-type:inline-size}.join-title{color:#121449;letter-spacing:-.035em;text-align:center;text-transform:uppercase;margin:0 0 38px;font-size:3.5rem;font-weight:850;line-height:1.08}.join-title>span{color:#4322f0;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#1338f1,#7122ed);-webkit-background-clip:text;background-clip:text}.join-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.join-step{text-align:center;background:#e8eeffdf;border:1px solid #fff;border-radius:9px;min-width:0;padding:18px 16px 24px;transition:translate .2s,background .2s,border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #b4bde218,0 3px 14px #4b50aa09}.join-step-number{z-index:1;letter-spacing:-.04em;color:#4131f6;font-size:2.75rem;font-weight:850;line-height:1;position:absolute;top:11px;left:17px}.join-step-art{pointer-events:none;grid-template-rows:minmax(0,1fr);place-items:center;height:9.0625rem;margin-bottom:.625rem;display:grid;position:relative}.join-step-art>img{object-fit:contain;filter:drop-shadow(0 7px 8px #44428620);width:9.6875rem;max-width:90%;height:9.6875rem;display:block}.join-step-art--join>img{width:9.6875rem;max-width:100%;height:9.6875rem}.join-step h2{color:#17134e;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2;position:relative}.join-step p{color:#35366c;max-width:15rem;margin:11px auto 0;font-size:1rem;line-height:1.4;position:relative}.join-step .join-step-address{color:#262068;margin-top:8px;font-weight:650}.join-step .join-bedrock{margin-top:6px;font-size:.8125rem}.minecraft-example{background:linear-gradient(135deg,#303860,#111630 50%,#20264d);border:1px solid #595e96;border-radius:5px;width:100%;max-width:12.125rem;padding:16px 13px;position:relative;transform:perspective(700px)rotateY(-9deg)rotate(-5deg);box-shadow:inset 0 0 0 3px #676cac22,0 5px 9px #11183f55,0 0 12px #665df533}.minecraft-button{color:#fff;white-space:nowrap;background:linear-gradient(#454d7f,#303756);border:1px solid #8c96d8;padding:10px 4px;font-size:.8125rem;line-height:1.25;display:block;box-shadow:inset 0 0 0 2px #171f4e,0 3px 1px #030923}.minecraft-pointer{fill:#f7f8ff;color:#3738bd;stroke-width:1.8px;filter:drop-shadow(0 2px 1px #03052c);position:absolute;bottom:-13px;right:24px;transform:rotate(3deg)}.minecraft-example--address{color:#d5dcff;text-align:left;padding:13px 10px;font-size:.6875rem}.minecraft-address{color:#fff;background:#090f22;border:1px solid #828ecc;border-radius:2px;margin-top:6px;padding:6px;font-size:1rem;line-height:1.2;display:block}.join-utilities{grid-template-columns:1.9fr 1fr 1fr;align-items:stretch;gap:14px;margin-top:16px;display:grid}.join-panel{color:#f6f6ff;background:radial-gradient(at 100% 0,#6638c538,#0000 65%),linear-gradient(125deg,#202451f5,#25235bf7);border:1px solid #c4bfff;border-radius:9px;align-items:flex-start;gap:16px;min-width:0;min-height:176px;padding:26px 22px;display:flex;position:relative;box-shadow:inset 0 0 24px #6857ff26,0 4px 18px #30328715}.join-panel:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #5e46fa75;position:absolute;inset:0;box-shadow:inset 0 0 14px #6954f329}.join-panel-icon{color:#c6b8ff;filter:drop-shadow(0 0 9px #854eff);flex-shrink:0}.join-version-panel{background:radial-gradient(at 100% 0,#2054e638,#0000 65%),linear-gradient(125deg,#20294ff5,#222858f7)}.join-version-panel .join-panel-icon{color:#a7d3ff;filter:drop-shadow(0 0 8px #448dff)}.join-panel-content{flex:1;min-width:0}.join-panel h2{color:#c6c9ff;text-transform:uppercase;margin:2px 0 14px;font-size:.8125rem;font-weight:700;line-height:1.3}.join-ip-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.join-ip-address{color:#fff;-webkit-user-select:all;user-select:all;background:#11152ff2;border:1px solid #8a7dff;border-radius:5px;flex:1;min-width:0;padding:10px 14px;font-family:inherit;font-size:1.65rem;line-height:1.2;display:block}.join-copy-button,.join-discord-button{color:#fff;background:linear-gradient(100deg,#3731fc,#7c28f2);border:1px solid #b3a2ff;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 17px;font-size:.9375rem;font-weight:650;line-height:1.3;transition:filter .18s,box-shadow .18s;display:inline-flex;box-shadow:0 0 17px #7860ff70,inset 0 0 8px #c7b9ff45}.join-copy-button{flex-shrink:0}.join-copy-button:hover,.join-discord-button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 22px #8a70ff85}.join-copy-button.is-copied{background:linear-gradient(100deg,#3c31da,#5430bf)}.join-copy-button:focus-visible,.join-discord-button:focus-visible{outline-offset:4px;outline-color:#f0ecff}.join-port{color:#c9cdf5;margin:10px 0 0;font-size:.8125rem}.join-version{color:#fff;overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:800;line-height:1.3}.join-discord-button{flex-wrap:wrap;justify-content:flex-start;width:100%}.join-discord-button:disabled{box-shadow:none;color:#dde2ff;background:#343569;border-color:#6d72a7}.join-discord-button .unavailable-note{color:#c1c8ed;width:100%;margin-left:29px;font-size:.75rem;display:block}.join-ip-panel .manual-copy{color:#141834;width:100%;box-shadow:none;position:relative;top:auto}.join-ip-panel .manual-copy input{width:100%}.join-ip-panel .manual-copy button{min-height:44px}.join-page[data-motion=on] .join-step{animation:.38s cubic-bezier(.2,.7,.3,1) both join-reveal;animation-delay:calc(var(--step-order) * 45ms)}.join-page[data-motion=off] .core-light{animation-play-state:paused}@keyframes join-reveal{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.join-step:hover{background:#f1f4fff2;border-color:#c0b3ff;translate:0 -3px;box-shadow:0 6px 20px #5851b820}}@container (max-width:72rem){.join-title{font-size:3rem}.join-step{padding-left:12px;padding-right:12px}.join-step h2{font-size:1.125rem}.join-step p{font-size:.875rem}.join-panel{gap:12px;padding:22px 17px}.join-ip-address{font-size:1.4rem}.join-panel-icon{width:28px}.join-copy-button{padding:11px 13px;font-size:.875rem}}@container (max-width:62rem){.join-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.join-step:last-child{grid-column:1/-1}.join-step:last-child .join-step-art{height:8.75rem}.join-utilities{grid-template-columns:repeat(2,minmax(0,1fr))}.join-ip-panel{grid-column:1/-1}.join-ip-row{flex-wrap:nowrap}.join-step h2{font-size:1.25rem}.join-step p{font-size:1rem}}@container (max-width:36rem){.join-title{margin-bottom:25px;font-size:2.5rem}.join-steps{grid-template-columns:minmax(0,1fr)}.join-step{padding:16px 18px 22px}.join-step-art{height:8.75rem}.join-step-number{font-size:2.5rem}.join-utilities{grid-template-columns:minmax(0,1fr)}.join-panel{min-height:140px;padding:22px 18px}.join-ip-row{flex-wrap:wrap}.join-ip-address{flex-basis:100%;font-size:1.5rem}.join-copy-button{width:100%}.join-panel h2{font-size:.8125rem}.join-version{font-size:1.5rem}.join-discord-button{width:fit-content}}@media (max-width:1399px){.join-page{padding:220px 28px 60px max(230px,11.375rem + 48px)}.join-sidebar{width:max(182px,11.375rem);left:24px}.join-guardian{width:240px;top:12px;right:28px}}@media (max-width:1199px){.join-guardian{display:none}}@media (max-width:799px){.join-page{padding:185px 24px 40px}.join-page>.wordmark{width:500px;max-width:85%;left:50%;transform:translate(-50%)}.join-sidebar{display:none}}@media (max-width:549px){.join-page{padding:138px 18px 40px}.join-page>.wordmark{max-width:calc(100% - 12px)}}.join-menu-trigger{display:none}.join-page .store-dialog{color:#141834;overscroll-behavior:contain;background:#edf1ff;border:0;border-left:1px solid #abb6e6;width:min(420px,100%);max-width:100%;height:100svh;max-height:100svh;margin:0;padding:24px;position:fixed;inset:0 0 0 auto;overflow-y:auto}.join-page .store-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c103f70}.join-page .store-dialog[open]{animation:.22s cubic-bezier(.2,.7,.3,1) join-drawer-reveal}.join-page .store-dialog-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.join-page .store-dialog-heading h2{margin:0;font-size:1.35rem;font-weight:750}.join-page .store-dialog .icon-button{background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}.join-page .store-dialog .icon-button:hover{background:#d7d8f8}.join-page .store-dialog .menu-item{gap:14px;width:100%}.join-page .store-dialog .menu-item[aria-current]{color:#3512da;background:#b6a7ff6b;font-weight:700}.join-page .store-dialog .manual-copy{width:100%;position:relative}.join-page .store-dialog .join-descriptor{margin:0 0 28px 18px;font-size:1.25rem}@keyframes join-drawer-reveal{0%{opacity:0;translate:16px}to{opacity:1;translate:0}}@media (max-width:799px){.join-menu-trigger{background:#eef2ffbf;border:1px solid #9ca7d7;border-radius:5px;align-items:center;gap:8px;min-height:44px;margin:-8px 0 14px;padding:9px 12px;font-size:.875rem;display:flex}}.join-noscript{background:#edf1ff;border-radius:6px;margin-top:20px;padding:16px;font-size:.9rem}.join-noscript p{margin:0 0 8px}.join-noscript a{margin-right:20px;text-decoration:underline;display:inline-block}.join-title,.join-ip-address{overflow-wrap:anywhere}