/* tools.9minecraft.net — KHUNG GIONG CAC SUB 9MINECRAFT.
   Chu site 11/10/2026: "phai thiet ke giong cac trang kia ... khung header, footer cac thu
   thiet ke giong layout cac trang sub".

   Cac khoi duoi day duoc CHEP NGUYEN VAN tu bo sinh cua bedrock-skins
   (`C:\Son\mcpeskin-port\app\giao_dien.php`) boi `_dung_khung_giong_sub.py` — dung sua tay
   o day, sua o ben do roi chay lai script, neu khong ba sub se lech nhau.

   ⛔ KHAC ban goc dung mot cho: ban goc co `*{box-sizing}`, `body{}`, `a{}`, `img{}`, `.wrap{}`
      va CSS NOI DUNG cua site skin (`h1`, `.luoi`, `.the`...). tools co 137 cong cu moi cai
      mot bo CSS rieng nen nhung luat tran do se de len chung. O day chi lay phan KHUNG, va
      `.wrap` bi khoanh vao 3 vung khung.
*/

/* ═══ bien mau — chep nguyen van ═══ */
:root{
 --t9-bg:#f1f3f4;--t9-card:#fff;--t9-ink:#1f1f1f;--t9-mut:#5f6368;--t9-chip:#f1f3f4;
 --t9-acc:#1a73e8;--t9-acc-mem:#e8f0fe;--t9-acc-ink:#fff;--t9-line:rgba(60,64,67,.12);
 --t9-e1:0 1px 2px rgba(60,64,67,.30),0 1px 3px 1px rgba(60,64,67,.15);
 --t9-e2:0 1px 3px rgba(60,64,67,.30),0 4px 8px 3px rgba(60,64,67,.15);
 --t9-r:16px;--t9-r-lg:28px;--t9-r-img:12px;--t9-pill:999px}
:root[data-theme=dark]{
 --t9-bg:#0f1115;--t9-card:#1b212b;--t9-ink:#e8eaed;--t9-mut:#9aa0a6;--t9-chip:#242b36;
 --t9-acc:#8ab4f8;--t9-acc-mem:#1f2a3a;--t9-acc-ink:#0f1115;--t9-line:rgba(255,255,255,.12);
 --t9-e1:0 1px 2px rgba(0,0,0,.6),0 1px 3px 1px rgba(0,0,0,.35);
 --t9-e2:0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.35)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
 --t9-bg:#0f1115;--t9-card:#1b212b;--t9-ink:#e8eaed;--t9-mut:#9aa0a6;--t9-chip:#242b36;
 --t9-acc:#8ab4f8;--t9-acc-mem:#1f2a3a;--t9-acc-ink:#0f1115;--t9-line:rgba(255,255,255,.12);
 --t9-e1:0 1px 2px rgba(0,0,0,.6),0 1px 3px 1px rgba(0,0,0,.35);
 --t9-e2:0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.35)}}

/* ═══ nen trang + font cua KHUNG (khong dat tran len the) ═══
   ⛔ Ban goc dat `body{font:...}`. O day chi dat mau nen cho body va font cho rieng cac vung
      khung — dat font tran len body la doi kieu chu ben trong ca 137 cong cu. */
