.codex{max-width:1240px;margin:0 auto;padding:20px clamp(16px,3vw,36px) 80px;display:grid;gap:24px}.codex>*{min-width:0}.codex-head{display:grid;gap:10px;justify-items:start}.codex-head h1{font-size:clamp(40px,5vw,72px);text-transform:uppercase;text-shadow:0 4px 0 #0a0c26}.codex-head .lede{color:var(--muted);max-width:60ch}.codex-foot{text-align:center;color:var(--muted)}.book{position:relative;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.ribbons{display:flex;flex-wrap:wrap;gap:4px;padding:0 22px;position:relative;z-index:2;margin-bottom:-12px}.ribbon{border-style:solid;border-width:15px 6px 0 6px;border-image:url(/art/ui/interactive/tabs/tab-1-down.png) 5 2 0 2 fill / 15px 6px 0 6px;background:none;padding:0 10px 8px;min-height:44px;font:700 15px/1 var(--display);color:#5a4630;cursor:var(--cur-hand);image-rendering:pixelated}.ribbon:hover{color:#2e2418}.ribbon.on{border-image-source:url(/art/ui/interactive/tabs/tab-1-up.png);color:#6b2e1c;transform:translateY(-4px)}.pages{position:relative;z-index:1;color:#2e2418;min-height:520px;transform-origin:50% 0;border-style:solid;border-width:24px;border-image:url(/art/ui/skin/frame-4-beige.png) 8 fill / 24px;padding:clamp(14px,2vw,28px)}.pane{display:grid;gap:18px}.pane>h2{font-size:clamp(30px,3.2vw,46px);color:#221a3c}.pane .lead{font-size:18px;color:#3f3326;max-width:72ch}.pane h3{font-size:20px;color:#221a3c}.pane h4{font:700 17px/1.2 var(--display);color:#221a3c;margin:0 0 6px}.pane h4.sub{margin-top:10px;font-size:20px}.pane p{color:#3f3326}.small{font-size:13px;color:#6b5636!important}.k-card{border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-5-beige.png) 6 fill / 12px;padding:4px;display:grid;gap:6px;align-content:start;position:relative;background:none;color:inherit;font:inherit;text-align:left}.k-note{border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 12px;padding:4px 6px}.k-note p{font-size:15px}.k-table{border-style:solid;border-width:12px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 12px;padding:4px 6px;display:grid;gap:8px}.k-table .scroll{overflow-x:auto}.k-table table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.k-table th{text-align:left;font:600 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6b5636;padding:6px 8px;border-bottom:2px solid #9d8a62}.k-table td{padding:6px 8px;border-bottom:1px solid rgba(157,138,98,.45);white-space:nowrap;color:#2e2418}.k-table td.wrap{white-space:normal}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}@media (max-width: 820px){.cols{grid-template-columns:1fr}}.warn{font-size:14px;color:#6b2e1c!important}.fig{position:relative;height:96px;border-style:solid;border-width:9px;border-image:url(/art/ui/inventory/inventory-slot-active-brown.png) 3 fill / 9px;overflow:hidden}.fig.big{height:150px}.fig .sprite{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px}.sprite.mini,.sprite.bossfig{position:relative;display:inline-block}.num{position:absolute;top:4px;right:6px;font:700 20px/1 var(--display);color:#9d8a62}.loop4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 900px){.loop4{grid-template-columns:repeat(2,minmax(0,1fr))}}.loop4 p{font-size:15px}.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pick{cursor:var(--cur-hand)}.pick img{height:90px;width:auto;justify-self:center;object-fit:contain}.pick span{font-size:13px;color:#4a3c2c}.pick.on{border-image-source:url(/art/ui/skin/frame-5-brown.png);color:#fbf1dc}.pick.on span,.pick.on b{color:#fbf1dc}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters .btn{min-height:40px}.cls-note{font-style:italic;min-height:1.2em}.units{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.unit{grid-template-columns:96px minmax(0,1fr);gap:10px}.unit h3,.hero h3{overflow-wrap:anywhere}.unit .fig{height:110px}.unit-copy{display:grid;gap:3px;align-content:start}.tag{font:600 11px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#6b5636}.r-rare{color:#2f5f9a}.r-epic{color:#6b3ea0}.r-legendary{color:#b06a10}.stat{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#4a3c2c}.pips{display:inline-flex;gap:1px}.pips img{width:12px;height:12px;image-rendering:pixelated;filter:grayscale(1) brightness(.5);opacity:.5}.pips img.on{filter:none;opacity:1}.heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}.hero{grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:start}@media (max-width: 480px){.hero{grid-template-columns:96px minmax(0,1fr)}.boss{grid-template-columns:80px minmax(0,1fr)}}.boons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.boons span{border-style:solid;border-width:6px;border-image:url(/art/ui/skin/frame-1-beige.png) 4 fill / 6px;padding:0 4px;font:700 13px/1.2 var(--display);color:#2f5a1c}.ult{margin-top:6px;color:#6b2e1c!important}.orders,.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:10px}.forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.form{justify-items:center}.formation{position:relative;width:104px;height:112px}.formation img{position:absolute;width:16px;height:16px;image-rendering:pixelated}.formation img.front{left:auto;right:0;top:41.6%}.regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px}.region-head{display:flex;gap:12px;align-items:center}.region-head .num{position:static;font-size:34px;color:#b06a10}.foes{display:flex;gap:0;height:60px;overflow:hidden}.foes>span{width:56px;height:60px;position:relative;overflow:hidden}.foes .sprite.mini{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px}.boss{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px}.boss .sprite.bossfig{width:100px;height:100px}.boss>.sprite{justify-self:center}