/* ---------- Design tokens ---------- */
:root{
  --bg:#f4f5f9;--panel:#fff;--side:#161a2c;--side-2:#20253d;--side-t:#aeb3cf;
  --txt:#1c1f33;--txt-2:#454a66;--muted:#6f7491;--line:#e3e5ee;--line-2:#d3d6e3;
  --acc:#4f46e5;--acc-h:#4338ca;--acc2:#eef0ff;--ring:#a5b4fc;
  --high:#dc3545;--med:#d98a00;--low:#1f9d60;
  --r:14px;--r-sm:9px;--sh:0 1px 2px rgba(20,24,50,.05),0 2px 8px rgba(20,24,50,.04);--sh-h:0 4px 16px rgba(20,24,50,.08);
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:15px/1.55 var(--font);background:var(--bg);color:var(--txt);display:flex;min-height:100vh;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{line-height:1.25;letter-spacing:-.01em}
h1{margin:0;font-size:26px;font-weight:700}
h2{font-size:15px;margin:0 0 var(--s3);font-weight:650;color:var(--txt-2);text-transform:uppercase;letter-spacing:.04em}
a{color:var(--acc)}
:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:6px}

/* ---------- Sidebar ---------- */
.sidebar{width:240px;background:linear-gradient(180deg,var(--side),#111425);color:var(--side-t);display:flex;flex-direction:column;padding:var(--s5) var(--s3);position:sticky;top:0;height:100vh;flex-shrink:0}
.brand{color:#fff;font-weight:700;font-size:16px;white-space:nowrap;padding:0 var(--s3) var(--s5);display:flex;align-items:center;gap:10px}
.logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--acc);font-size:14px}
nav{display:flex;flex-direction:column;gap:4px}
.nav-link{position:relative;color:var(--side-t);text-decoration:none;padding:10px 14px;border-radius:var(--r-sm);display:flex;align-items:center;gap:10px;font-weight:500;transition:background .15s,color .15s}
.nav-link:hover{background:var(--side-2);color:#fff}
.nav-link.active{background:var(--acc);color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.35)}
.nav-link.active::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#c7d2fe}
.nav-link:focus-visible{outline-color:#c7d2fe}
.sidebar-foot{margin-top:auto;font-size:12px;opacity:.6;padding:0 var(--s3)}

/* ---------- Layout ---------- */
main{flex:1;min-width:0;padding:var(--s6) 40px;max-width:1180px}
.view{display:none}.view.active{display:block;animation:fade .2s ease-out}
@keyframes fade{from{opacity:.4;transform:translateY(4px)}}
.view-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}
.head-actions{display:flex;gap:var(--s2);flex-wrap:wrap}
.muted{color:var(--muted);margin:4px 0 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
/* ---------- Controls ---------- */
input,select,textarea{font:inherit;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:9px 12px;background:#fff;color:var(--txt);transition:border-color .15s,box-shadow .15s}
input:hover,select:hover,textarea:hover{border-color:#b9bdd0}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
select{cursor:pointer}
.btn{font:inherit;border:1px solid transparent;border-radius:var(--r-sm);padding:9px 16px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .05s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--acc);color:#fff;box-shadow:0 1px 2px rgba(79,70,229,.3)}.btn.primary:hover{background:var(--acc-h)}
.btn.ghost{background:#fff;color:var(--txt-2);border-color:var(--line-2)}.btn.ghost:hover{border-color:var(--acc);color:var(--acc);background:var(--acc2)}
.btn.danger{background:#fdecee;color:var(--high)}.btn.danger:hover{background:var(--high);color:#fff}
.seg{display:flex;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:3px;gap:2px}
.seg button{font:inherit;font-size:14px;border:0;background:none;padding:6px 12px;border-radius:7px;cursor:pointer;color:var(--muted);font-weight:500;transition:background .15s,color .15s}
.seg button:hover{color:var(--txt);background:var(--bg)}
.seg button.on{background:var(--acc);color:#fff;font-weight:600}
.empty{color:var(--muted);text-align:center;padding:var(--s5)}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--side);color:#fff;padding:11px 20px;border-radius:10px;transition:transform .25s;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.2)}#toast.show{transform:translateX(-50%) translateY(0)}

/* ---------- Responsive ---------- */
@media(max-width:760px){body{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;z-index:5;flex-direction:row;align-items:center;padding:10px;overflow-x:auto}.brand{padding:0 10px}nav{flex-direction:row}.nav-link.active::before{display:none}.sidebar-foot{display:none}main{padding:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--acc);margin-bottom:4px}

/* ===== Minecraft (#minecraft) ===== */
.mc-app{max-width:1180px}
.mc-app .mc-emoji{font-size:30px;line-height:1;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--acc2);flex:none}
.mc-app .mc-emoji.big{font-size:42px;width:76px;height:76px;border-radius:16px}
.mc-guide-banner{display:flex;align-items:center;gap:var(--s4);text-decoration:none;color:var(--txt-2);margin-bottom:var(--s4);background:linear-gradient(90deg,#eef0ff,#f5f0ff);border-color:#d9dcff}
.mc-guide-banner div{flex:1}.mc-guide-banner b{color:var(--txt)}
.mc-guide-banner:hover{box-shadow:var(--sh-h)}
.mc-filters{display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s3)}
.mc-filters input[type=search]{font:inherit;padding:10px 14px;border:1px solid var(--line-2);border-radius:var(--r-sm);width:100%;box-sizing:border-box}
.mc-filters input[type=search]:focus{outline:2px solid var(--ring);border-color:var(--acc)}
.mc-frow{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.mc-fl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-width:110px}
.mc-seg{flex-wrap:wrap}
.mc-reset{margin-left:auto;padding:6px 12px;font-size:13px}
.mc-count{color:var(--muted);font-size:13px;margin:var(--s2) 2px}
.mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s4)}
.mc-card{display:flex;flex-direction:column;gap:var(--s2);transition:box-shadow .15s,transform .15s,border-color .15s;position:relative}
.mc-card:hover{box-shadow:var(--sh-h);transform:translateY(-2px);border-color:#d9dcff}
.mc-card.is-tested{border-color:#9be2bf;background:linear-gradient(180deg,#f2fbf6,#fff 40%)}
.mc-card h3{margin:4px 0 0;font-size:17px}
.mc-pitch{margin:0;color:var(--txt-2);font-size:14px;flex:1}
.mc-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.mc-tested{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--txt-2);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:4px 10px;cursor:pointer;user-select:none}
.mc-tested:has(input:checked){background:#e7f7ef;border-color:#9be2bf;color:#13744a}
.mc-tested input{accent-color:var(--low);margin:0}
.mc-tested.big{font-size:15px;padding:8px 14px;align-self:flex-start}
.mc-only{margin-left:var(--s2)}
.mc-badges{display:flex;flex-wrap:wrap;gap:6px}
.mc-badge{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--txt-2);border:1px solid var(--line)}
.mc-badge.t-vanilla{background:#e9f7ef;color:#16754a;border-color:#c6ead6}
.mc-badge.t-plugin{background:#eef0ff;color:var(--acc-h);border-color:#d9dcff}
.mc-badge.t-datapack{background:#fff4e0;color:#975a00;border-color:#f5ddb0}
.mc-badge.extra{background:#fdeefa;color:#a3237f;border-color:#f3c7e7;vertical-align:middle}
.mc-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);align-items:center}
.mc-dots{display:inline-flex;gap:3px;vertical-align:middle}.mc-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.mc-dots i.on{background:var(--med)}
.mc-prog{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.mc-prog div{height:100%;background:linear-gradient(90deg,var(--low),#34d399);transition:width .3s}
.mc-prog.big{height:10px;flex:1;min-width:120px}
.mc-go{justify-content:center;margin-top:4px}
.mc-crumb{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4)}.mc-crumb-r{color:var(--muted);font-size:13px}
.mc-hero{display:flex;gap:var(--s5);align-items:flex-start;margin-bottom:var(--s4);background:linear-gradient(120deg,#fff 60%,#f1efff)}
.mc-hero-b{flex:1}.mc-hero h1{margin:0 0 4px;font-size:28px}.mc-hero p{margin:0 0 var(--s3);color:var(--txt-2)}
.mc-jump{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s4);position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0}
.mc-chip{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--txt-2)}
.mc-chip:hover,.mc-chip:focus-visible{border-color:var(--acc);color:var(--acc);background:var(--acc2)}
.mc-call{border-radius:var(--r-sm);padding:12px 16px;margin-bottom:var(--s4);border-left:4px solid;font-size:14px}
.mc-call b:first-child{display:block;margin-bottom:2px}
.mc-call.tip{background:#eef8ff;border-color:#3b82f6;color:#1e3a5f}
.mc-call.warn{background:#fff7e6;border-color:var(--med);color:#5c3b00}
.mc-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4);margin-bottom:var(--s4)}
.mc-tool{background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--sh-h)}
.mc-tool-t{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.mc-theme,.mc-time{font-size:26px;font-weight:800;margin:8px 0 12px;min-height:36px}
.mc-time{font-variant-numeric:tabular-nums;font-size:38px}
.mc-timer.end .mc-time{color:#fca5a5;animation:mcblink 1s steps(2) 3}
@keyframes mcblink{50%{opacity:.3}}
.mc-theme.pop{animation:mcpop .35s ease}
@keyframes mcpop{0%{transform:scale(.85);opacity:.3}100%{transform:none;opacity:1}}
.mc-tool-b{display:flex;flex-wrap:wrap;gap:6px}
.mc-tool .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}.mc-tool .btn.ghost:hover{background:rgba(255,255,255,.25)}
.mc-tool .btn.primary{background:#fff;color:var(--acc-h)}
.mc-sec{margin-bottom:var(--s4);scroll-margin-top:56px}
.mc-sec h2{margin:0 0 var(--s3);font-size:19px}
.mc-list{margin:0;padding-left:20px}.mc-list li{margin:6px 0}
.mc-flow{margin:0;padding-left:22px}.mc-flow li{margin:8px 0;padding-left:4px}
.mc-needs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3)}
.mc-needs div{background:var(--bg);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.mc-needs span{font-size:12px;color:var(--muted);font-weight:600}
.mc-steps-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap}
.mc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.mc-steps>li{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;transition:background .2s,border-color .2s}
.mc-steps>li.done{background:#f2fbf6;border-color:#c6ead6}
.mc-steps>li.done .mc-step-t{text-decoration:line-through;color:var(--muted)}
.mc-steps label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}
.mc-steps input{width:18px;height:18px;accent-color:var(--low);flex:none}
.mc-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-size:13px;flex:none}
.mc-steps>li.done .mc-num{background:var(--low)}
.mc-steps p{margin:6px 0 0 64px;color:var(--txt-2);font-size:14px}
.mc-steps .mc-cmdbox{margin:8px 0 0 64px}
.mc-cmdbox{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:var(--s3);background:#fafbff}
.mc-cmd-t{font-weight:600;font-size:14px;margin-bottom:6px}
.mc-cmd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0}
.mc-cmd code{flex:1 1 320px;background:#1c1f33;color:#e6e8ff;padding:8px 12px;border-radius:8px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
.mc-cmd.old code{background:#454a66;color:#e3e5ee}
.mc-ver{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--acc2);color:var(--acc-h);white-space:nowrap}
.mc-cmd.old .mc-ver{background:#f0f1f6;color:var(--muted)}
.mc-copy{padding:6px 12px;font-size:13px;background:#fff;border-color:var(--line-2);color:var(--txt-2)}
.mc-copy:hover{background:var(--acc);color:#fff;border-color:var(--acc)}
.mc-old-l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-top:8px}
.mc-note{font-size:13px;color:var(--muted);margin:6px 0}
.mc-app p code,.mc-app li code,.mc-app td code{background:var(--acc2);color:var(--acc-h);padding:1px 6px;border-radius:5px;font-size:.9em}
.mc-verify{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:#fff1d6;color:#8a5300;border:1px solid #f5ddb0;white-space:nowrap}
.mc-faq{border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:8px;background:#fff}
.mc-faq summary{cursor:pointer;padding:12px 14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:8px}
.mc-faq summary::-webkit-details-marker{display:none}
.mc-faq summary::after{content:"+";font-size:18px;color:var(--acc);line-height:1}
.mc-faq[open] summary::after{content:"–"}
.mc-faq[open] summary{border-bottom:1px solid var(--line)}
.mc-faq p{margin:0;padding:12px 14px;color:var(--txt-2);font-size:14px}
.mc-links{display:flex;flex-wrap:wrap;gap:8px}
.mc-pn{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin:var(--s5) 0}
.mc-app table{border-collapse:collapse;width:100%;font-size:14px}.mc-app th,.mc-app td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}
@media (max-width:700px){.mc-hero{flex-direction:column}.mc-steps p,.mc-steps .mc-cmdbox{margin-left:0}.mc-fl{min-width:0;width:100%}}
.mc-app nav.mc-jump,.mc-app nav.mc-crumb,.mc-app nav.mc-pn{flex-direction:row}