body{margin:0;background:var(--t9-bg);color:var(--t9-ink)}
.bk9,header.top,.ymega,.ysub,footer.ft{
 font:16px/1.6 "Google Sans Text",Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.bk9 *,header.top *,.ymega *,.ysub *,footer.ft *{box-sizing:border-box}
/* ⛔ `color:inherit` khong duoc quen: ban goc dat o luat `a{}` TRAN, con o day luat bi khoanh
      lai. Thieu no thi the <a> nao trong khung khong tu dat mau se an mau mac dinh XANH cua
      trinh duyet — thay ro nhat o chu thay the cua logo khi anh chua tai. */
.bk9 a,header.top a,.ymega a,.ysub a,footer.ft a{color:inherit;text-decoration:none}
.bk9 img,header.top img,footer.ft img{max-width:100%;display:block}
/* ⛔ `.wrap` chi dinh nghia TRONG khung. Tren tools `.wrap` la ten lop CHUNG, de trung voi
      ruot cong cu — dinh nghia tran la keo nham phan tu khac vao khung 1180px. */
.bk9>.wrap,header.top>.wrap,footer.ft>.wrap{max-width:1180px;margin:0 auto;padding:0 16px}

/* ═══ dai "Back to 9Minecraft" — chep nguyen van ═══ */
/* ── dai ve 9minecraft ─────────────────────────────────────────────── */
.bk9{background:var(--t9-card)}
.bk9 .wrap{display:flex}
.bk9 a{display:inline-flex;align-items:center;gap:7px;padding:7px 0;color:var(--t9-ink);
 font-weight:600;font-size:13px;line-height:1.2}
.bk9 a:hover{color:var(--t9-acc)}
.bk9 svg{width:15px;height:15px;stroke-width:2.4;flex:none}

/* ═══ header / nav / logo / o tim / nut sang-toi — chep nguyen van ═══ */
/* ── header: thanh ngoai KHONG bong, chi vien thuoc ben trong noi ──── */
header.top{position:sticky;top:0;z-index:30;background:var(--t9-bg);padding:10px 0 0}
/* ── Header dinh tren MOBILE: sat mep tren ───────────────────────────────────
 * Chu site 11/10/2026: "khi cuon trang header dinh o top, cho sat voi mep tren dien thoai,
 * khoang ho 1 ti ti xiu thoi de con dien tich doc content ben duoi".
 *
 * `header.top` co `padding-top:10px`; `top:-8px` lam no dinh cao hon 8px nen phan dem troi
 * ra ngoai man hinh => khoi nhin thay cach mep 2px (bang wiki).
 * ⛔ KHONG giam `padding-top`: doi chieu cao header thi noi dung ben duoi NHAY len 8px dung
 *    luc cuon. `top` cua sticky khong anh huong dong chay bo cuc.
 * ⛔ `top` am chi an khi DA DINH => dang trang luc chua cuon khong doi mot pixel nao.
 */
@media(max-width:991px){header.top{top:-8px}}

header.top .nav{display:flex;align-items:center;gap:10px;height:60px;padding:0 10px 0 16px;
 background:var(--t9-card);border-radius:var(--t9-pill);box-shadow:var(--t9-e1);
 transition:height .22s ease}
html.is-header-shrunk header.top .nav{height:44px}
/* ⛔ Logo xuat o 2x (68px cao) roi ep xuong 34px bang CSS, de man hinh net gap doi khong bi ro.
   Dat `width`+`height` de trinh duyet chua cho san -> khong giat bo cuc khi anh tai xong. */
.logo{display:flex;align-items:center;flex:none}
.logo img{height:34px;width:auto;display:block;transition:height .22s ease}
html.is-header-shrunk .logo img{height:26px}
@media(max-width:640px){.logo img{height:26px}}
/* ⛔ `margin-left:auto` day o tim + nut sang/toi ve SAT LE PHAI (user 06/10/2026). Khong co
   dong nay thi o tim dinh ngay sau logo va con mot khoang trong dai ben phai, vi `max-width`
   chan khong cho no gian het. */
.hs{position:relative;flex:1 1 280px;min-width:0;max-width:620px;margin-left:auto}
/* ⛔ Tren mobile o nay co con ~69px — chi bang cai icon kinh lup. Cham vao thi ban phim VAN LEN
   (input that nen focus tu nhien), nhung khong co cho nhin chu dang go; user 09/10: "bam icon
   search ... de go text tim kiem luon". Khi co focus thi cho xuong HANG HAI chiem tron be ngang.
   ⛔ Theo tien le user chot cho wiki 01/10 ("mo xuong ben duoi di cho do chen len logo"):
      KHONG giau logo de lay cho.
   ⛔ `header.top .nav` co chieu cao CO DINH — phai tra `height:auto`, khong thi hang hai bi cat cut.
   ⛔ Chi wrap KHI focus (qua `:has`), dung dat `flex-wrap:wrap` mac dinh — may 320px se tu
      xuong dong ca luc khong tim. */
@media(max-width:640px){
  header.top .nav:has(.hs:focus-within),html.is-header-shrunk header.top .nav:has(.hs:focus-within){
    flex-wrap:wrap;height:auto;padding-bottom:8px}
  header.top .nav:has(.hs:focus-within) .hs{flex:1 1 100%;max-width:none;order:9;margin:2px 0 0}
}
.hs input{width:100%;padding:9px 14px 9px 40px;border:1px solid rgba(60,64,67,.22);
 border-radius:var(--t9-pill);background:var(--t9-card);color:var(--t9-ink);font:inherit;font-size:14px}
.hs input:focus{outline:none;border-color:var(--t9-acc);box-shadow:0 0 0 3px var(--t9-acc-mem)}
.hs svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;
 fill:none;stroke:var(--t9-mut);stroke-width:2;pointer-events:none}
