@font-face{font-family:ShotamUI;src:url('/assets/fonts/Minecraft-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Shotam11;src:url('/assets/fonts/Minecraft_1.1.ttf') format('truetype');font-display:swap;ascent-override:112.5%;descent-override:12.5%;line-gap-override:0%}
*{box-sizing:border-box}
html{background:#0e0e0e}
body{margin:0;min-height:100vh;background:#0e0e0e;color:#f5f5f0;font:16px/1.7 ShotamUI,monospace;text-shadow:.125em .125em 0 #262626}
img{image-rendering:pixelated}
a{color:#fffc54}a:hover{color:#fff}
.kbd{display:inline-block;padding:0 9px 3px;margin:0 1px;background:#3a3a3a;border:2px solid #0e0e0e;box-shadow:0 3px 0 #0e0e0e,inset 0 -3px 0 rgba(0,0,0,.35);color:#fff;font-size:.9em;line-height:1.45;white-space:nowrap;vertical-align:1px;text-shadow:.125em .125em 0 #262626}
.chip{padding:4px 12px;background:#262626;color:#d0d0d0;font-size:14px;box-shadow:0 0 0 2px #1c1c1c}
.btn{display:inline-block;padding:7px 16px 9px;background:#232323;border:3px solid #0e0e0e;box-shadow:4px 4px 0 #0e0e0e,inset 0 -4px 0 rgba(0,0,0,.35);color:#f5f5f0;text-decoration:none;font:15px ShotamUI,monospace;cursor:pointer}
.btn:hover{background:#3a3a3a;color:#fff}
.btn.red{background:#e8342a}.btn.red:hover{background:#ff4a3f}
.card{background:#262626;box-shadow:0 0 0 3px #1c1c1c}
.slot{display:inline-grid;place-items:center;width:52px;height:52px;flex-shrink:0;background:#232323;box-shadow:inset 3px 3px 0 #161616,inset -3px -3px 0 #3c3c3c}
.slot img{width:32px;height:32px}
.slot.s{width:42px;height:42px}.slot.s img{width:32px;height:32px}
.slot.big{width:84px;height:84px}.slot.big img{width:64px;height:64px}

.wk-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:18px 32px;background:#161616;border-bottom:3px solid #000;position:relative;z-index:5}
.wk-brand{display:flex;text-decoration:none}
.wk-logo{display:block;height:64px;width:auto}
.wk-search{position:relative;flex:1 1 280px;max-width:540px;display:flex;align-items:center;gap:10px;padding:7px 12px;background:#0e0e0e;border:3px solid #000;box-shadow:inset 0 0 0 2px #2a2a2a}
.wk-search:focus-within{box-shadow:inset 0 0 0 2px #6b6b45}
.wk-search svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8f8f8f;stroke-width:2.5}
.wk-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#f5f5f0;font:inherit;text-shadow:none}
.wk-search input::-webkit-search-cancel-button{display:none}
.wk-hint{font-size:12px;padding:0 6px 2px}
.wk-results{position:absolute;left:-3px;right:-3px;top:calc(100% + 6px);background:#1b1b1b;box-shadow:0 0 0 3px #000,6px 6px 0 #000;max-height:70vh;overflow:auto}
.wk-results a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center;padding:10px 14px;color:#f5f5f0;text-decoration:none;border-bottom:2px solid #262626}
.wk-results a:hover,.wk-results a.on{background:#303030}
.wk-results a .slot{grid-row:span 2}
.wk-results b{font-weight:normal;color:#fffc54}
.wk-results small{font-size:13px;line-height:1.4;color:#9a9a9a}
.wk-results p{margin:0;padding:12px 14px;color:#9a9a9a;font-size:14px}
.wk-links{display:flex;flex-wrap:wrap;gap:14px;margin-left:auto}

.wk-body{max-width:1320px;margin:0 auto;padding:32px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.wk-side{flex:1 1 230px;max-width:100%}
.wk-side-btn{display:none}
.wk-nav-group{margin-bottom:20px}
.wk-nav-head{display:flex;align-items:center;gap:10px;margin-bottom:4px;color:#8f8f8f;font-size:14px}
.wk-nav-head img{width:24px;height:24px}
.nav{display:block;padding:6px 12px 6px 34px;color:#bdbdbd;text-decoration:none;font-size:15px;line-height:1.5}
.nav:hover{color:#fff}
.nav.on{background:#303030;color:#fffc54;text-shadow:.125em .125em 0 #3f3f15}
.nav em,.wk-home em{font-style:normal;font-size:12px;color:#ffb25c}
.wk-main{flex:999 1 560px;min-width:0;background:#303030;padding:40px 48px 48px;outline:0}
.wk-loading{color:#8f8f8f}
.wk-note{margin:0;padding:10px 32px;background:#4a3518;color:#ffd08a;font-size:14px;text-align:center;text-shadow:.125em .125em 0 #2a1d0c}

.wk-topic{display:flex;flex-direction:column;gap:56px}
.wk-intro{display:flex;flex-direction:column;gap:18px}
.wk-crumbs{font-size:14px;color:#8f8f8f}
.wk-crumbs a{color:#8f8f8f;text-decoration:none}.wk-crumbs a:hover{color:#fff}
.wk-crumbs i{font-style:normal;margin:0 8px}
.wk-crumbs b{font-weight:normal;color:#d0d0d0}
.wk-title{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.wk-title h1,.wk-home h1{margin:0;font:normal clamp(40px,4.4vw,56px)/1.05 Shotam11,monospace}
.wk-title h1{flex:1 1 260px;min-width:0}
.wk-draft{padding:2px 10px 4px;background:#4a3518;color:#ffb25c;font-size:14px}
.wk-lead{margin:0;max-width:780px;font-size:19px;line-height:1.6;color:#e6e6e6}
.wk-chips{display:flex;flex-wrap:wrap;gap:10px}
.wk-figure{margin:0}
.wk-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 0 0 3px #1a1a1a}
.wk-figure figcaption{margin-top:10px;font-size:14px;color:#8f8f8f}
.wk-hero{margin-top:10px}
.wk-h2{margin:0;font:normal 30px/1.1 Shotam11,monospace;color:#fff;display:flex;align-items:center;gap:12px}
.wk-h2.sm{font-size:24px}
.wk-h2 img{width:28px;height:28px}
.wk-text{display:flex;flex-direction:column;gap:12px;font-size:16px;color:#d6d6d6}
.wk-text p,.wk-text ul{margin:0}
.wk-text ul{padding-left:22px}
.wk-tldr{padding:26px 30px;display:flex;flex-direction:column;gap:14px}
.wk-tldr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.wk-tldr-head span{font-size:13px;color:#9aa4ff;text-shadow:none}
.wk-tldr ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.wk-tldr li{display:flex;gap:14px;align-items:baseline}
.wk-tldr li>i{flex-shrink:0;width:8px;height:8px;background:#fffc54;box-shadow:2px 2px 0 #3f3f15;transform:translateY(-2px)}
.wk-tldr b{font-weight:normal;color:#fffc54}

.wk-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}
.wk-block{grid-column:1/-1;min-width:0;display:flex;flex-direction:column;gap:20px}
.wk-block.half{grid-column:span 1}
.wk-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.wk-steps li{display:flex;gap:18px;padding:18px 20px}
.wk-num{font:40px/1 Shotam11,monospace;color:#fffc54;text-shadow:.1em .1em 0 #3f3f15}
.wk-steps li>div>b{display:block;font-weight:normal;font-size:17px;color:#fff}
.wk-steps li>div>span{display:block;font-size:15px;line-height:1.6;color:#c8c8c8}
.wk-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}
.wk-items>div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.wk-items>div>b{font-weight:normal;font-size:15px}
.wk-items>div>span:not(.slot){font-size:13px;line-height:1.4;color:#8f8f8f}
.wk-side-by{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.wk-side-by>figure{flex:1 1 420px;min-width:0}
.wk-side-by>div{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px}
.wk-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.wk-cards article{display:flex;flex-direction:column}
.wk-cards article>img,.wk-bigkey{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.wk-bigkey{display:grid;place-items:center;background:#1f1f1f}
.wk-bigkey .kbd{font-size:40px;padding:4px 26px 10px}
.wk-cards article>div{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}
.wk-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wk-card-head b{font-weight:normal;font-size:18px;color:#fff}
.wk-cards article>div>span{font-size:14px;line-height:1.55;color:#c8c8c8}
.wk-keys{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:center}
.wk-table{display:flex;flex-direction:column;gap:4px}
.wk-table>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;padding:10px 14px;background:#262626;font-size:15px}
.wk-table>div>b{font-weight:normal;color:#fff}
.wk-table>div>span{color:#c8c8c8}
.wk-tip{display:flex;gap:16px;padding:16px 18px;font-size:15px;line-height:1.6;color:#d0d0d0}
.wk-tip>div{display:flex;flex-direction:column;gap:8px}
.wk-tip p{margin:0;display:inline}
.wk-tip b{font-weight:normal;color:#9cf09c}
.wk-tip.warn b{color:#ffb25c}
.wk-recipes{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
.wk-recipes article{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}
.wk-recipes article>b{font-weight:normal;font-size:17px;color:#fff}
.wk-recipes article>span{font-size:13px;line-height:1.5;color:#8f8f8f}
.wk-craft{display:flex;align-items:center;gap:14px}
.wk-grid{display:grid;grid-template-columns:repeat(3,42px);gap:3px}
.wk-arrow{width:28px;height:20px;fill:#8f8f8f}
.wk-out{position:relative}
.wk-out i{position:absolute;right:3px;bottom:-2px;font-style:normal;font-size:15px;color:#fff}
.wk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.wk-tiles .card{padding:14px;display:flex;flex-direction:column;gap:8px}
.wk-icons{display:flex;align-items:center;gap:6px}
.wk-icons em{font-style:normal;color:#8f8f8f}
.wk-tiles .card>b{display:flex;align-items:center;gap:8px;font-weight:normal;font-size:15px}
.wk-tiles .card>b>i{width:12px;height:12px;flex-shrink:0;box-shadow:2px 2px 0 #1a1a1a}
.wk-tiles .card>span{font-size:12px;line-height:1.4;color:#8f8f8f}
.wk-video{display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.wk-play,.wk-video iframe{position:relative;flex:0 0 260px;aspect-ratio:9/16;max-height:470px;padding:0;border:0;background:#1f1f1f;box-shadow:0 0 0 3px #1a1a1a;overflow:hidden;cursor:pointer}
.wk-video iframe{cursor:auto}
.wk-play img{width:100%;height:100%;object-fit:cover;image-rendering:auto}
.wk-play span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35)}
.wk-play svg{width:64px;height:64px;fill:#fff}
.wk-play:hover span{background:rgba(0,0,0,.15)}
.wk-video>div{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:12px}
.wk-over{font-size:13px;color:#8f8f8f}
.wk-related{display:flex;flex-direction:column;gap:16px}
.wk-related>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.wk-related a{display:flex;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;color:#f5f5f0}
.wk-related a>span:not(.slot){display:flex;flex-direction:column}
.wk-related a>span>b{font-weight:normal;color:#fffc54}
.wk-related a>span>span{font-size:13px;line-height:1.4;color:#9a9a9a}
.wk-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;border-top:3px solid #262626;font-size:14px;color:#8f8f8f}
.wk-foot>span:last-child{display:flex;flex-wrap:wrap;gap:14px}
.wk-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.wk-groups section{padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.wk-groups section h2{margin-bottom:8px}
.wk-groups a{display:flex;align-items:center;gap:12px;color:#d6d6d6;text-decoration:none;padding:4px 0}
.wk-groups a:hover{color:#fffc54}
.wk-soon{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:40px 0}
.wk-soon h1{margin:0;font:normal 56px/1 Shotam11,monospace}
.wk-soon p{margin:0;max-width:600px;font-size:18px;color:#d6d6d6}

@media (max-width:860px){
 .wk-top{padding:14px 16px;gap:12px}
 .wk-logo{height:44px}
 .wk-search{order:3;flex-basis:100%;max-width:none}
 .wk-hint{display:none}
 .wk-body{padding:16px;gap:16px}
 .wk-side{flex-basis:100%}
 .wk-side-btn{display:block;width:100%;text-align:left}
 .wk-side #wk-nav{display:none;margin-top:16px}
 .wk-side.open #wk-nav{display:block}
 .wk-main{padding:24px 18px 32px}
 .wk-topic{gap:40px}
 .wk-title h1,.wk-home h1,.wk-soon h1{font-size:40px}
 .wk-lead{font-size:17px}
 .wk-blocks{grid-template-columns:minmax(0,1fr);gap:40px}
 .wk-block.half{grid-column:1/-1}
 .wk-steps{grid-template-columns:minmax(0,1fr)}
 .wk-table>div{grid-template-columns:minmax(0,1fr)}
 .wk-keys{grid-template-columns:minmax(0,1fr);gap:4px}
 .wk-keys>span:nth-child(even){margin-bottom:10px}
 .wk-play,.wk-video iframe{flex-basis:100%;max-height:none}
}