/* Minecraft menu/inventory panels. Hover changes colors, never dimensions. */
body.guide-page{display:block;padding:32px 20px 48px;background:linear-gradient(#0008,#000a),url('/static/minecraft/imgs/blocks/dirt.png') repeat;background-size:auto,64px}
.guide{max-width:1080px;margin:auto;padding:0;background:none;box-shadow:none}
.guide-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:28px;padding:26px 28px;background:#c6c6c6;border:4px solid #222;box-shadow:inset 3px 3px #fff,inset -3px -3px #555,0 6px #0007}
.guide-head h1{font-family:Minecrafter,Minecraft,system-ui,sans-serif;font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.4;color:#fff;text-shadow:2px 2px #555,3px 3px #555,4px 4px #222;margin:0;overflow-wrap:anywhere}
.guide-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin-left:auto;max-width:100%}
.guide .login-shortcut,.guide .play-login,.guide .text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 14px;border:3px solid #353535;border-image:none;border-radius:0;background:#737373;background-image:none;color:#fff;text-shadow:2px 2px #333;box-shadow:inset 2px 2px #bdbdbd,inset -2px -2px #414141,0 2px #0004;text-decoration:none;font-size:15px;line-height:1.4;cursor:pointer}
.guide .login-shortcut:hover,.guide .text-link:hover{background:#878787;box-shadow:inset 2px 2px #ddd,inset -2px -2px #555,0 2px #0004;filter:none}
.guide .login-shortcut:active,.guide .text-link:active{background:#656565;box-shadow:inset 2px 2px #414141,inset -2px -2px #bdbdbd}
.guide .login-shortcut[href="/login"],.guide .play-login{background:#427b2c;border-color:#183c10;text-shadow:2px 2px #183c10;box-shadow:inset 2px 2px #85b567,inset -2px -2px #254e1a,0 2px #0004}
.guide .login-shortcut[href="/login"]:hover,.guide .play-login:hover{background:#548e3b;box-shadow:inset 2px 2px #a5cd87,inset -2px -2px #315b21,0 2px #0004;filter:none}
.guide .play-login:active{background:#376925;box-shadow:inset 2px 2px #254e1a,inset -2px -2px #85b567}
.guide .login-shortcut[href="/login"]{min-width:132px;min-height:56px;padding:12px 22px;font-size:19px}
.map-shortcut img{image-rendering:pixelated;object-fit:contain;flex-shrink:0}
.step{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;padding:28px;margin-bottom:26px;background:#c6c6c6;border:4px solid #222;box-shadow:inset 3px 3px #fff,inset -3px -3px #555,0 6px #0007}
.step-art{display:flex;align-items:center;flex-direction:column;gap:22px}
.step-art img{width:86px;height:86px;padding:10px;object-fit:contain;image-rendering:pixelated;background:#8b8b8b;border:4px solid;border-color:#373737 #fff #fff #373737;box-shadow:inset 2px 2px #0003}
.step-number{display:grid;place-items:center;width:86px;height:86px;background:#427b2c;color:#fff;text-shadow:2px 2px #183c10;border:3px solid #183c10;box-shadow:inset 2px 2px #85b567,inset -2px -2px #254e1a;font-family:Monocraft,monospace;font-size:36px}
.step-body{min-width:0}.step h2{font-size:34px;color:#303030;text-shadow:1px 1px #eee;margin:0 0 20px}.step h3{font-size:21px;line-height:1.4;margin-bottom:10px}.step p{margin:8px 0}
.editions{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.edition{min-width:0;padding:18px;background:#b1b1b1;border:3px solid;border-color:#777 #eee #eee #777;box-shadow:inset 2px 2px #0001}
.version strong,.highlight{background:#ead276;color:#282319;padding:2px 5px;box-shadow:0 2px #a78e40}
.compatibility{margin:18px 0 4px;padding-top:10px;border-top:2px solid #999;box-shadow:inset 0 2px #eee}
.footnote{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.guide .text-link{margin-top:12px;min-height:40px;font-size:14px;padding:8px 12px}
.prism-link{margin-left:10px}
.menu-path{font-size:15px;min-height:24px}.menu-path span{color:#315f20}
.field-label{font-size:14px;color:#3b3b3b}
.value{display:block;padding:12px;background:#171717;border:3px solid;border-color:#555 #eee #eee #555;color:#fff;user-select:text;overflow-wrap:anywhere;box-shadow:inset 2px 2px #000}
.name-value{font-size:18px}.address,.port{font-family:Monocraft,monospace;font-size:clamp(15px,1.9vw,21px);letter-spacing:0;background:#171717;color:#b5e65d}
.port{color:#ffe27b}
.bedrock-endpoint{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.bedrock-endpoint>div{min-width:0}.bedrock-endpoint .port{width:100%;min-width:0}
.action-line{padding-top:14px}
.guide .play-login{margin:10px 0 14px;padding:14px 28px;min-height:58px;min-width:240px;max-width:100%;font-size:20px}
.provider-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}
.provider-options span{display:flex;align-items:center;gap:8px;min-width:0;background:#313131;color:#fff;border:2px solid #171717;box-shadow:inset 1px 1px #626262;padding:7px 9px;font-size:14px;overflow-wrap:anywhere}
.provider-options img{background:#fff;object-fit:contain;flex-shrink:0}
.appearance-label{padding-top:10px}
.name-example{background:#252525;color:#fff;padding:14px 16px;margin-top:12px;border:3px solid;border-color:#555 #eee #eee #555;box-shadow:inset 2px 2px #000;overflow-wrap:anywhere}
.name-example span{color:#78bbdf}
.optional-divider{width:140px;border:0;border-top:2px solid #aaa;margin:34px auto;box-shadow:0 2px #0008}
.voice-instructions{padding-left:24px}.voice-instructions li{padding-left:4px;margin:14px 0}
.voice-instructions code,kbd{background:#252525;color:#fff;padding:2px 6px}
.guide a:focus-visible{outline:3px solid #f6e18b;outline-offset:4px}
@media(max-width:850px){.guide-head{gap:18px}.guide-actions{margin-left:0}.guide-head h1{font-size:32px}}
@media(max-width:700px){
 body.guide-page{padding:18px 10px 28px}
 .guide-head{padding:20px;margin-bottom:22px;gap:16px}
 .guide-head h1{font-size:clamp(25px,6vw,32px)}
 .guide-actions{width:100%;gap:7px}
 .guide .login-shortcut{flex:1;padding:10px 8px;font-size:13px;min-height:46px}
 .guide .login-shortcut[href="/login"]{min-width:100px;min-height:52px;padding:12px 10px;font-size:16px}
 .step{grid-template-columns:1fr;padding:20px;gap:18px;margin-bottom:22px}
 .step-art{flex-direction:row;justify-content:space-between;gap:16px}
 .step-art img{width:64px;height:64px;padding:7px}
 .step-number{width:64px;height:64px;font-size:28px}
 .step h2{font-size:30px;margin-bottom:16px}
 .editions{grid-template-columns:1fr;gap:14px}.edition{padding:15px}
 .address,.port{font-size:clamp(13px,4vw,19px)}
 .bedrock-endpoint{gap:8px}.bedrock-endpoint .value{padding:12px 8px}
 .provider-options{flex-direction:column;align-items:flex-start}
 .provider-options span{max-width:100%;font-size:13px}
 .name-example{font-size:16px}
 .prism-link{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.guide *{scroll-behavior:auto}}

.edition .offline-clients{color:#b00020;margin-top:16px}

.guide-footer{text-align:center;font-size:12px;line-height:1.6;color:#aaa;margin:32px 0 0;text-shadow:1px 1px #111}

.guide .address{font-family:Minecraft,system-ui,sans-serif;font-size:17px;font-weight:400;letter-spacing:normal;color:#dedede}