.icbtn{border:0;background:var(--t9-chip);color:var(--t9-ink);width:40px;height:40px;
 border-radius:var(--t9-pill);cursor:pointer;flex:none;display:inline-flex;align-items:center;
 justify-content:center;padding:0}
.icbtn:hover{background:var(--t9-card);box-shadow:var(--t9-e1)}
.icbtn svg{width:20px;height:20px;display:block;pointer-events:none}
/* Icon sang/toi: lay dung cap mat troi / mat trang cua 9minecraft.net — sang thi hien mat
   troi, toi thi hien mat trang.
   ⛔ Site nay co BA trang thai chu khong phai hai: `data-theme=light`, `data-theme=dark`, va
      KHONG co thuoc tinh (theo he thong). Chi viet hai luat nhu ban goc thi o che do "theo he
      thong" dang toi van hien mat troi — sai ma khong co gi bao. Thu tu luat cung quan trong:
      hai luat `[data-theme=...]` phai dat SAU khoi @media moi thang duoc no. */
.icbtn .ic-sun{display:block}
.icbtn .ic-moon{display:none}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]) .icbtn .ic-sun{display:none}
 :root:not([data-theme=light]) .icbtn .ic-moon{display:block}}
:root[data-theme=dark] .icbtn .ic-sun{display:none}
:root[data-theme=dark] .icbtn .ic-moon{display:block}
:root[data-theme=light] .icbtn .ic-sun{display:block}
:root[data-theme=light] .icbtn .ic-moon{display:none}
header.top .nav{flex:none;overflow:visible}
header.top .nav a:hover{background:none;color:inherit}

/* ═══ nut hamburger — chep nguyen van ═══ */
.mgb{border:0;background:none;color:var(--t9-ink);width:40px;height:40px;border-radius:var(--t9-pill);
 cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}
.mgb:hover{background:var(--t9-chip)}
.mgb svg{width:22px;height:22px}

/* ═══ rail mega menu + flyout — chep nguyen van ═══ */
:root{--ymega-top:78px;--ymega-rail-w:320px;--ymega-gap:0px;
 --ymega-left:max(16px,calc((100vw - 1280px)/2 - 99px))}
html.is-header-shrunk{--ymega-top:62px}

.ybd{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);z-index:60;
 opacity:0;pointer-events:none;transition:opacity .18s ease}
body.ymega-open .ybd{opacity:1;pointer-events:auto}

.ymega{display:flex;flex-direction:column;position:fixed;top:var(--ymega-top);
 left:calc(0px - var(--ymega-rail-w) - 16px);width:var(--ymega-rail-w);
 max-height:calc(100vh - var(--ymega-top) - 16px);z-index:61;background:var(--t9-card);
 border-radius:var(--t9-r);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
 transition:left .22s cubic-bezier(.2,0,0,1)}
body.ymega-open .ymega{left:var(--ymega-left)}

.yhead{display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:12px 10px 12px 18px;flex-shrink:0}
.yhead span{font-weight:600;font-size:15px}
.yx,.yfx{width:38px;height:38px;background:transparent;border:0;border-radius:50%;
 color:var(--t9-ink);cursor:pointer;font-size:22px;line-height:1}
.yx:hover,.yfx:hover{background:var(--t9-chip)}
.ylist{list-style:none;margin:0;padding:0 10px 14px;overflow-y:auto;overscroll-behavior:contain}
.ylist>li{position:relative}
.ylist>li>a{display:flex;align-items:center;justify-content:space-between;gap:8px;
 padding:12px 16px;margin:1px 0;border-radius:var(--t9-pill);color:var(--t9-ink);font-size:15px;
 font-weight:600;line-height:1.25}
