/* The imported written pages, in this site's look. The live page's own layout rules load after this as css/doc_*.css,
   so anything here that must win uses .doc + the class twice or !important. */
.doc{--bg:#111;--bg2:#0B0B0B;--surface:#0B0B0B;--surface2:#1F1F1F;--line:#6E6E6E;--ink:#fff;--muted:#E6E6E6;--brand:#55FF55;--brand-hi:#8CFF8C;--brand-deep:#2E9E2E;--brand-tint:rgba(85,255,85,.12);--brand-ink:#0B0B0B;--gold:#FFAA00;--red:#FF6B6B;--sky:#55FFFF;--pump:#FF9A3D;--r:0;--r-lg:0;--shadow:none;--shadow-lg:none;--disp:'Jersey 25',monospace;--mono:'Jersey 15',monospace;
  font-synthesis:none;color:#fff}
.doc *{border-radius:0!important;letter-spacing:normal!important;backdrop-filter:none!important;text-transform:none!important}
.doc [id]{scroll-margin-top:calc(var(--barh,50px) + 56px)}
.doc section[id]{scroll-margin-top:calc(var(--barh,50px) + 10px)}
.doc h1,.doc h2,.doc h3,.doc h4,.doc h5{font-family:var(--big);font-weight:400;color:#fff}
.doc a:not(.mcb){color:#8CD9FF;text-decoration:underline}
.doc code{font:400 21px var(--label);color:var(--yellow);background:none;border:0;padding:0}
.doc p,.doc li,.doc td{line-height:1.45;font-size:17px}
.doc section.band{background-color:transparent}
.doc h2{font-size:44px!important;line-height:1.05}
.doc h3{font-size:31px!important;line-height:1.05}
.doc h4{font-size:27px!important;line-height:1.05}
.doc h5{font-size:23px!important;line-height:1.05}
.doc .d-upd h2{font-size:38px!important}
.doc .d-rsec{width:min(1320px,100%)!important;max-width:none!important}
.doc .d-rlead,.doc .d-rsec>p{max-width:880px}
.doc b,.doc strong{font-weight:700}
.doc .hd[data-i] img,.doc .hd[data-i] b{filter:none}
.doc .hd[data-i]:hover img,.doc .hd[data-i]:hover b{transform:translateY(-6%) scale(1.12)}
.doc .hd.ready:hover img{visibility:hidden}
.doc .hd.ready:hover b{visibility:visible;animation:hdturn 2.2s steps(24) infinite}
.doc i.hd[data-i]{display:inline-block;width:28px;height:28px;vertical-align:middle;flex:none}

/* tables */
.doc .d-tblwrap,.doc .d-qwrap{background:#0B0B0B!important;border:3px solid #000!important;box-shadow:0 0 0 2px #6E6E6E!important;overflow-x:auto}
.doc table{background:none!important;border-collapse:collapse}
.doc th{font:400 23px/1.1 var(--label)!important;color:var(--yellow)!important;background:#000!important;border-bottom:3px solid #6E6E6E!important}
.doc td{border-bottom:2px solid #2C2C2C!important;color:#fff}
.doc td,.doc th{overflow-wrap:normal!important;word-break:normal!important}
.doc .d-num,.doc .d-cost{white-space:nowrap}
@media (max-width:640px){.doc .d-tblwrap table{min-width:540px}.doc h2{font-size:36px!important}.doc .d-upd h2{font-size:31px!important}}
.doc tr:hover td{background:rgba(255,255,255,.06)!important}

/* panels */
.doc .d-cclass,.doc .d-perk,.doc .d-cos,.doc .d-card,.doc .d-pillar,.doc .d-upd,.doc .d-ucard,.doc .d-klass,.doc .d-pack,.doc .d-rule,.doc .d-col,.doc .d-event-band,.doc .d-pres,.doc .d-tier,.doc .d-step{background:#0B0B0B!important;background-image:none!important;border:3px solid #000!important;box-shadow:0 0 0 2px #6E6E6E!important}
.doc .d-note,.doc .d-call,.doc .d-warn,.doc .d-nb,.doc .d-punish{background:rgba(0,0,0,.72)!important;background-image:none!important;border:3px solid #000!important;border-left:6px solid var(--yellow)!important;box-shadow:none!important;color:#fff!important}

/* wiki */
.doc .d-subnav{position:sticky;top:var(--barh,50px)!important;z-index:20;background:#000!important;border-bottom:3px solid #6E6E6E!important;backdrop-filter:none}
.doc .d-subnav a{font:400 21px/1 var(--label)!important;color:#fff!important;text-decoration:none!important;white-space:nowrap}
.doc .d-subnav a:hover,.doc .d-subnav a.d-on{color:var(--yellow)!important}
.doc .d-wfilter{width:min(1320px,100%);margin:0 auto;padding:18px 24px 0}
.doc .d-wfilter input{width:min(620px,100%);font:400 24px/1 var(--label)!important;color:#fff!important;background:#111!important;border:0!important;box-shadow:inset 3px 3px 0 #000,inset -3px -3px 0 #6E6E6E!important;padding:10px 12px!important}
.doc .d-wfilter input::placeholder{color:#BFBFBF}
.doc .d-fhint{color:#fff;font-size:15px;margin-top:6px}
.doc .d-fhide{display:none!important}

/* roadmap */
.doc-roadmap .d-bar{position:sticky;top:var(--barh,50px)!important;z-index:20;background:#000!important;border-bottom:3px solid #6E6E6E!important;backdrop-filter:none}
.doc-roadmap .d-bar .d-lbl,.doc-roadmap .d-bar .d-count{font:400 21px/1 var(--label);color:#fff!important}
.doc .d-chip{font:400 21px/1 var(--label)!important;color:#fff!important;background:#3F3F3F!important;border:2px solid #000!important;box-shadow:inset 2px 2px 0 #6E6E6E,inset -2px -2px 0 #222!important;cursor:pointer}
.doc .d-chip:hover{background:#8390C4!important}
.doc .d-chip[aria-pressed="true"]{background:#2E9E2E!important;box-shadow:inset 2px 2px 0 #8CFF8C,inset -2px -2px 0 #145214!important}
.doc .d-card[hidden],.doc .d-event-band[hidden]{display:none!important}
.doc .d-tag,.doc .d-pill{font:400 19px/1 var(--label)!important;background:#2C2C2C!important;border:0!important;color:#fff!important}
.doc .d-pill.d-live{background:#2E9E2E!important}

/* updates */
.doc .d-timeline{max-width:1000px;margin-left:0}
.doc .d-upd.d-older{display:none}
.doc .d-timeline.d-showall .d-upd.d-older{display:block}
.doc .d-more{display:block;margin:18px 0 0 34px;cursor:pointer}
.doc .d-grp{font:400 25px/1.1 var(--label)!important;color:var(--yellow)!important}
.doc .d-date{font:400 23px/1 var(--label)!important;color:#55FF55!important}

/* Halloween */
.doc .d-toc{background:#0B0B0B!important;border:3px solid #000!important;box-shadow:0 0 0 2px #6E6E6E!important;top:calc(var(--barh,50px) + 14px)!important}
.doc .d-toc a{font:400 21px/1.1 var(--label)!important;color:#fff!important;text-decoration:none!important}
.doc .d-toc a:hover,.doc .d-toc a.d-on{color:var(--yellow)!important;background:rgba(255,255,255,.1)!important}
.doc .d-tt{font:400 25px/1 var(--label)!important;color:var(--yellow)!important}
.doc .d-facts{width:min(1320px,100%);margin:0 auto;padding:18px 24px 0;display:flex!important;flex-wrap:wrap;gap:10px}
.doc .d-facts>div{background:#0B0B0B;border:3px solid #000;box-shadow:0 0 0 2px #FF9A3D;padding:8px 14px 9px;min-width:120px}
.doc .d-facts b{display:block;font:400 34px/1 var(--big);color:#FF9A3D}
.doc .d-facts span{font:400 20px/1.1 var(--label);color:#fff}
.doc .d-soon{width:min(1320px,100%);margin:0 auto;padding:18px 24px 0;font:400 26px/1 var(--label);color:#FF9A3D!important;background:none!important;border:0!important;box-shadow:none!important;display:block!important}
.doc-halloween>.wrap{padding-top:22px;padding-bottom:40px}
.doc-halloween{background-color:#111;background-image:linear-gradient(rgba(0,0,0,.74),rgba(0,0,0,.74)),url(../mc/block/polished_deepslate.png);background-size:48px 48px;padding-bottom:30px}
.doc-halloween p,.doc-halloween li,.doc-halloween td{color:#fff!important}
.doc-halloween .d-who{color:#FF9A3D}

/* 404 */
.nfwrap{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.doc #nades td:first-child,.doc #streaks td:first-child{white-space:nowrap}

/* quality pass */
.doc *::before,.doc *::after{border-radius:0!important;animation:none!important}
.doc .d-cclass,.doc .d-perk,.doc .d-cos,.doc .d-card,.doc .d-pillar,.doc .d-upd,.doc .d-ucard,.doc .d-klass,.doc .d-pack,.doc .d-rule,.doc .d-col,.doc .d-event-band,.doc .d-pres,.doc .d-tier,.doc .d-step,.doc .d-tblwrap,.doc .d-qwrap,.doc .d-toc{background:#100010!important;border:2px solid!important;border-image:linear-gradient(#5000FF,#28007F) 1!important;box-shadow:0 0 0 3px #100010!important}
.doc .d-note,.doc .d-call,.doc .d-warn,.doc .d-nb,.doc .d-punish{background:rgba(16,0,16,.8)!important;border:0!important;box-shadow:none!important;padding:10px 14px}
/* gone: side bars, the updates rail and dots, the 01/02/03 numbers, pills, the tick and dot decorations */
.doc .d-card::before,.doc .d-card::after,.doc .d-timeline::before,.doc .d-timeline::after,.doc .d-upd::before,.doc .d-upd::after,.doc .d-pn,.doc .d-who::before,.doc .d-soon::before,.doc .d-wfilter::before,.doc-wiki .d-lower3 .d-bar,.doc .d-ph-num{display:none!important}
.doc .d-card{border-left-width:2px!important;padding-left:16px}
.doc .d-upd{margin-left:0!important}
.doc .d-timeline{padding-left:0!important;border:0!important}
.doc .d-more{margin-left:0}
.doc .d-tag,.doc .d-pill,.doc .d-chip.d-plain{background:none!important;padding:0!important;color:#FFFF55!important;box-shadow:none!important}
.doc .d-pill.d-live{background:none!important;color:#55FF55!important}
.doc .d-wfilter input{padding-left:12px!important}
/* wiki perk cards fit a phone */
.doc .d-pgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))!important}
.doc .d-perk,.doc .d-perk *{min-width:0}
/* Halloween numbers read as a plain line instead of tiles */
.doc .d-facts{gap:6px 22px}
.doc .d-facts>div{background:none;border:0;box-shadow:none;padding:0;min-width:0;display:flex;align-items:baseline;gap:6px}
.doc .d-facts b{display:inline;font-size:30px}
/* roadmap: advancement cards, gold for done, blue for planned */
.doc-roadmap .d-card h3{margin:-1px -1px 8px;padding:6px 10px 7px;background:#14407A;color:#fff}
.doc-roadmap #live .d-card h3{background:#9A7400}
.doc-roadmap .d-card{padding:12px 14px 14px!important}


/* every written page sits on the same stone, including its search and filter rows */
.doc{background-color:#111;background-image:linear-gradient(rgba(0,0,0,.74),rgba(0,0,0,.74)),url(../mc/block/polished_deepslate.png);background-size:48px 48px}
.doc .d-ph-head{display:block!important;margin-bottom:14px}
.doc .d-ph-top{margin-bottom:4px}
.doc-roadmap .d-card h3{font-size:25px!important}
.doc-roadmap .d-card .d-tags{margin-bottom:6px}
.doc .d-timeline{max-width:1040px!important;margin:0!important}
.doc .d-wfilter{width:min(1320px,100%)!important;max-width:none!important;margin:0 auto!important;padding:18px 24px 14px!important;text-align:left}
.doc .d-fhint{text-align:left}