/* Original menu illustrations; no game or third-party screenshots are reproduced. */
.site-status-bar{background:#102329;border-bottom:1px solid #82e1db33}
.status-inner{display:flex;align-items:center;gap:13px;min-height:31px;font-size:.72rem;line-height:1.2}
.status-label{color:#a8ced0;font-weight:700;text-transform:uppercase;font-size:.61rem}
.site-status-bar .live-status{color:#e8f6f2;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.site-status-bar .live-status::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#b8c9c8;vertical-align:1px}
.site-status-bar .live-status[data-state="online"]::before{background:#68d8a4}
.site-status-bar .live-status[data-state="offline"]::before{background:#e8a17d}
.status-address{margin-left:auto;color:#a9c5c6;font-family:ui-monospace,Consolas,monospace;font-size:.66rem}
html{scroll-padding-top:125px}
:target{scroll-margin-top:125px}
@media(max-width:600px){.status-inner{min-height:30px;gap:10px}.status-address{display:none}}
.address-edition{font-size:.7rem;font-weight:700;color:#e2c178;text-transform:uppercase}
.server-access .text-link{font-size:.76rem}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.platform-grid>a{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:6px;background:#122229}
.platform-grid>a:hover{border-color:var(--cyan);background:#193037}
.platform-grid h3{font-size:1.12rem;margin:8px 0}
.platform-grid p{font-size:.82rem;line-height:1.65;margin:0 0 24px}
.platform-label{font-size:.67rem;color:var(--gold);font-weight:700;text-transform:uppercase}
.platform-action{margin-top:auto;font-size:.77rem;color:var(--cyan);font-weight:700}
.edition-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 32px}
.edition-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #78939655;border-radius:4px;color:#d6e5e4;font-size:.8rem}
.edition-nav a:hover,.edition-nav a:focus-visible{border-color:var(--cyan);color:var(--cyan)}
.join-path{padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:82px}
.join-path-alt{background:#102026}
.join-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);align-items:center;gap:7%}
.join-copy h2{font-size:1.75rem;margin-bottom:17px}
.join-copy p{font-size:.88rem;line-height:1.8}
.join-copy a:not(.button){color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.join-endpoint{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;align-items:center;border-block:1px solid #82e1db55;padding:15px 0;margin:24px 0}
.join-endpoint>span:first-child{grid-column:1/-1;color:var(--gold);font-size:.66rem;font-weight:700;text-transform:uppercase}
.join-endpoint code{font-size:1rem;overflow-wrap:anywhere}
.join-endpoint .copy-ip{grid-column:2;grid-row:2 / span 2}
.join-port{font-size:.76rem;color:var(--muted)}
.join-port strong{color:var(--ink);font-variant-numeric:tabular-nums}
.join-list{padding-left:22px;margin:20px 0}
.join-list li{font-size:.86rem;line-height:1.75;padding:3px 0 9px 7px;color:var(--muted)}
.join-list li::marker{color:var(--cyan);font-weight:700}
.join-fineprint{font-size:.76rem!important;color:#9fb3b7!important;line-height:1.65!important}
.join-help{padding-top:45px}
.join-help h2{font-size:1.45rem;margin-bottom:23px}
.join-help .beginner-notes article{border-radius:6px}
.join-help>.shell>.join-fineprint{margin:24px 0 0;max-width:850px}
.bedrock-checkout-notice{margin:0 0 24px;padding:15px 18px;border-left:3px solid #69b4ad;background:#11252a;color:#d5e8e5;line-height:1.55}
.bedrock-checkout-notice strong{color:#fff}
.bedrock-checkout-notice a{color:#a6e8dd;text-decoration:underline}
.join-visual{margin:0;min-width:0;min-height:330px;display:flex;align-items:center;justify-content:center;padding:25px;border:1px solid #597b7c55;border-radius:6px;background:#0a151b url('images/spawn-plaza.webp') center/cover;position:relative;isolation:isolate;overflow:hidden}
.join-visual::before{content:"";position:absolute;inset:0;background:#061116c7;z-index:-1}
.visual-window,.visual-phone,.console-phone,.visual-console{box-shadow:0 18px 36px #0008;color:#eef7f4}
.visual-window{width:min(100%,360px);padding:0 20px 20px;border:2px solid #93a5a1;background:#222d31;font-family:ui-monospace,Consolas,monospace}
.visual-top{display:flex;justify-content:space-between;gap:15px;margin:0 -20px 20px;padding:9px 12px;background:#111d22;font-size:.7rem;color:#bfcbc7}
.visual-title{text-align:center;font-size:1rem;font-weight:700;margin-bottom:17px}
.visual-field,.phone-field{border:1px solid #6b8480;background:#0f1c20;padding:10px 12px;margin:10px 0;min-width:0}
.visual-field small,.phone-field small{display:block;font-size:.65rem;color:#a9c2c4;margin-bottom:5px}
.visual-field strong,.phone-field strong{display:block;font-size:.87rem;font-weight:600;overflow-wrap:anywhere}
.visual-action,.phone-action{padding:9px 12px;text-align:center;font-size:.8rem;font-weight:700;background:#588d5c;color:#fff;margin-top:17px}
.bedrock-visual{background-image:url('images/shard-sanctuary.webp')}
.visual-phone,.console-phone{width:min(100%,270px);border:7px solid #222f33;border-radius:20px;padding:14px 15px 18px;background:#152a2d}
.phone-speaker{width:52px;height:4px;border-radius:4px;background:#728587;margin:0 auto 15px}
.phone-heading{font-size:1rem;font-weight:700;text-align:center;padding:4px 0 12px}
.phone-field{margin:9px 0}
.console-visual{gap:15px;align-items:end}
.console-phone{width:45%;min-width:145px;border-width:5px;padding:12px}
.console-phone .phone-heading{font-size:.76rem}
.console-phone .phone-field strong{font-size:.72rem}
.console-phone .phone-action{font-size:.68rem}
.visual-console{width:55%;min-width:150px;border:5px solid #223239;border-radius:8px;background:#1a2e31;padding:0 10px 12px;margin-bottom:25px}
.visual-console .visual-top{margin:0 -10px 10px;font-size:.65rem}
.visual-tabs{display:flex;gap:8px;font-size:.65rem;color:#e4f0e9;border-bottom:2px solid #66a56a;padding-bottom:8px}
.visual-tabs span{color:#9eb2b2}
.lan-entry{padding:12px 7px;border:1px solid #557f66;background:#284b3b;margin-top:12px}
.lan-entry small,.lan-entry span{display:block;font-size:.62rem;color:#b4d9b5}
.lan-entry strong{display:block;font-size:.72rem;line-height:1.35;margin:5px 0;overflow-wrap:anywhere}
@media(max-width:850px){.join-grid{grid-template-columns:1fr;gap:28px}.join-visual{min-height:300px}.platform-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.platform-grid{grid-template-columns:1fr}.platform-grid>a{padding:20px}.platform-grid p{margin-bottom:14px}.edition-nav{gap:6px}.edition-nav a{font-size:.72rem;padding:7px 10px}.join-path{padding:36px 0}.join-copy h2{font-size:1.5rem}.join-endpoint code{font-size:.86rem}.join-visual{padding:13px;min-height:270px}.console-phone{min-width:0}.visual-console{min-width:0}.lan-entry{padding:8px 4px}.lan-entry strong{font-size:.63rem}}