.ylist>li>a:hover{background:var(--t9-chip)}
.ylist>li.ymc-has>a::after{content:"\203A";color:var(--t9-mut);font-size:20px;line-height:1;
 margin-left:auto;transition:transform .12s ease}
.ylist>li.ymc-has:hover>a::after{transform:translateX(2px);color:var(--t9-ink)}

/* flyout — dat canh rail, dung chung moc toa do voi rail */
.ysub{position:fixed;top:var(--ymega-top);
 left:calc(var(--ymega-left) + var(--ymega-rail-w) + var(--ymega-gap) + 12px);
 width:clamp(380px,calc(100vw - var(--ymega-left) - var(--ymega-rail-w) - 48px),860px);
 max-height:calc(100vh - var(--ymega-top) - 16px);overflow-y:auto;padding:18px 20px 22px;
 background:var(--t9-card);border-radius:var(--t9-r);
 box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
 opacity:0;visibility:hidden;transform:translateX(-8px);
 transition:opacity .16s ease,transform .16s ease,visibility .16s}
.ylist>li.ymega-active>.ysub{opacity:1;visibility:visible;transform:translateX(0)}
.yst{margin:0 0 12px;font-weight:600;font-size:11px;line-height:1.4;letter-spacing:.9px;text-transform:uppercase;
 color:var(--t9-mut)}
.yfx{position:absolute;top:10px;right:10px}
.ywrap{display:flex;flex-wrap:wrap;gap:7px}
.ymc{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--t9-pill);
 background:var(--t9-chip);font-size:13.5px;font-weight:600;color:var(--t9-ink);white-space:nowrap}
.ymc:hover{background:var(--t9-card);box-shadow:var(--t9-e1)}
.ymc b{font-weight:600;color:var(--t9-mut)}

@media(max-width:900px){
  .ymega{width:min(330px,88vw);--ymega-left:12px}
  .ysub{position:static;width:auto;max-height:none;padding:4px 6px 10px;box-shadow:none;
   border-radius:0;opacity:1;visibility:visible;transform:none;display:none;background:none}
  .ylist>li.ymega-active>.ysub{display:block}
  .yfx{display:none}
}

/* ═══ footer — chep nguyen van ═══ */
footer.ft{border-top:1px solid var(--t9-line);margin-top:48px;padding:34px 0 30px;
 background:var(--t9-card);color:var(--t9-mut);font-size:13.5px}
footer.ft a{color:var(--t9-acc);font-weight:700}
.ft9{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.ft9-logo{display:block;line-height:0}
.ft9-logo img{height:40px;width:auto;display:block}
.ft9-tag{margin:0;max-width:62ch;line-height:1.6}
.ft9-nav,.ft9-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 4px}
/* ⛔ Hai luat duoi phai co HAI lop (.ft9 cong .ft9-nav) moi thang duoc luat "footer.ft a"
   o tren — so LOP duoc so sanh TRUOC so the, nen (0,2,1) thang (0,1,2). Viet gon thanh
   ".ft9-nav a" la thua moi chu: chu van xanh va dam y nhu cu. */
.ft9 .ft9-nav a{color:var(--t9-ink);font-weight:700;font-size:13.5px;padding:6px 13px;
 border-radius:var(--t9-pill);transition:background .15s,color .15s}
.ft9 .ft9-nav a:hover{background:var(--t9-chip);color:var(--t9-acc)}
.ft9 .ft9-legal a{color:var(--t9-mut);font-weight:600;font-size:12.5px;padding:4px 10px;
 border-radius:var(--t9-pill);transition:background .15s,color .15s}
.ft9 .ft9-legal a:hover{background:var(--t9-chip);color:var(--t9-ink)}
.ft9-line{width:100%;max-width:720px;height:1px;background:var(--t9-line);margin:2px 0}
.ft9-disc{margin:0;max-width:80ch;font-size:11.5px;line-height:1.7;opacity:.85}
.ft9-disc strong{color:var(--t9-ink);opacity:.92}
.ft9-cpy{margin:0;font-size:12.5px}
.ft9 .ft9-cpy a{color:var(--t9-acc);font-weight:700}
@media(max-width:640px){.ft9-logo img{height:32px}.ft9-disc{font-size:12px}
 .ft9 .ft9-nav a{font-size:13px;padding:5px 11px}}
