@font-face{font-family:"MinecraftTTF";src:url("https://lukejw12.github.io/minecraft.ttf") format("truetype");font-display:swap}

:root{
  --bg:#26282d;--bg-lo:#1b1c20;--bg-ink:#131417;--line:#3d4048;
  --chalk:#ece6d6;--sage:#b6b0a3;--dim:#8d887e;
  --gold:#f6c447;--gold-2:#ba9033;--gold-3:#7b5a1e;--maroon:#4a1a10;--shadow:#0a0a0c;
  --fs:24px;--fs-s:18px;--fs-h1:48px;--fs-h2:36px;
  --top:64px;--side:272px;--u:9px;
  --gild:linear-gradient(90deg,#3a2208,#7b5a1e 18%,#ba9033 34%,#f6c447 50%,#ba9033 66%,#7b5a1e 82%,#3a2208);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--top) + 20px);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:"MinecraftTTF",ui-monospace,monospace;font-size:var(--fs);line-height:1.5;color:var(--chalk);
  background:radial-gradient(130% 80% at 50% -10%,rgba(255,255,255,.07),rgba(255,255,255,0) 60%) fixed,
    radial-gradient(150% 120% at 50% 40%,rgba(0,0,0,0) 55%,rgba(0,0,0,.3)) fixed,url(deepslate.png) var(--bg);
  text-shadow:2px 2px 0 var(--shadow);font-synthesis:none}
::selection{background:var(--gold);color:var(--maroon);text-shadow:none}
img{image-rendering:pixelated}
a{color:var(--gold);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:rgba(246,196,71,.4)}
a:hover{color:#ffe08a;text-decoration-color:currentColor}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-weight:normal;color:var(--gold);line-height:1.2;text-wrap:balance}
h1{font-size:var(--fs-h1);margin:0 0 16px;text-shadow:4px 4px 0 var(--maroon)}
h2{font-size:var(--fs-h2);margin:64px 0 16px;text-shadow:3px 3px 0 var(--maroon)}
h3{font-size:var(--fs);margin:36px 0 10px;text-shadow:2px 2px 0 var(--maroon)}
p{margin:0 0 18px;max-width:34em}
strong,b{font-weight:normal;color:#fff}
main ul:not([class]),main ol{margin:0 0 20px;padding-left:30px;max-width:34em}
main ul:not([class]){list-style:none}
main ul:not([class])>li{position:relative;margin:0 0 8px}
main ul:not([class])>li::before{content:"";position:absolute;left:-24px;top:.5em;width:8px;height:8px;background:var(--gold);box-shadow:2px 2px 0 var(--maroon)}
main ol>li{margin:0 0 8px;padding-left:6px}
main ol>li::marker{color:var(--gold)}
kbd{font:inherit;font-size:var(--fs-s);display:inline-block;min-width:1.7em;text-align:center;padding:0 6px;line-height:1.45;color:#18241a;background:var(--chalk);text-shadow:none;border:2px solid #000;box-shadow:0 3px 0 #000;margin:0 2px;position:relative;top:-2px}
code{font:inherit;font-size:var(--fs-s);color:#ffe7a6;background:rgba(0,0,0,.28);padding:1px 6px;overflow-wrap:anywhere}
pre{font-size:var(--fs-s);line-height:1.45;background:rgba(0,0,0,.34);border-left:4px solid var(--gold-2);padding:14px 18px;margin:0 0 22px;overflow-x:auto;max-width:100%;white-space:pre}
pre code{background:none;padding:0;color:#e8f1e3;overflow-wrap:normal}
.note{border-left:4px solid var(--gold);background:rgba(0,0,0,.2);padding:12px 16px;font-size:var(--fs-s);max-width:36em}
.dim{color:var(--dim)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:60;background:var(--gold);color:var(--maroon);padding:6px 12px;text-shadow:none}
.skip:focus{left:8px}
[hidden]{display:none!important}

/* header */
.top{position:sticky;top:0;z-index:40;height:var(--top);display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--bg-lo)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--gild)}
.brand{display:flex;align-items:center;gap:12px;color:var(--gold);text-decoration:none;text-shadow:2px 2px 0 var(--maroon);white-space:nowrap}
.brand img{width:36px;height:36px;image-rendering:auto}
.brand:hover{color:#ffe08a}
.menu{display:none;align-items:center;justify-content:center;width:44px;height:40px;padding:0;background:rgba(0,0,0,.25);border:2px solid var(--line);color:var(--chalk);cursor:pointer;flex:none}
.menu svg{width:27px;height:21px;fill:currentColor;shape-rendering:crispEdges}
.search{position:relative;margin-left:auto;width:min(380px,42vw)}
.search input{width:100%;font:inherit;font-size:var(--fs-s);color:var(--chalk);background:rgba(0,0,0,.3);border:2px solid var(--line);border-radius:0;padding:6px 12px 4px;-webkit-appearance:none;appearance:none;text-shadow:none}
.search input:focus{outline:none;border-color:var(--gold)}
.search input::placeholder,.fq::placeholder{color:var(--dim);opacity:1}
.results{position:absolute;right:0;top:calc(100% + 10px);width:min(460px,92vw);max-height:70vh;overflow:auto;background:var(--bg-lo);border:3px solid #000;box-shadow:6px 6px 0 rgba(0,0,0,.35);padding:6px 0;z-index:50}
.results a{display:flex;align-items:center;gap:12px;padding:6px 14px;color:var(--chalk);text-decoration:none;font-size:var(--fs-s)}
.results a.sel,.results a:hover{background:rgba(246,196,71,.15);color:#fff}
.results img{width:24px;height:24px;flex:none}
.results img.h{image-rendering:auto}
.results .pg{width:24px;height:24px;flex:none;background:url(../tex/minecraft/item/book.png) center/24px no-repeat;image-rendering:pixelated}
.results small{margin-left:auto;padding-left:12px;color:var(--dim);font-size:var(--fs-s);white-space:nowrap}
.results .none{margin:0;padding:8px 14px;color:var(--dim);font-size:var(--fs-s)}

/* layout */
.wrap{display:grid;grid-template-columns:var(--side) minmax(0,1fr);align-items:start}
.side{position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow-y:auto;padding:24px 12px 48px 16px;background:rgba(0,0,0,.2);font-size:var(--fs-s);line-height:1.35;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.side .g{color:var(--dim);margin:22px 0 6px 14px;max-width:none}
.side .g:first-child{margin-top:4px}
.side ul{list-style:none;margin:0;padding:0}
.side a{display:block;padding:5px 10px;color:var(--chalk);text-decoration:none;border-left:4px solid transparent}
.side a:hover{color:#fff;background:rgba(255,255,255,.05)}
.side li.on>a{color:var(--gold);border-left-color:var(--gold);background:rgba(0,0,0,.2);text-shadow:2px 2px 0 var(--maroon)}
.side .sub{margin:2px 0 10px 18px;border-left:2px solid rgba(255,255,255,.08)}
.side .sub a{color:var(--sage);padding:3px 10px;border-left:0}
.side .sub a:hover{color:#fff}
main{min-width:0;padding:40px clamp(20px,4vw,64px) 96px;max-width:1280px}
.scrim{display:none}

/* footer */
.foot{position:relative;background:var(--bg-ink);padding:36px clamp(20px,4vw,64px) 40px;font-size:var(--fs-s);color:var(--sage)}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gild)}
.foot p{max-width:none;margin:8px 0}
.fin{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 16px}
.soc{display:inline-flex;align-items:center;gap:10px;color:var(--chalk);text-decoration:none}
.soc img{width:28px;height:28px;image-rendering:auto}
.soc:hover{color:#ffe08a}

/* cards: a 14 by 16 frame, one --u per texture pixel, like the in-game template */
.c{position:relative;display:block;flex:none;width:calc(var(--u)*14);height:calc(var(--u)*16);color:#000;text-decoration:none;text-shadow:none;filter:drop-shadow(calc(var(--u)*.5) calc(var(--u)*.6) 0 rgba(0,0,0,.3))}
a.c{transition:transform .12s ease-out}
a.c:hover{transform:translateY(calc(var(--u)*-.6))}
a.c:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.cf{position:absolute;inset:0;background:var(--bd,#fff);box-shadow:inset 0 0 0 var(--u) #000;
  clip-path:polygon(var(--u) 0,calc(100% - var(--u)) 0,calc(100% - var(--u)) var(--u),100% var(--u),100% calc(100% - var(--u)),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u)) 100%,var(--u) 100%,var(--u) calc(100% - var(--u)),0 calc(100% - var(--u)),0 var(--u),var(--u) var(--u))}
.ct{position:absolute;left:var(--u);right:var(--u);top:var(--u);height:calc(var(--u)*3);box-sizing:content-box;border-bottom:var(--u) solid #000;background:var(--hd,#b6b6b6);display:flex;align-items:center;justify-content:center;padding:0 calc(var(--u)*.25);overflow:hidden;font-weight:normal;font-size:max(9px,calc(var(--u)*2.8*var(--ts,1)));line-height:.92;text-align:center;color:#000}
.ca{position:absolute;left:calc(var(--u)*3);top:calc(var(--u)*5);width:calc(var(--u)*8);height:calc(var(--u)*8);image-rendering:pixelated}
.ca.b{left:calc(var(--u)*3.5);top:calc(var(--u)*6);width:calc(var(--u)*7);height:calc(var(--u)*7)}
.ca.h,.ico.h{image-rendering:auto}
.cs,.ch{position:absolute;bottom:calc(var(--u)*1.2);display:flex;align-items:center;gap:calc(var(--u)*.25);font-size:max(9px,calc(var(--u)*1.5));line-height:1;color:#1d1d1d}
.cs{left:calc(var(--u)*1.7)}
.ch{right:calc(var(--u)*1.7)}
.cs::before,.ch::before{content:"";width:calc(var(--u)*1.3);height:calc(var(--u)*1.3);background:url(../tex/minecraft/item/emerald.png) center/contain no-repeat;image-rendering:pixelated}
.ch::before{background-image:url(../tex/minecraft/gui/sprites/hud/heart/full.png)}
.cgrid{--u:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u)*14),1fr));gap:24px 16px;justify-items:center;margin:12px 0 8px}
.stk{position:relative;flex:none;width:calc(var(--u)*14);height:calc(var(--u)*(12 + 4*var(--n)))}
.stk>.c{position:absolute;left:0;top:calc(var(--u)*4*var(--i))}

/* recipes */
.rgrid{--u:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;margin:12px 0 8px}
.rcp{background:rgba(0,0,0,.17);padding:16px 16px 14px;scroll-margin-top:calc(var(--top) + 20px)}
.rcp:target{outline:3px solid var(--gold);background:rgba(246,196,71,.12)}
.rk{display:flex;align-items:flex-start;gap:14px}
.ra{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:calc(var(--u)*5);color:var(--sage);font-size:var(--fs-s);line-height:1}
.arw{width:42px;height:32px;fill:var(--chalk);filter:drop-shadow(2px 2px 0 var(--shadow));shape-rendering:crispEdges}
.rout{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;min-width:0;flex:1}
.ro{position:relative}
.ro .x{position:absolute;right:-8px;bottom:-8px;font-size:var(--fs-s);line-height:1.3;color:#fff;background:#000;padding:1px 6px;text-shadow:none}
.rp p{margin:0 0 6px;color:var(--sage);font-size:var(--fs-s)}
.ru,.rl{margin:12px 0 0;font-size:var(--fs-s);line-height:1.4;max-width:none}
.rl{margin-top:4px;color:var(--sage)}

/* inline icons and lists */
.ico{width:calc(1em*4/3);height:calc(1em*4/3);vertical-align:-.3em;margin-right:.3em;image-rendering:pixelated}
.eff{width:36px;height:36px;vertical-align:middle;margin-right:10px}
.cl{white-space:nowrap}
.pl{list-style:none;margin:0 0 16px;padding:0;font-size:var(--fs-s);line-height:1.35;max-width:34em}
.pl li{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;margin:0 0 6px;break-inside:avoid}
.pl .pc{margin-left:auto;padding-left:14px;color:var(--sage)}
.pl .more{color:var(--dim)}
.pl.cols{columns:2 230px;column-gap:36px;max-width:44em}
.rp .pl{max-width:none;margin:0}
.rp .pl li{flex-wrap:nowrap}
.rp .pl .cl{white-space:normal;min-width:0}
.pl .pc{flex:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.many{font-size:var(--fs-s);line-height:1.8;max-width:44em}

/* card pages */
.crumbs{font-size:var(--fs-s);color:var(--dim);margin:0 0 20px}
.chead{display:flex;gap:44px;align-items:flex-start;margin:0 0 8px}
.chead .big{--u:18px;flex:none;padding:4px 0 12px}
.cinfo{min-width:0;padding-top:4px}
.kn{display:flex;align-items:center;gap:10px;color:var(--sage);margin:0 0 14px}
.sw{display:inline-block;flex:none;width:18px;height:18px;border:2px solid #000;background:linear-gradient(var(--hd) 45%,#000 45% 58%,var(--bd) 58%)}
.stats{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 28px;margin:22px 0 0;font-size:var(--fs-s);max-width:40em}
.stats dt{color:var(--sage)}
.stats dd{margin:0}
.pager{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:64px 0 0;padding-top:20px;border-top:2px solid rgba(0,0,0,.25);font-size:var(--fs-s)}

/* tables */
.tw{overflow-x:auto;margin:0 0 28px;max-width:100%}
.tbl{border-collapse:collapse;font-size:var(--fs-s);line-height:1.4}
.tbl th{color:var(--gold);text-align:left;font-weight:normal;padding:8px 24px 8px 0;border-bottom:3px solid var(--gold-3);text-shadow:2px 2px 0 var(--maroon);white-space:nowrap;vertical-align:bottom}
.tbl td{padding:9px 24px 9px 0;border-bottom:2px solid rgba(0,0,0,.24);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{white-space:nowrap}
.tbl.wide{min-width:100%}
.tbl.sq td{min-width:11em}
.tbl.sq td:first-child{min-width:0;color:var(--gold)}
.qg{display:block}
.qr{display:block;color:var(--sage);margin-top:2px}
.qr::before{content:"Reward: "}

/* home */
.hero{text-align:center;padding:8px 0 0}
.hero .logo{display:block;width:min(620px,100%);height:auto;margin:0 auto;image-rendering:auto;filter:drop-shadow(0 8px 0 rgba(0,0,0,.28))}
.tag{margin:22px auto 6px;max-width:26em}
.ver{margin:0 auto 26px;color:var(--sage);font-size:var(--fs-s)}
.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.btn{display:inline-block;font-size:var(--fs);line-height:1.2;color:var(--maroon);background:var(--gold);text-shadow:none;text-decoration:none;padding:12px 22px 10px;border:3px solid #000;box-shadow:5px 5px 0 rgba(0,0,0,.35);transition:transform .1s ease-out,box-shadow .1s ease-out}
.btn:hover{color:var(--maroon);background:#ffd25c;transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(0,0,0,.35)}
.btn.alt{background:var(--chalk);color:#1b3320}
.btn.alt:hover{background:#fff;color:#1b3320}
.cap{margin:0 auto;color:var(--sage);font-size:var(--fs-s);max-width:none}
.divider{display:block;width:100%;height:auto;margin:36px 0 0;image-rendering:auto}
.demo{--u:9px;position:relative;width:calc(var(--u)*44);height:calc(var(--u)*27);margin:36px auto 10px;cursor:pointer;text-align:left}
.demo .c{position:absolute}
.demo .tree{left:calc(var(--u)*5);top:calc(var(--u)*5)}
.demo .vill{left:calc(var(--u)*5);top:calc(var(--u)*9)}
.demo .log{left:calc(var(--u)*26);top:calc(var(--u)*7)}
.demo .bar{position:absolute;left:calc(var(--u)*5);top:calc(var(--u)*1.4);width:calc(var(--u)*14);height:calc(var(--u)*1.8);padding:calc(var(--u)*.35);background:#000;opacity:0}
.demo .bar i{display:block;height:100%;background:var(--chalk);transform-origin:0 50%}
.demo.play .vill{animation:pnp-drop .65s cubic-bezier(.25,.9,.35,1.15) .35s both}
.demo.play .bar{animation:pnp-bar 2.1s linear 1.05s both}
.demo.play .bar i{animation:pnp-fill 1.8s steps(12,end) 1.15s both}
.demo.play .log{animation:pnp-pop .55s cubic-bezier(.25,.9,.35,1.25) 3.05s both}
@keyframes pnp-drop{from{transform:translate(calc(var(--u)*18),calc(var(--u)*-7)) rotate(9deg)}to{transform:none}}
@keyframes pnp-bar{0%{opacity:0}5%,94%{opacity:1}100%{opacity:0}}
@keyframes pnp-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pnp-pop{from{transform:translate(calc(var(--u)*-21),calc(var(--u)*2)) scale(.35);opacity:0}55%{opacity:1}to{transform:none;opacity:1}}
.run{--u:8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px;margin:20px 0 0}
.run figure{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.run figcaption{margin-top:16px;font-size:var(--fs-s);line-height:1.35;max-width:12em}
.toc{list-style:none;margin:0;padding:0;max-width:32em}
.toc a{display:flex;align-items:center;gap:12px;padding:6px 0;color:var(--chalk);text-decoration:none}
.toc a .ico{margin:0}
.toc a span{color:var(--gold);text-shadow:2px 2px 0 var(--maroon)}
.toc i{flex:1;align-self:flex-end;margin-bottom:12px;border-bottom:3px dotted var(--dim)}
.toc b{color:var(--sage)}
.toc a:hover span{color:#ffe08a}
.rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 44px;max-width:60em}
.rules p{margin:2px 0 0;color:var(--sage);font-size:var(--fs-s)}
.join{display:flex;flex-wrap:wrap;gap:16px 32px;margin:8px 0 0}
.soc.big img{width:35px;height:35px}

/* filters */
.filt{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:28px 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:inherit;font-size:var(--fs-s);color:var(--chalk);background:rgba(0,0,0,.24);border:2px solid transparent;padding:5px 12px 3px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-shadow:inherit}
.chips button:hover{border-color:var(--line)}
.chips button[aria-pressed="true"]{background:var(--chalk);color:#162a19;border-color:#000;text-shadow:none}
.fq{flex:0 1 260px;min-width:0;font:inherit;font-size:var(--fs-s);color:var(--chalk);background:rgba(0,0,0,.3);border:2px solid var(--line);border-radius:0;padding:6px 12px 4px;-webkit-appearance:none;appearance:none;text-shadow:none}
.fq:focus{outline:none;border-color:var(--gold)}
h2 .n{font-size:var(--fs-s);color:var(--sage);text-shadow:none;margin-left:8px}
.empty{color:var(--sage)}

/* page bits */
.slots,.badges,.modes{list-style:none;padding:0;margin:4px 0 24px}
.slots,.badges{display:flex;flex-wrap:wrap;gap:16px 32px}
.slots li,.badges li{display:flex;align-items:center;gap:12px;font-size:var(--fs-s)}
.badges li{flex-direction:column;gap:6px}
.icn{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}
.modes{display:grid;gap:18px;max-width:40em}
.modes li{display:flex;gap:18px;align-items:center}
.mode{width:64px;height:64px;flex:none;image-rendering:pixelated}
.modes b{color:var(--gold);text-shadow:2px 2px 0 var(--maroon)}
.modes p{margin:2px 0 0;font-size:var(--fs-s);color:var(--sage)}
.bosses{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:28px 32px;margin:16px 0 8px}
.boss{--u:8px;display:flex;gap:22px;align-items:flex-start}
.boss h3{margin:4px 0 8px}
.boss p{font-size:var(--fs-s);margin:0 0 8px}
.pack{--u:9px;display:flex;gap:28px;align-items:flex-start;margin:8px 0 12px}
.pack p{font-size:var(--fs-s)}
.ilist{display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:18px;margin:16px 0 8px}
.irow{--u:7px;display:flex;gap:22px;align-items:flex-start;background:rgba(0,0,0,.16);padding:16px 18px;scroll-margin-top:calc(var(--top) + 20px)}
.irow h3{margin:0 0 8px}
.irow .k{margin:10px 0 4px;color:var(--sage);font-size:var(--fs-s)}
.irow .pl{margin:0}

@media (prefers-reduced-motion:reduce){
  .demo.play .vill,.demo.play .bar,.demo.play .bar i,.demo.play .log{animation:none}
  a.c,.btn,.side{transition:none}
}
@media (max-width:1100px){.run{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){
  .wrap{grid-template-columns:minmax(0,1fr)}
  .menu{display:inline-flex}
  .side{position:fixed;left:0;top:var(--top);bottom:0;height:auto;width:min(320px,86vw);z-index:35;background:var(--bg-lo);transform:translateX(-105%);transition:transform .2s ease-out;box-shadow:6px 0 0 rgba(0,0,0,.3)}
  .nav-open .side{transform:none}
  .nav-open .scrim{display:block;position:fixed;inset:var(--top) 0 0 0;background:rgba(0,0,0,.45);z-index:30}
  .ilist,.bosses{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  :root{--fs:20px;--fs-s:16px;--fs-h1:36px;--fs-h2:28px;--top:56px}
  main{padding:28px 16px 72px}
  .top{gap:10px;padding:0 12px}
  .search{width:auto;flex:1}
  .rules{grid-template-columns:minmax(0,1fr)}
  .run{--u:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgrid{--u:7px;gap:18px 8px}
  .chead{flex-direction:column;gap:12px}
  .chead .big{--u:13px}
  .demo{--u:7px}
  .rgrid{grid-template-columns:minmax(0,1fr)}
  .boss,.pack,.irow{flex-direction:column}
  h2{margin-top:48px}
}
@media (max-width:520px){.brand span{display:none}}
.k-animal{--hd:#cc8cb6;--bd:#f8deee}
.k-armor{--hd:#6880a8;--bd:#dee8f4}
.k-baby{--hd:#d489a8;--bd:#e7dcfa}
.k-base{--hd:#b6b6b6;--bd:#ffffff}
.k-book{--hd:#b69268;--bd:#f0e2cc}
.k-enemy{--hd:#d66868;--bd:#ffcece}
.k-food{--hd:#dea05c;--bd:#ffe4c4}
.k-gate{--hd:#d16ad4;--bd:#e7dcfa}
.k-idea{--hd:#b260ee;--bd:#f5e4ff}
.k-node{--hd:#86be6e;--bd:#d6f0c4}
.k-pack{--hd:#d6ae38;--bd:#fff2b4}
.k-portal{--hd:#6ad4d4;--bd:#e7dcfa}
.k-quest{--hd:#d4a874;--bd:#e7dcfa}
.k-res{--hd:#b6b6b6;--bd:#ffffff}
.k-sell{--hd:#54a054;--bd:#d0f0d0}
.k-shop{--hd:#c4961e;--bd:#ffec96}
.k-struct{--hd:#a08ad4;--bd:#e8dcfa}
.k-tool{--hd:#8a96a4;--bd:#e0e4ea}
.k-trinket{--hd:#d67656;--bd:#ffe9d8}
.k-trophy{--hd:#249ea8;--bd:#cef6f6}
.k-unit{--hd:#78a0d6;--bd:#cee2ff}
.k-unknown{--hd:#afafaf;--bd:#eaeaea}
.k-weapon{--hd:#8a96a4;--bd:#e0e4ea}