.codex-tabs .codex-skill-icon{display:block;object-fit:contain;background:none;flex-shrink:0}
.codex-list .codex-card-title{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}
.codex-card-icon{width:48px;height:48px;object-fit:contain}
.choice[data-art-skill] .glyph.raster-glyph,.four-choices .choice[data-general] .glyph.raster-glyph{background:none;border:0;color:inherit;font-size:0}
.raster-glyph img{width:100%;height:100%;display:block;object-fit:contain}
.home-actions{align-items:stretch}
.home-actions .primary{min-width:160px}
.home-actions .primary span{margin-left:7px}
.home-actions .secondary{padding-left:14px;padding-right:14px;white-space:nowrap}
.home-actions .gallery-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:56px;min-width:120px;padding:8px 12px;border:2px solid #94804c;border-radius:14px;background:#ece7bd;box-shadow:0 4px 0 #b2a26c,inset 0 0 0 2px #fff9e3;color:#645126;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.gallery-button img{display:block;width:36px;height:36px;object-fit:contain}
.gallery-button:hover{background:#fff0b8;filter:brightness(1.04)}
.gallery-button:focus-visible{outline:3px solid #695322;outline-offset:5px}
@media(max-width:760px){
 .home-actions{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr) minmax(0,1fr);gap:8px;align-items:stretch}
 .home-actions .primary,.home-actions .secondary{min-width:0;padding:12px 4px;font-size:12px;letter-spacing:0;white-space:nowrap}
 .home-actions .gallery-button{min-width:0;min-height:52px;padding:4px;gap:1px;flex-direction:column;font-size:11px;border-radius:12px}
 .gallery-button img{width:24px;height:24px}
}
@media(max-width:360px){.home-actions{gap:6px}.home-actions .primary:before{display:none}}
@media(max-height:500px){.home-actions{margin-top:8px;margin-bottom:8px}.home-actions .gallery-button{min-height:46px;padding:4px 10px}.gallery-button img{width:28px;height:28px}}
@media(max-width:600px){
 .codex-list .codex-card-title{grid-template-columns:42px minmax(0,1fr);gap:6px 9px}
 .codex-card-icon{width:42px;height:42px;grid-row:span 2}
 .codex-list .codex-card-title>span{justify-self:start;max-width:none}
 .codex-list .codex-card-title strong{line-height:1.4;overflow-wrap:anywhere}
}