:root{--bg:#202227;--gui:#c6c6c6;--gui-hi:#fff;--gui-lo:#555;--text-dark:#3f3f3f;--text:#e9e9ec;--muted:#a4a7b0;--yellow:#ffd400;--sky:#00aeff;--px:var(--font-pixel)}.craft,.craft *,.craft :before,.craft :after{box-sizing:border-box}html:has(.craft){background:var(--bg);scroll-behavior:smooth}.craft{color:var(--text);font-family:var(--font-body);background:var(--bg) url(/images/craft/deepslate.png) 0 0 / 48px 48px;image-rendering:pixelated;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.75}.craft :where(h1,h2,h3,p,ol,ul,figure){margin:0;padding:0}:where(.craft) a{color:inherit;text-decoration:none}:where(.craft) img{max-width:100%;display:block}.wrap{max-width:1080px;margin:0 auto;padding:0 32px}.top{background:#0000008c;border-bottom:3px solid #000}.top .wrap{align-items:center;gap:18px;height:68px;display:flex}.slot{background:#8b8b8b;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 3px 3px #373737,inset -3px -3px #fff}.slot img{image-rendering:auto;background:#fff;width:30px;height:30px}.brand{font-family:var(--px);letter-spacing:.04em;font-size:20px;line-height:1.2}.brand small{color:var(--muted);letter-spacing:.1em;font-size:11px;line-height:1;display:block}.top nav{font-family:var(--px);gap:22px;margin-left:auto;font-size:15px;display:flex}.top nav a:hover{color:var(--yellow)}.back{color:var(--muted);font-size:12px;font-family:var(--px);white-space:nowrap;border:2px solid #555;padding:4px 10px}.back:hover{color:#fff;border-color:#fff}.title{text-align:center;background:linear-gradient(#0a0c1259,#0a0c12bf),url(/images/craft/dirt.png) 0 0/64px 64px;border-bottom:3px solid #000;padding:84px 0 70px;position:relative;overflow:hidden}.title .wrap{position:relative}.title .k{font-family:var(--px);letter-spacing:.4em;color:var(--sky);font-size:14px}.title h1{font-family:var(--px);letter-spacing:.04em;color:#fff;text-shadow:5px 5px #3a3a3a;margin-top:10px;font-size:112px;font-weight:400;line-height:1.15}.title .h1sub{font-family:var(--px);color:#d6d7dc;margin-top:6px;font-size:22px}.title .splash{font-family:var(--px);color:var(--yellow);text-shadow:3px 3px #3f3f00;white-space:nowrap;margin-left:250px;font-size:26px;animation:.6s ease-in-out infinite alternate pulse;position:absolute;top:118px;left:50%;transform:rotate(-17deg)}@keyframes pulse{to{transform:rotate(-17deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.title .splash{animation:none}}.title p{color:#d6d7dc;max-width:560px;margin:22px auto 0}.btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.mcbtn{text-align:center;min-width:240px;font-family:var(--px);color:#fff;text-shadow:2px 2px #383838;cursor:pointer;background:#727272;border:3px solid #000;padding:11px 24px;font-size:18px;display:inline-block;box-shadow:inset 3px 3px #ababab,inset -3px -4px #4a4a4a}.mcbtn:hover{color:var(--yellow);background:#7d86c9;box-shadow:inset 3px 3px #bcc3ff,inset -3px -4px #4c5594}.mcbtn.off{color:#8a8a8a;text-shadow:none;cursor:not-allowed;background:#3a3a3a;box-shadow:inset 3px 3px #555,inset -3px -4px #2a2a2a}h2.sec{font-family:var(--px);color:#fff;text-shadow:3px 3px #000;margin:72px 0 6px;scroll-margin-top:16px;font-size:30px;font-weight:400}h2.sec.first{margin-top:56px}h2.sec+.sub{color:var(--muted);margin-bottom:22px}.gui{background:var(--gui);color:var(--text-dark);box-shadow:inset 3px 3px 0 var(--gui-hi), inset -3px -3px 0 var(--gui-lo);border:3px solid #000;padding:26px 28px}.gui h3{font-family:var(--px);color:var(--text-dark);font-weight:400}.type{font-family:var(--px);letter-spacing:.2em;color:#2a3f9e;font-size:12px}.gui h3 .beta{letter-spacing:.1em;vertical-align:.2em;background:var(--yellow);color:#3f3200;margin-left:8px;padding:1px 6px;font-size:11px;display:inline-block;box-shadow:inset 2px 2px #b39500,inset -2px -2px #fff3a6}.meta{flex-wrap:wrap;gap:6px;margin:14px 0 18px;display:flex}.meta span{font-family:var(--font-mono);color:#fff;background:#8b8b8b;padding:2px 8px;font-size:12px;box-shadow:inset 2px 2px #373737,inset -2px -2px #b5b5b5}.meta span.st{font-family:var(--font-body);background:var(--yellow);color:#3f3200;font-weight:700;box-shadow:inset 2px 2px #b39500,inset -2px -2px #fff3a6}.meta span.st.wait{color:#fff;background:#8b8b8b;box-shadow:inset 2px 2px #373737,inset -2px -2px #b5b5b5}.tool{grid-template-columns:auto 1fr 420px;align-items:center;gap:24px;display:grid}.tool .slot,.item .slot{align-self:start;width:72px;height:72px}.tool .slot img{background:0 0;width:52px;height:52px}.tool h3{margin:2px 0 4px;font-size:30px;line-height:1.2}.tool .tag{font-family:var(--px);color:#3f3f3f;font-size:16px}.tool p{color:#4a4a4a;margin-top:6px;font-size:14px}.tool .meta{margin:12px 0 16px}.shot{image-rendering:auto;background:#111;border:3px solid #000;box-shadow:inset 0 0 0 2px #555}.shot img{image-rendering:auto;width:100%;height:auto}.shot figcaption{color:#9a9a9a;background:#1b1b1b;padding:4px 8px;font-size:11px}.filter{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;display:flex}.filter .lab{font-family:var(--px);color:var(--muted);margin-right:6px}.chip{font-family:var(--font-body);color:var(--text);cursor:pointer;background:#00000059;border:2px solid #555;padding:5px 12px;font-size:13px;font-weight:700}.chip:hover{border-color:#aaa}.chip[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.items{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.item{flex-direction:column;display:flex}.items .item[hidden]{display:none}.item .head{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.item h3{overflow-wrap:anywhere;margin-top:2px;font-size:24px;line-height:1.3}.item p{color:#4a4a4a;margin-top:14px;font-size:14px}.item .meta{margin:14px 0 18px}.item .mcbtn{width:100%;min-width:0;margin-top:auto;padding:8px 14px;font-size:16px}.item .dl{flex-direction:column;gap:10px;margin-top:auto;display:flex}.item .ver{color:var(--text-dark);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.item .ver select{min-width:0;font-family:var(--font-mono);color:#fff;cursor:pointer;background:#3a3a3a;border:2px solid #000;border-radius:0;flex:1;padding:6px 10px;font-size:14px;box-shadow:inset 2px 2px #1f1f1f,inset -2px -2px #6a6a6a}.item .dl .mcbtn{margin-top:0}.item .dl-info{color:#5a5a5a;justify-content:space-between;gap:10px;margin:0;font-size:12px;display:flex}.item .dl-page{color:#2a3f9e;text-decoration:underline}.item.wide{grid-column:1/-1;grid-template-columns:1fr 420px;align-items:center;gap:26px;display:grid}.item.wide .body{flex-direction:column;height:100%;display:flex}.item.wide .mcbtn{align-self:flex-start;width:auto;padding:8px 28px}.item .body{flex-direction:column;flex:1;display:flex}.i-jar,.i-pack,.i-dp{width:44px;height:44px;image-rendering:pixelated;display:block}.i-jar{background:linear-gradient(#5aa9ff,#5aa9ff) 12px 4px/20px 8px no-repeat,linear-gradient(#e7e7e7,#e7e7e7) 8px 12px/28px 28px no-repeat,linear-gradient(#ff8a00,#ff8a00) 8px 22px/28px 8px no-repeat}.i-pack{background:linear-gradient(#ffd400,#ffd400) 18px 18px/8px 8px no-repeat,linear-gradient(#5cb85c,#5cb85c) 6px 6px/32px 8px no-repeat,linear-gradient(#8b5a2b,#8b5a2b) 6px 10px/32px 28px no-repeat}.i-dp{background:linear-gradient(#fff,#fff) 14px 10px/16px 4px no-repeat,linear-gradient(#fff,#fff) 14px 18px/16px 4px no-repeat,linear-gradient(#fff,#fff) 14px 26px/10px 4px no-repeat,linear-gradient(#7a4fd6,#7a4fd6) 8px 4px/28px 36px no-repeat}.tip{color:#fff;font-family:var(--px);background:#100010;border:2px solid #25015b;outline:2px solid #100010;margin-top:18px;padding:8px 12px;font-size:13px;display:inline-block}.tip b{color:var(--yellow);font-weight:400}.tip a{text-underline-offset:3px;text-decoration:underline}.how{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.how h3{margin-bottom:12px;font-size:20px}.how ol{counter-reset:s;list-style:none}.how li{counter-increment:s;border-top:2px dashed #9a9a9a;grid-template-columns:34px 1fr;gap:10px;padding:8px 0;font-size:14px;display:grid}.how li:first-child{border-top:0}.how li:before{content:counter(s);font-family:var(--px);color:#fff;background:#3f3f3f;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.how .note{color:#4a4a4a;margin-top:12px;font-size:13px}.how code{font-family:var(--font-mono);color:#202020;background:#a9a9a9;padding:1px 6px;font-size:13px}.faq{gap:12px;display:grid}.faq details{background:#00000073;border:2px solid #555;padding:14px 18px}.faq summary{font-family:var(--px);cursor:pointer;font-size:17px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"▶ ";color:var(--yellow)}.faq details[open] summary:before{content:"▼ "}.faq p{color:#cfd0d6;margin-top:8px;font-size:14px}.faq a{color:#fff;text-underline-offset:3px;text-decoration:underline}.craft-foot{color:var(--muted);background:#0009;border-top:3px solid #000;margin-top:80px;padding:28px 0;font-size:12px}.craft-foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.craft-foot a{color:#fff}@media (width<=900px){.tool{grid-template-columns:auto 1fr}.tool .shot{grid-column:1/-1}.items{grid-template-columns:1fr 1fr}.item.wide{grid-template-columns:1fr}}@media (width<=760px){.wrap{padding:0 16px}.top nav{display:none}.back{margin-left:auto}.title{padding:56px 0 48px}.title h1{font-size:60px}.title .h1sub{font-size:17px}.title .splash{margin:0;font-size:15px;top:-46px;left:auto;right:4px}.mcbtn{width:100%;min-width:0}.tool,.items{grid-template-columns:1fr}.gui{padding:20px 18px}.item.wide .mcbtn{width:100%}h2.sec{margin-top:52px;font-size:24px}}