/* Native codex layout, with the same humanoid sheets as the game scene. */
body.yunqi-front .dx .ls-stage canvas:not([data-yq-role]){visibility:hidden}
body.yunqi-front .yq-codex-screen .dx-main{grid-template-columns:minmax(0,1fr) minmax(360px,40%);gap:18px}
body.yunqi-front .yq-codex-screen .dx-left{padding:16px;gap:14px;border-radius:7px}
body.yunqi-front .yq-codex-screen .dx-bar{gap:10px;flex-wrap:wrap}
body.yunqi-front .yq-codex-screen .dx-search{background:#e3e7d3;border:1px solid #a5b08666;border-radius:5px;color:#3c563c;font:12px var(--yq-font);box-shadow:none;min-height:38px}
body.yunqi-front .yq-codex-screen .dx-count{font:450 11px var(--yq-font);color:#7d8c6b;display:block}
body.yunqi-front .yq-codex-screen .dx-types{border-bottom:1px solid #a6b18a55;padding-bottom:12px;gap:6px}
body.yunqi-front .yq-codex-screen .dx-type{opacity:.65;border-radius:4px;transform:none;padding:4px}
body.yunqi-front .yq-codex-screen .dx-type.on{opacity:1;box-shadow:0 0 0 1px #d1bb84;transform:none}
body.yunqi-front .yq-codex-screen .dx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:5px}
body.yunqi-front .yq-codex-screen .dx-tile{background:#d8e0c8;border:1px solid #9baa7d66;border-radius:5px;box-shadow:none;animation:none;aspect-ratio:1;min-height:120px;transform:none}
body.yunqi-front .yq-codex-screen .dx-tile:hover{background:#cdd9ba;transform:none;box-shadow:0 0 0 1px #99ac78}
body.yunqi-front .yq-codex-screen .dx-tile.on{background:#bbcda5;border-color:#7d9667;box-shadow:inset 0 0 0 1px #8ba36f;transform:none}
body.yunqi-front .yq-codex-screen .dx-tile:focus-visible{outline:2px solid #907d4c;outline-offset:3px}
body.yunqi-front .yq-codex-screen .dx-tile>canvas[data-yq-role]{position:absolute;inset:3% 12% 30%;width:76%;height:67%;object-fit:contain;image-rendering:pixelated}
body.yunqi-front .yq-codex-screen .dx-tile>small{position:absolute;inset:auto 3px 24px;text-align:center;font:550 12px var(--yq-font);color:#36503a}
body.yunqi-front .yq-codex-screen .yq-codex-race{position:absolute;inset:auto 3px 8px;text-align:center;font:450 9px var(--yq-font);color:#738363}
body.yunqi-front .yq-codex-screen .dx-ball{width:15px;height:15px;top:5px;right:5px;opacity:.7}
body.yunqi-front .yq-codex-screen .dx-right{gap:12px}
body.yunqi-front .yq-codex-screen .dx-show{height:320px;min-height:320px;background:radial-gradient(ellipse at 50% 35%,#456a4055,transparent 70%),#1b3b2e;border:1px solid #c4b38388;border-radius:7px;box-shadow:none;animation:none}
body.yunqi-front .yq-codex-screen .ls-rays{display:none}
body.yunqi-front .yq-codex-screen .ls-num{font:500 64px var(--yq-font);color:#a8bc8c20;top:10px;right:16px}
body.yunqi-front .yq-codex-screen .dx-show .ls-stage{inset:12px 0 96px;padding:0;display:flex;align-items:center;justify-content:center}
body.yunqi-front .yq-codex-screen .dx-show canvas.yq-front-avatar{width:192px!important;height:192px!important;max-width:80%;max-height:100%;image-rendering:pixelated;filter:none!important}
body.yunqi-front .yq-codex-screen .dx-show .ls-pedestal{bottom:2px;width:45%;height:10px;opacity:1;border:0;outline:0;box-shadow:none}
body.yunqi-front .yq-codex-screen .ls-plate{position:absolute;inset:auto 16px 15px;background:transparent;border:0;border-top:1px solid #bdc09144;border-radius:0;box-shadow:none;transform:none;padding:12px 0 0;color:#eee7d0}
body.yunqi-front .yq-codex-screen .ls-plate>*{transform:none}
body.yunqi-front .yq-codex-screen .ls-plate small{font:450 10px var(--yq-font);color:#b7c6a0;letter-spacing:1px}
body.yunqi-front .yq-codex-screen .ls-plate h1{font:650 25px/1.3 var(--yq-font);color:#eee7d0;letter-spacing:2px;margin:5px 0}
body.yunqi-front .yq-codex-screen .ls-plate .row{position:absolute;right:0;bottom:1px;max-width:42%;justify-content:flex-end;flex-wrap:wrap}
body.yunqi-front .yq-codex-screen .ls-plate .chip{font:500 9px var(--yq-font);background:#a1b77b33!important;color:#cfd5b3;border:1px solid #b0bd8655;border-radius:3px;box-shadow:none;text-shadow:none;padding:2px 6px}
body.yunqi-front .yq-codex-screen .dx-info{padding:16px;gap:16px;border-radius:7px;animation:none}
body.yunqi-front .yq-codex-screen .dx-info>.yq-codex-section{padding-inline:14px}
body.yunqi-front .yq-codex-screen .dx-info>.yq-codex-traits{margin-inline:14px}
body.yunqi-front .yq-codex-screen .yq-codex-inheritance{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
body.yunqi-front .yq-codex-screen .yq-codex-signature{background:#dce3cb;border:1px solid #a9b58b55;border-radius:5px;display:flex;align-items:center;gap:12px;padding:12px;width:100%;box-sizing:border-box}
body.yunqi-front .yq-codex-screen .yq-codex-signature img{width:40px;height:40px;image-rendering:pixelated;object-fit:contain;flex:none}
body.yunqi-front .yq-codex-screen .yq-codex-signature h3{font:600 14px var(--yq-font);margin:0 0 5px;color:#405a37}
body.yunqi-front .yq-codex-screen .yq-codex-signature p{font:450 11px/1.8 var(--yq-font);margin:0;color:#758363}
body.yunqi-front .yq-codex-screen .dx-entry{background:#e1e5d0;border:1px solid #acb78a55;border-radius:5px;color:#607451;padding:12px;font:450 12px/1.9 var(--yq-font);margin:0}
body.yunqi-front .yq-codex-screen .yq-codex-traits{display:flex;gap:7px;flex-wrap:wrap}
body.yunqi-front .yq-codex-screen .yq-codex-traits span{color:#658052;background:#dbe2c9;border:1px solid #b0bb9055;border-radius:3px;font:450 10px var(--yq-font);padding:4px 8px}
body.yunqi-front .yq-codex-screen .yq-codex-section>h2{color:#47613e;font:600 12px var(--yq-font);letter-spacing:1px;margin:0 0 9px}
body.yunqi-front .yq-codex-screen .yq-codex-copy{color:#79866a;font:450 11px/1.9 var(--yq-font);margin:0}
body.yunqi-front .yq-codex-screen .yq-codex-motion{font:450 11px/1.9 var(--yq-font);display:grid;grid-template-columns:32px 1fr;gap:5px 8px;margin:0;color:#79866a}
body.yunqi-front .yq-codex-screen .yq-codex-motion dt{color:#87956f}.yq-codex-motion dd{margin:0}
body.yunqi-front .yq-codex-screen .stat-row{font:450 11px var(--yq-font)}
body.yunqi-front .yq-codex-screen .yq-codex-fact{background:#193e2f;border:1px solid #a7b78955;border-radius:5px;padding:8px 12px;display:flex;flex-direction:column;gap:5px}
body.yunqi-front .yq-codex-screen .yq-codex-fact small{font:450 9px var(--yq-font);color:#8fa77d}
body.yunqi-front .yq-codex-screen .yq-codex-fact b{font:500 12px var(--yq-font);color:#d4d9b9}
@media(min-width:1500px){body.yunqi-front .yq-codex-screen .dx-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){body.yunqi-front .yq-codex-screen .dx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.yunqi-front .yq-codex-screen .dx-main{grid-template-columns:minmax(0,1fr) minmax(310px,42%)}}
@media(max-width:700px){
 body.yunqi-front .yq-codex-screen .dx-main{display:flex;flex-direction:column;min-height:0}
 body.yunqi-front .yq-codex-screen .dx-left{height:340px;min-height:340px;padding:10px;gap:9px}
 body.yunqi-front .yq-codex-screen .dx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body.yunqi-front .yq-codex-screen .dx-tile{min-height:112px}
 body.yunqi-front .yq-codex-screen .dx-right{min-height:760px;flex:none}
 body.yunqi-front .yq-codex-screen .dx-info{min-height:400px}
 body.yunqi-front .yq-codex-screen .yq-codex-fact{padding:5px 8px}.yq-codex-fact b{font-size:10px}
}