:root{
  --bg:#08111d;--bg-2:#0b1423;--surface:#0e1b2d;--surface-2:#13243a;--surface-3:#18304b;
  --text:#edf4ef;--muted:#9fb1bb;--line:#29445c;--line-strong:#3a607c;
  --ocean:#49a69a;--ocean-2:#2f7f86;--accent:#76b9a8;--rare:#c55366;--gold:#d8b46d;--warn:#e2a85f;
  --r1:4px;--r2:8px;--shadow:0 12px 30px rgba(0,0,0,.22);
  --space-1:.35rem;--space-2:.6rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.25rem;--space-6:3.5rem;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;
}
html[data-theme="light"]{--bg:#e9efe9;--bg-2:#f5f7f2;--surface:#ffffff;--surface-2:#edf2ec;--surface-3:#dfe8e1;--text:#15222a;--muted:#5d6c73;--line:#bccbc6;--line-strong:#8ea7a0;--shadow:0 10px 24px rgba(16,42,48,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.62}a{color:var(--accent)}a:hover{color:var(--text)}img{max-width:100%}button,input{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--text);color:var(--bg);padding:.6rem .8rem}.skip-link:focus{top:1rem}.topbar{position:sticky;top:0;z-index:40;height:64px;display:flex;align-items:center;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--line);background:var(--bg-2)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--text);text-decoration:none;min-width:230px}.brand img{width:38px;height:38px;image-rendering:pixelated}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand small{color:var(--muted);font-size:.72rem;margin-top:.2rem}.topnav{display:flex;gap:1rem;margin:auto}.topnav a{text-decoration:none;color:var(--muted);font-size:.9rem}.topnav a:hover{color:var(--text)}.top-actions{display:flex;align-items:center;gap:.5rem}.icon-btn,.search-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--r1);height:38px}.icon-btn{width:40px}.search-btn{display:flex;align-items:center;gap:1rem;padding:0 .7rem}.search-btn kbd{font:700 .72rem var(--mono);color:var(--muted)}.menu-btn{display:none}.progress{position:fixed;top:63px;left:0;z-index:50;height:2px;width:0;background:var(--ocean)}.site-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 220px;max-width:1600px;margin:auto}.sidebar{position:sticky;top:64px;height:calc(100vh - 64px);border-right:1px solid var(--line);background:var(--bg-2);overflow:auto}.sidebar-inner{padding:1rem}.sidebar-version{border:1px solid var(--line);background:var(--surface);padding:.8rem;border-radius:var(--r1);display:flex;flex-direction:column;margin-bottom:1.2rem}.sidebar-version span,.sidebar-version small{color:var(--muted);font-size:.72rem}.sidebar-version strong{font-size:1.35rem;letter-spacing:.03em}.nav-group{margin:0 0 1.25rem}.nav-label{display:block;color:var(--muted);text-transform:uppercase;font-weight:800;font-size:.66rem;letter-spacing:.12em;margin:.3rem .5rem}.nav-link{display:block;padding:.48rem .55rem;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:.9rem}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--text);border-left-color:var(--ocean);background:var(--surface-2)}.main{min-width:0;padding:0 2.5rem}.main article{max-width:900px;margin:0 auto;padding:3.2rem 0 4rem}.main footer{max-width:900px;margin:auto;padding:1.4rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.toc{position:sticky;top:64px;height:calc(100vh - 64px);padding:2rem 1rem}.toc>div{border-left:1px solid var(--line);padding-left:1rem}.toc strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.toc a{display:block;color:var(--muted);text-decoration:none;font-size:.8rem;padding:.28rem 0}.toc a.depth3{padding-left:.75rem}.toc a.active{color:var(--accent)}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,6vw,4.6rem);margin:.2rem 0 1rem}h2{font-size:1.8rem;margin:3.2rem 0 1rem;padding-top:.4rem}h3{font-size:1.2rem;margin:2rem 0 .6rem}p.lead{font-size:1.2rem;color:#c9d7d6;max-width:72ch}html[data-theme="light"] p.lead{color:#45585d}.eyebrow{display:inline-block;color:var(--ocean);font:800 .74rem var(--mono);text-transform:uppercase;letter-spacing:.14em}.anchor{opacity:0;margin-left:.5rem;text-decoration:none;font-size:.7em}.article-heading:hover .anchor,.anchor:focus{opacity:1}.pill-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0}.pill{border:1px solid var(--line-strong);background:var(--surface);padding:.28rem .55rem;border-radius:999px;font:700 .72rem var(--mono);color:var(--muted)}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.4rem 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .9rem;border:1px solid var(--line-strong);border-radius:var(--r1);text-decoration:none;color:var(--text);font-weight:800}.button.primary{background:var(--ocean);border-color:var(--ocean);color:#07151a}.button:hover{background:var(--surface-3);color:var(--text)}.hero{margin:-1rem -2rem 3rem;padding:2.2rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--r2);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--ocean)}.hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:2rem;align-items:center}.hero-mark{min-height:260px;border:1px solid var(--line);background:var(--bg-2);display:grid;place-items:center;position:relative}.hero-mark:before,.hero-mark:after{content:"";position:absolute;border:1px solid var(--line);inset:16px}.hero-mark:after{inset:32px}.hero-mark img{width:150px;height:150px;image-rendering:pixelated;z-index:1}.feature-band{display:grid;grid-template-columns:190px 1fr;gap:1.5rem;padding:1.4rem 0;border-top:1px solid var(--line)}.feature-band:last-child{border-bottom:1px solid var(--line)}.feature-kicker{font:800 .72rem var(--mono);color:var(--ocean);text-transform:uppercase;letter-spacing:.1em}.feature-band h3{margin:.25rem 0 .45rem}.feature-band p{margin:0;color:var(--muted)}.feature-band a{text-decoration:none;font-weight:800}.item-strip{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.item-chip{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:var(--surface);padding:.45rem .6rem;border-radius:var(--r1);font-size:.78rem}.item-chip img{width:28px;height:28px;image-rendering:pixelated}.notice{display:grid;grid-template-columns:5px 1fr;border:1px solid var(--line);background:var(--surface);margin:1.4rem 0}.notice:before{content:"";background:var(--ocean)}.notice.warn:before{background:var(--warn)}.notice.rare:before{background:var(--rare)}.notice>div{padding:.8rem 1rem}.notice strong{display:block;margin-bottom:.25rem}.notice p{margin:0;color:var(--muted)}code{font-family:var(--mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--line);padding:.08em .32em;border-radius:3px}.command{border-left:3px solid var(--ocean);background:var(--surface);padding:.8rem 1rem;margin:.65rem 0}.command code{display:block;border:0;background:transparent;padding:0;font-size:.9rem;color:var(--text)}.command span{color:var(--muted);font-size:.84rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r1);margin:1rem 0}table{border-collapse:collapse;width:100%;min-width:560px;background:var(--surface)}th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--surface-2)}tr:last-child td{border-bottom:0}.stat-line{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:1.4rem 0}.stat-line div{padding:.8rem;border-right:1px solid var(--line)}.stat-line div:last-child{border-right:0}.stat-line strong{display:block;font-size:1.25rem}.stat-line span{font-size:.72rem;color:var(--muted)}.dependency-list{border-top:1px solid var(--line)}.dependency{display:grid;grid-template-columns:1.2fr .7fr 2.1fr auto;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:.9rem 0}.dependency strong{display:block}.dependency small,.dependency p{color:var(--muted);margin:0}.dep-kind{font:800 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.dep-kind.required{color:var(--ocean)}.dep-kind.optional{color:var(--gold)}.compat-map{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;margin:1.5rem 0}.compat-center,.compat-branch{border:1px solid var(--line);background:var(--surface);padding:1rem;text-align:center}.compat-center{border-color:var(--ocean)}.compat-links{display:grid;gap:.5rem}.compat-arrow{color:var(--muted);font-family:var(--mono)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.recipe-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r1);padding:1rem}.recipe-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.recipe-card h3{margin:0;font-size:1rem}.recipe-type{font:800 .65rem var(--mono);text-transform:uppercase;color:var(--muted)}.recipe-ui{display:grid;grid-template-columns:168px 38px 72px;gap:.8rem;align-items:center}.craft-grid{width:168px;height:168px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background:#6d6d6d;border:4px solid #343434;box-shadow:inset 0 0 0 3px #9a9a9a}.slot{margin:2px;border:2px solid #373737;border-top-color:#242424;border-left-color:#242424;background:#8b8b8b;display:grid;place-items:center;position:relative;overflow:hidden}.slot img{width:38px;height:38px;image-rendering:pixelated}.slot .fallback{font:800 .58rem var(--mono);line-height:1.1;text-align:center;color:#f6f6f6;text-shadow:1px 1px #222}.slot .count{position:absolute;right:2px;bottom:-1px;color:white;text-shadow:1px 1px 2px #000;font-weight:900;font-size:.8rem}.recipe-arrow{font-size:1.8rem;text-align:center;color:var(--muted)}.output-slot{width:66px;height:66px}.shapeless-badge{display:inline-block;margin-top:.6rem;font:800 .66rem var(--mono);color:var(--gold)}.recipe-note{color:var(--muted);font-size:.8rem;margin:.7rem 0 0}.formula{border:1px solid var(--line);background:var(--surface-2);padding:1rem;overflow:auto;font:700 .9rem var(--mono)}.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.prev-next a{border:1px solid var(--line);padding:.8rem;text-decoration:none;color:var(--text)}.prev-next a.next{text-align:right}.prev-next small{display:block;color:var(--muted)}.search-dialog{width:min(720px,calc(100% - 2rem));border:1px solid var(--line);padding:0;background:var(--surface);color:var(--text);border-radius:var(--r1);box-shadow:var(--shadow)}.search-dialog::backdrop{background:rgba(2,8,14,.72)}.search-shell{padding:.7rem}.search-line{display:flex;gap:.5rem}.search-line input{flex:1;border:1px solid var(--line);background:var(--bg-2);color:var(--text);padding:.75rem}.search-line button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.search-results{max-height:60vh;overflow:auto;margin-top:.6rem}.search-result{display:block;padding:.7rem;border-top:1px solid var(--line);text-decoration:none}.search-result:first-child{border-top:0}.search-result strong{display:block;color:var(--text)}.search-result span{display:block;color:var(--muted);font-size:.8rem}.scrim{display:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1100px){.site-grid{grid-template-columns:250px minmax(0,1fr)}.toc{display:none}.main{padding:0 1.5rem}}
@media(max-width:820px){.topnav{display:none}.menu-btn{display:inline-block}.brand{min-width:0;margin-right:auto}.search-btn span{display:none}.site-grid{display:block}.sidebar{position:fixed;z-index:35;top:64px;left:0;width:min(300px,86vw);transform:translateX(-102%);transition:transform .18s ease}.nav-open .sidebar{transform:none}.scrim{position:fixed;display:block;z-index:34;inset:64px 0 0;background:rgba(0,0,0,.55);border:0;opacity:0;pointer-events:none}.nav-open .scrim{opacity:1;pointer-events:auto}.main{padding:0 1rem}.main article{padding-top:2rem}.hero{margin:0 0 2rem;padding:1.2rem}.hero-grid{grid-template-columns:1fr}.hero-mark{min-height:180px}.feature-band{grid-template-columns:1fr;gap:.2rem}.dependency{grid-template-columns:1fr 1fr}.dependency p{grid-column:1/-1}.dependency>a{grid-column:1/-1}.recipe-grid{grid-template-columns:1fr}.recipe-ui{grid-template-columns:150px 28px 64px}.craft-grid{width:150px;height:150px}.stat-line{grid-template-columns:1fr 1fr}.stat-line div:nth-child(2){border-right:0}.stat-line div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:520px){h1{font-size:2.5rem}.topbar{gap:.4rem;padding:0 .6rem}.brand small{display:none}.hero-mark img{width:110px;height:110px}.recipe-card{padding:.75rem}.recipe-ui{grid-template-columns:132px 24px 56px;gap:.4rem}.craft-grid{width:132px;height:132px}.slot img{width:30px;height:30px}.slot .fallback{font-size:.48rem}.output-slot{width:52px;height:52px}.dependency{grid-template-columns:1fr}.dependency p,.dependency>a{grid-column:auto}.compat-map{grid-template-columns:1fr}.compat-arrow{transform:rotate(90deg);text-align:center}.stat-line{grid-template-columns:1fr}.stat-line div{border-right:0;border-bottom:1px solid var(--line)}.stat-line div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Detailed documentation patterns */
.steps{counter-reset:steps;list-style:none;padding:0;margin:1.2rem 0}.steps li{display:grid;grid-template-columns:2rem 1fr;column-gap:.8rem;padding:.9rem 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{counter-increment:steps;content:counter(steps);grid-row:1/3;display:grid;place-items:center;width:1.65rem;height:1.65rem;background:var(--surface-2);border:1px solid var(--line-strong);font:800 .72rem var(--mono);color:var(--ocean)}.steps li strong{display:block}.steps li span{display:block;color:var(--muted);font-size:.9rem}
.explain-list{border-top:1px solid var(--line);margin:1rem 0}.explain-list>div{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.8fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.explain-list strong{color:var(--text)}.explain-list p{margin:0;color:var(--muted)}.dense-list{columns:2;column-gap:2.5rem}.dense-list li{break-inside:avoid;margin:.25rem 0}.item-hero{display:flex;align-items:center;gap:1rem;border-block:1px solid var(--line);padding:1rem 0;margin:1.2rem 0}.item-hero img{width:64px;height:64px;image-rendering:pixelated}.item-hero div{display:grid;gap:.3rem}.item-hero p{margin:0;color:var(--muted)}
.equipment-table table{min-width:720px}.equipment-table .item-name{font-weight:800;color:var(--text)}.equipment-table td:nth-child(n+2){color:var(--muted)}

/* Recipe UI: icon-first, Minecraft-like, and readable */
.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:1rem}.recipe-card{padding:1rem 1rem 1.1rem}.recipe-card header{min-height:42px}.recipe-ui{grid-template-columns:168px 34px 66px}.craft-grid{background:#707070;border:3px solid #313131;box-shadow:inset 0 0 0 2px #aaa}.slot{margin:2px;border:2px solid #424242;border-top-color:#303030;border-left-color:#303030;background:#929292;overflow:visible}.slot img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.output-slot{width:66px;height:66px;margin:0}.output-slot img{width:42px;height:42px}.tag-mark{position:absolute;left:2px;top:1px;color:#fff;background:#2c3944;border:1px solid #cad3d3;font:900 .56rem var(--mono);line-height:1;padding:1px 2px}.ingredient-legend{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--line)}.ingredient-legend>span{display:flex;align-items:center;gap:.4rem;min-width:0}.ingredient-legend .slot{width:30px;height:30px;min-width:30px;margin:0}.ingredient-legend .slot img{width:22px;height:22px}.ingredient-legend .tag-mark{font-size:.45rem}.ingredient-legend small{color:var(--muted);font:600 .65rem var(--mono);overflow-wrap:anywhere}.fallback{padding:2px}.shapeless-badge{margin-top:.7rem}

@media(max-width:820px){.explain-list>div{grid-template-columns:1fr;gap:.3rem}.dense-list{columns:1}.equipment-table table{min-width:650px}.recipe-grid{grid-template-columns:1fr}}
@media(max-width:520px){.recipe-ui{grid-template-columns:132px 22px 54px}.output-slot{width:54px;height:54px}.output-slot img{width:34px;height:34px}.ingredient-legend small{font-size:.6rem}.item-hero img{width:52px;height:52px}}