/* ⛔ Man cam ung: vung bam cua cac muc chan trang phai >=40px, 30px la bam truot lien tuc. */
@media(hover:none){.ft9 .ft9-nav a{padding:11px 14px}.ft9 .ft9-legal a{padding:9px 11px}}

/* ═══════════════ RIENG CUA TOOLS ═══════════════ */

/* ── BO CUC MOT COT, CAN GIUA — giong servers / skins / bedrock-skins ──
   Chu site 11/10/2026: *"Trang tool khong can rightsidebar >> Cho full width giong cac trang
   servers, skins"*.
   Do that cac sub: servers `main` max-width 1120px, skins va bedrock-skins 1180px, ca ba
   KHONG co sidebar. Lay 1180px cho khop `.wrap` cua khung.

   ⛔ "Full width" o day KHONG phai tran het man hinh: cac sub deu cham o 1120-1180px roi
      `margin:0 auto`. Tran het chieu ngang chinh la thu chu site da bac khi lam `/tools/`
      tren site chinh — bo sidebar ma khong can giua thi noi dung dat ve trai, mat phai dao
      theo. Bo cot phai + can giua thi het ca hai van de.
   ⛔ 4.093 trang dung san `.b__inner/.b__grid/.b__main/#rsidebar` (von do `bundle-global.css`
      cua theme www cap, da go). Khong sua HTML — chi doi CSS, nen khong phai ghi lai trang nao.
   ⛔ GIU `#rsidebar` trong dong chay, khong `display:none`: ben trong no la manh quang cao
      `/hf/ad-inart2.html` — slot RIENG, khoa Galaksion khac han ba slot kia
      (325ade70… / 8e3b9f3f…). An di la mat han mot o quang cao ma khong ai thay
      ([[reference_9mc_ad_placement_policy]]). */
/* ⛔ `box-sizing:border-box` phai khai o day. Ban goc co luat `*{box-sizing:border-box}` TRAN,
      nhung o tren toi da khoanh no lai trong vung khung de khong dung vao ruot 137 cong cu.
      Thieu no thi `max-width:1180px` tinh theo HOP NOI DUNG, cong them 32px dem thanh 1212px
      — rong hon skins dung 32px, nhin thi khong ra, chi do moi thay. */
.b__inner{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:14px 16px 0}
.b__grid{display:block}
.b__main{min-width:0}
#rsidebar{margin:26px auto 0;max-width:100%}

/* (Cac the lien ket trong sidebar da bo cung voi cot phai — nhung lien ket do nay nam trong
   rail mega menu, co tren MOI trang, nen khong mat duong di noi bo.) */

/* ── bang goi y cua o tim trong header ──
   ⛔ Phai `position:absolute` theo `.hs` (da `position:relative`), va z-index tren ca rail
      (61) khong thi goi y chui xuong duoi menu. */
.hs{position:relative}
.t9-kq{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:62;background:var(--t9-card);
 border-radius:var(--t9-r);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
 padding:6px;max-height:min(420px,70vh);overflow-y:auto;display:none}
.t9-kq.mo{display:block}
.t9-kq a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--t9-r-img);
 color:var(--t9-ink);font-size:14px;line-height:1.3;text-decoration:none}
.t9-kq a:hover,.t9-kq a.chon{background:var(--t9-chip)}
.t9-kq img{width:24px;height:24px;flex:none;image-rendering:pixelated}
.t9-kq__d{margin-left:auto;color:var(--t9-mut);font-size:12px;white-space:nowrap}
.t9-kq__khong{padding:14px 12px;color:var(--t9-mut);font-size:14px}

/* ── breadcrumb cua 4.093 trang ghi cung mau SANG trong khoi <style> noi tuyen ──
   Site cu khoa `data-theme="light"` nen khong ai thay; bat che do toi len thi no thanh vet
   TRANG giua nen den. Keo no theo bien chung — do uu tien `#breadcrumbs` la (1,0,0) nen chi
   can them mot thuoc tinh la thang, khong phai `!important`.
   ⛔ Bieu tuong nha la data-URI co ma mau NAM TRONG chuoi SVG, khong doi bang `color` duoc.
      Dung mask roi to bang background — mot luat, tu theo mau lien ket. */
#breadcrumbs[vocab]{background:var(--t9-card);border-color:var(--t9-line);color:var(--t9-mut)}
#breadcrumbs[vocab] a,#breadcrumbs[vocab] a:hover{color:var(--t9-acc)}
#breadcrumbs[vocab] .breadcrumb_last{color:var(--t9-mut)}
#breadcrumbs[vocab] .mcseo-bc-home{background:var(--t9-acc);
 -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.1L1 12h3v9h6v-6h4v6h6v-9h3z'/></svg>") center/contain no-repeat;
 mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.1L1 12h3v9h6v-6h4v6h6v-9h3z'/></svg>") center/contain no-repeat}

/* ── Menu phu "9Minecraft Network" + Mega Footer — dung chung 11 site ──
   Sinh boi C:\Son\9mc-chrome\mangluoi\_sinh.py tu mang.json. Dung sua tay.
   ⛔ Moi lop mang tien to `n9-`: bo nay nam tren 11 site voi 11 bo CSS khac nhau.
   ⛔ Mau theo `currentColor` + rgba xam trung tinh de chay duoc tren ca nen sang lan toi. */
.n9-nut{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border:0;
 border-radius:999px;background:rgba(127,127,127,.12);color:inherit;font:600 13.5px/1.2 inherit;
 cursor:pointer;white-space:nowrap}
.n9-nut:hover{background:rgba(127,127,127,.22)}
.n9-nut svg{flex:none}
.n9-nut__luoi{width:18px;height:18px}
.n9-nut__mui{width:14px;height:14px;opacity:.6;transition:transform .15s ease}
.n9-nut[aria-expanded="true"] .n9-nut__mui{transform:rotate(180deg)}
.n9-nut__chu{font-weight:700}

.n9-nen{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.38);
 opacity:0;pointer-events:none;transition:opacity .16s ease}
body.n9-mo .n9-nen{opacity:1;pointer-events:auto}

/* ⛔ `box-sizing:border-box` — 11 site, khong site nao chac co luat `*{box-sizing}`. Thieu no
      thi `width` chi tinh hop noi dung, cong 40px dem thanh 1020 thay vi 980, va JS neo theo
      980 nen bang lech ra ngoai le phai. */
/* Google-inspired Minimalist Floating UI (chu site 12/10): the noi bo 28px, do bong hai
   lop kieu Google, be mat phang, nhan muc 11px IN HOA, nut hinh vien thuoc.
   ⛔ Bo goc 28/16/12 va cap do bong la quy uoc da chot cho ca mang
      ([[feedback_web_tool_google_floating_ui]]) — dung tu che so khac. */
.n9-bang{box-sizing:border-box;position:absolute;z-index:2147483001;
 width:min(980px,calc(100vw - 24px));
 background:var(--n9-nen,#fff);color:var(--n9-chu,#1f1f1f);border-radius:28px;
 box-shadow:0 1px 3px rgba(60,64,67,.30),0 8px 24px 4px rgba(60,64,67,.15),
            0 0 0 1px rgba(127,127,127,.14);
 padding:18px 20px 20px;opacity:0;visibility:hidden;transform:translateY(-6px);
 transition:opacity .16s ease,transform .16s ease,visibility .16s}
body.n9-mo .n9-bang{opacity:1;visibility:visible;transform:translateY(0)}
/* ⛔ Nen/chu cua bang phai tu dat: 11 site khac nhau, thua ke thi co site ra chu trang tren
      nen trang. Site nao co che do toi thi khai lai 2 bien nay. */
:root[data-theme="dark"] .n9-bang,html.dark .n9-bang{--n9-nen:#1f2430;--n9-chu:#e8eaed}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .n9-bang{--n9-nen:#1f2430;--n9-chu:#e8eaed}}

.n9-bang__dau{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
 margin:0 0 12px}
.n9-bang__dau b{font-size:14px}
.n9-bang__dau span{font-size:12.5px;opacity:.68}
.n9-cot{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:860px){.n9-cot{grid-template-columns:1fr}}
.n9-nhan{margin:0 0 8px;font:700 11px/1.4 inherit;letter-spacing:.9px;text-transform:uppercase;
 opacity:.58}
.n9-o{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;margin:0 -10px;
 border-radius:12px;color:inherit;text-decoration:none}
.n9-o:hover{background:rgba(127,127,127,.10)}
/* O icon mang MAU RIENG cua tung sub (bien `--n9-mau` dat ngay tren the). Glyph trang de
   noi bat tren nen mau, va giu nguyen do tuong phan o ca che do sang lan toi. */
.n9-o__ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
 background:var(--n9-mau,rgba(127,127,127,.14));color:#fff;
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.n9-o__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;
 stroke-linecap:round;stroke-linejoin:round}
.n9-o__ten{display:block;font-weight:700;font-size:14px;line-height:1.25}
.n9-o__mo{display:block;font-size:12.5px;line-height:1.45;opacity:.72;margin-top:1px}
/* ⛔ Dong ten mien la thu CHONG HIEU NHAM — nguoi doc biet minh sap sang site anh em.
      Dung bo di cho gon. */
.n9-o__host{display:block;font-size:11.5px;line-height:1.4;opacity:.52;margin-top:2px;
 font-variant-numeric:tabular-nums}
.n9-o--chinh{background:rgba(127,127,127,.07);margin:0 0 16px;padding:12px 14px;
 border-radius:16px}
.n9-o--chinh:hover{background:rgba(127,127,127,.16)}
.n9-o--day{outline:2px solid rgba(127,127,127,.32);outline-offset:-2px}
.n9-o--day .n9-o__host::after{content:" · you are here";opacity:.8}

/* ───── MOBILE: khong dung nut rieng, chen MOT DONG vao menu san co ─────
   Chu site 12/10/2026: *"Tich hop vao Menu tren mobile luon thanh 1 dong giong 9minecraft
   Studios"*. Tren www dong do nam trong `ul#mm-list`, tren cac sub nam trong rail `.ylist`.
   ⛔ Duoi 992px AN han nut rieng: de ca hai la vua thua, vua day logo/o tim chat lai. */
@media(max-width:991px){.n9-nut{display:none}}
/* ⛔ Tren cac sub, `.ylist` VUA la menu mobile VUA la rail mega menu cua DESKTOP.
   Chen dong vao do ma khong chan theo be ngang thi desktop co CA nut noi lan dong
   trong rail — trung nhau. Chu site 12/10: *"o desktop chi de 1 menu phu nay thoi"*. */
@media(min-width:992px){.n9-hang{display:none!important}}
.n9-hang__mo{display:flex;align-items:center;gap:10px;cursor:pointer}
.n9-hang__cham{flex:none;width:17px;height:17px}
.n9-hang__mui{flex:none;width:15px;height:15px;margin-left:auto;opacity:.55;
 transition:transform .15s ease}
.n9-hang.mo .n9-hang__mui{transform:rotate(180deg)}
.n9-mob{display:none;padding:2px 0 8px}
.n9-hang.mo .n9-mob{display:block}
.n9-mob a{display:flex!important;align-items:center;gap:10px;padding:8px 10px;
 border-radius:10px;text-decoration:none;color:inherit;font-size:14px;line-height:1.3}
.n9-mob a:hover{background:rgba(127,127,127,.12)}
.n9-mob__ic{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
 background:var(--n9-mau,#5f6368);color:#fff}
.n9-mob__ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
 stroke-linecap:round;stroke-linejoin:round}
.n9-mob__host{margin-left:auto;font-size:11px;opacity:.5}

/* ───────────────────────── MEGA FOOTER ───────────────────────── */
/* Nen hoi dam hon than trang mot chut de chan trang tach ra — `rgba` trung tinh nen dung
   duoc tren ca 11 site, ca nen sang lan nen toi. */
.n9-ft{box-sizing:border-box;border-top:1px solid rgba(127,127,127,.2);margin-top:44px;
 padding:30px 0 26px;font-size:13.5px;line-height:1.6;background:rgba(127,127,127,.05)}
/* ⛔ `box-sizing` phai khai: site nao khong co luat `*{box-sizing:border-box}` thi 1180
      cong 32px dem thanh 1212 — rong hon cac site khac dung 32px. Do that tren tools. */
.n9-ft__in{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:0 16px}
.n9-ft__luoi{display:grid;gap:22px 18px;
 grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.n9-ft__cot h3{margin:0 0 4px;font-size:13.5px;font-weight:700}
.n9-ft__cot h3 a{color:inherit;text-decoration:none}
.n9-ft__cot h3 a:hover{text-decoration:underline}
.n9-ft__host{display:block;font-size:11px;opacity:.5;margin:0 0 8px}
.n9-ft__cot ul{list-style:none;margin:0;padding:0}
.n9-ft__cot li{margin:0 0 3px}
.n9-ft__cot li a{color:inherit;text-decoration:none;opacity:.78;font-size:13px}
.n9-ft__cot li a:hover{opacity:1;text-decoration:underline}
.n9-ft__vach{height:1px;background:rgba(127,127,127,.2);margin:26px 0 18px}
.n9-ft__duoi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
 gap:6px 18px;text-align:center}
.n9-ft__duoi a{color:inherit;text-decoration:none;font-weight:600;opacity:.82}
.n9-ft__duoi a:hover{opacity:1;text-decoration:underline}
.n9-ft__mt{margin:14px 0 0;font-size:11.5px;line-height:1.7;opacity:.72;text-align:center;
 max-width:80ch;margin-left:auto;margin-right:auto}
.n9-ft__mt b{opacity:.92}
.n9-ft__cpy{margin:10px 0 0;font-size:12.5px;text-align:center;opacity:.8}
@media(hover:none){.n9-ft__cot li a{display:inline-block;padding:4px 0}}
/* ⛔ Tren dien thoai 11 cot xep doc thanh ~2.200px chan trang — nguoi doc phai cuon mai moi
      het. `minmax(190px,1fr)` o khung 390px chi vua MOT cot. Ha nguong xuong de duoc HAI cot
      va nen khoang cach lai: 11 the thanh 6 hang, con khoang 900px. */
@media(max-width:640px){
 .n9-ft{padding:24px 0 22px}
 .n9-ft__luoi{gap:18px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .n9-ft__cot h3{font-size:13px}
 .n9-ft__cot li a{font-size:12.5px}
 .n9-ft__host{font-size:10.5px;margin-bottom:6px}
 .n9-ft__duoi{gap:4px 12px}
}
/* vi tri trong sprite — sinh boi _sprite.py, dung sua tay */
.n9-o__ic--anh,.n9-mob__ic--anh{background-color:#fff;background-repeat:no-repeat;background-image:url(https://tools.9minecraft.net/_g/mang-icons.png?v=850a30f7)}
.n9-o__ic--anh{background-size:374px 34px}
.n9-mob__ic--anh{background-size:286px 26px}
.n9-ic-www.n9-o__ic--anh{background-position:-0px 0}
.n9-ic-www.n9-mob__ic--anh{background-position:-0px 0}
.n9-ic-tools.n9-o__ic--anh{background-position:-34px 0}
.n9-ic-tools.n9-mob__ic--anh{background-position:-26px 0}
.n9-ic-wiki.n9-o__ic--anh{background-position:-68px 0}
.n9-ic-wiki.n9-mob__ic--anh{background-position:-52px 0}
.n9-ic-schematics.n9-o__ic--anh{background-position:-102px 0}
.n9-ic-schematics.n9-mob__ic--anh{background-position:-78px 0}
.n9-ic-litematica.n9-o__ic--anh{background-position:-136px 0}
.n9-ic-litematica.n9-mob__ic--anh{background-position:-104px 0}
.n9-ic-servers.n9-o__ic--anh{background-position:-170px 0}
.n9-ic-servers.n9-mob__ic--anh{background-position:-130px 0}
.n9-ic-bedrock-servers.n9-o__ic--anh{background-position:-204px 0}
.n9-ic-bedrock-servers.n9-mob__ic--anh{background-position:-156px 0}
.n9-ic-seeds.n9-o__ic--anh{background-position:-238px 0}
.n9-ic-seeds.n9-mob__ic--anh{background-position:-182px 0}
.n9-ic-skins.n9-o__ic--anh{background-position:-272px 0}
.n9-ic-skins.n9-mob__ic--anh{background-position:-208px 0}
.n9-ic-bedrock-skins.n9-o__ic--anh{background-position:-306px 0}
.n9-ic-bedrock-skins.n9-mob__ic--anh{background-position:-234px 0}
.n9-ic-capes.n9-o__ic--anh{background-position:-340px 0}
.n9-ic-capes.n9-mob__ic--anh{background-position:-260px 0}