/* v53 – monster-encyclopedia, not a card inventory. */
.zukan-screen{min-height:0;height:100%;display:flex!important;flex-direction:column;gap:15px;overflow:hidden;padding:22px 26px;background:radial-gradient(ellipse at 75% 20%,#173655,#08121d 75%)}
.zukan-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-shrink:0}.zukan-heading h1{font-size:clamp(22px,2.5vw,36px);margin:4px 0 5px;color:#f3f9ff}.zukan-heading p{font-size:12px;color:#9db3c7;margin:0}.zukan-heading>strong{color:#ecf4ff;white-space:nowrap;font-size:23px}.zukan-heading>strong small{font-size:12px;color:#a1b8cb}
.zukan-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(165px,230px) minmax(0,1fr);gap:16px}
.zukan-index{min-height:0;background:#0b1b2b;border:1px solid #27425c;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.zukan-index>label{color:#aec1d3;font-size:11px;font-weight:700}.zukan-index>.search{width:100%;min-width:0;font-size:12px;background:#0a1826;color:#f0f6ff;border:1px solid #37516c;padding:10px;border-radius:7px}.zukan-index-items{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:5px;padding-right:3px}
.zukan-index-entry{display:flex;align-items:center;text-align:left;gap:9px;background:#12283d;color:#f4f9ff;border:1px solid #274760;border-radius:8px;padding:5px;cursor:pointer;min-height:63px;width:100%}.zukan-index-entry:hover{background:#1c3b57}.zukan-index-entry.selected{background:#204d77;border-color:#88c3ff;box-shadow:inset 3px 0 #92c8ff}.zukan-index-entry.unknown{opacity:.56;cursor:default}.zukan-index-entry span:last-child{min-width:0}.zukan-index-entry small{font-size:9px;color:#9fb8cf;display:block}.zukan-index-entry b{font-size:12px;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zukan-index-art{width:52px;height:52px;flex:none;background:radial-gradient(ellipse,#183b56,#102133 78%);border-radius:6px;display:grid;place-items:center;overflow:hidden}.zukan-index-art img{height:95%;width:95%;object-fit:contain}.zukan-index-entry img.mystery{filter:brightness(0)!important;opacity:.65}
.zukan-detail-region{min-width:0;min-height:0;overflow:auto;background:linear-gradient(135deg,#142b43,#0a1828 62%);border:1px solid #2b4d6d;border-radius:14px}.zukan-placeholder{height:100%;display:grid;place-items:center;color:#93aec6;padding:30px;text-align:center}
.zukan-detail{display:grid;grid-template-columns:minmax(250px,43%) minmax(0,1fr);gap:20px;padding:23px;min-height:100%;align-items:start}.zukan-portrait{position:sticky;top:12px;min-width:0}.zukan-portrait-plate{position:relative;min-height:360px;aspect-ratio:4/5;max-height:660px;display:flex;justify-content:center;align-items:center;border-radius:12px;background:radial-gradient(ellipse at 50% 42%,#30618b65,transparent 67%),linear-gradient(160deg,#172e48,#0d1b2c);border:1px solid #36536f;overflow:hidden}.zukan-portrait-plate>span{position:absolute;top:18px;left:19px;color:#b9d7ef;font-size:12px;font-weight:850;letter-spacing:.14em}.zukan-portrait-plate img{width:93%;height:88%;object-fit:contain;filter:drop-shadow(0 18px 19px #0008)}
.zukan-entry-copy{min-width:0}.zukan-entry-copy h2{font-size:clamp(26px,3vw,39px);line-height:1.25;color:#fff;margin:5px 0 11px}.zukan-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.zukan-meta span{border:1px solid #385c78;background:#172c42;color:#bad3e5;padding:6px 9px;border-radius:5px;font-size:11px}.zukan-entry-copy>.section-title{font-size:13px;font-weight:800;color:#e6f5ff;margin:17px 0 11px;padding:0 0 7px;border-bottom:1px solid #42627a}.zukan-entry-copy>.section-title small{font-size:10px;color:#9eb7c9;font-weight:500;margin-left:7px}.zukan-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.zukan-stat{background:#10243a;border:1px solid #2c4965;border-radius:8px;padding:10px 6px;text-align:center}.zukan-stat small{display:block;color:#9eb8cd;font-size:10px;margin-bottom:7px}.zukan-stat strong{font-size:21px;color:#fff}.zukan-trait{padding:12px 14px;background:#14293e;border-left:3px solid #67a7eb}.zukan-trait b{font-size:14px;color:#eaf6ff}.zukan-trait p,.zukan-description{font-size:12px;color:#c6d6e2;line-height:1.9;margin:7px 0 0}.zukan-moves{display:grid;gap:6px}.zukan-move{width:100%;display:grid;grid-template-columns:54px minmax(110px,1fr) auto;gap:4px 9px;align-items:center;text-align:left;padding:10px 12px;background:#0c2034;border:1px solid #2b4b64;border-left:3px solid var(--zukan-type);color:#dfeefa;border-radius:5px;cursor:pointer}.zukan-move:hover{background:#193b59}.zukan-move span{font-size:10px;color:var(--zukan-type);font-weight:900}.zukan-move b{font-size:12px}.zukan-move small{font-size:10px;color:#c3d8e8;white-space:nowrap}.zukan-move em{grid-column:2/-1;font-style:normal;font-size:11px;color:#a5bdd2;line-height:1.5}.zukan-description{font-size:13px;line-height:1.9;color:#e0e8ef}.zukan-baseline{font-size:10px;line-height:1.7;color:#819cb2;margin:14px 0 5px}.zukan-overlay{width:min(1080px,95vw)!important;max-height:94vh;overflow:auto!important;position:relative}.zukan-overlay .zukan-detail{padding:12px}.zukan-overlay-close{display:block;margin:10px 20px 16px auto}
@media(max-width:1100px){.zukan-detail{grid-template-columns:minmax(200px,38%) minmax(0,1fr);padding:15px;gap:14px}.zukan-portrait-plate{min-height:280px}.zukan-index{padding:8px}}
@media(max-width:720px){.zukan-screen{padding:10px 10px 65px;gap:8px;overflow:auto}.zukan-heading h1{font-size:22px}.zukan-heading p{font-size:10px}.zukan-layout{display:flex;flex-direction:column;min-height:0;gap:9px}.zukan-index{flex:none;overflow:visible}.zukan-index-items{display:flex;flex-direction:row;gap:6px;overflow:auto;max-height:102px;padding-bottom:5px}.zukan-index-entry{min-width:125px;width:125px;flex-direction:column;gap:4px;min-height:86px;padding:5px}.zukan-index-art{width:46px;height:46px}.zukan-index-entry b{font-size:10px}.zukan-index-entry small{font-size:8px}.zukan-detail-region{overflow:visible;flex:none}.zukan-detail{display:flex;flex-direction:column;gap:12px;padding:12px}.zukan-portrait{position:static;width:100%}.zukan-portrait-plate{aspect-ratio:1.13;min-height:200px;max-height:290px}.zukan-portrait-plate img{max-width:85%;max-height:90%}.zukan-entry-copy h2{font-size:27px}.zukan-stats{gap:5px}.zukan-stat strong{font-size:18px}.zukan-move{grid-template-columns:42px minmax(0,1fr) auto;padding:9px 7px;gap:5px}.zukan-overlay .zukan-detail{display:flex}.zukan-overlay .zukan-portrait-plate{max-height:210px}}

/* v54: the archive remains a simple gallery; encyclopedia is a detail-only overlay. */
.lobby-ui .overlay-card.zukan-overlay{width:min(990px,calc(100vw - 36px))!important;max-height:calc(100dvh - 94px)!important;overflow-y:auto!important;padding:25px 22px 15px;position:relative}
.zukan-overlay .zukan-detail{grid-template-columns:minmax(220px,38%) minmax(0,1fr);gap:22px;min-height:0;padding:6px 2px 4px}
.zukan-overlay .zukan-portrait{position:sticky;top:14px}
.zukan-overlay .zukan-portrait-plate{min-height:270px;max-height:490px;aspect-ratio:4/5}
.zukan-overlay .zukan-move{cursor:default}
.zukan-overlay .zukan-overlay-x{position:sticky;top:0;margin:-12px -10px -14px auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid #476784;border-radius:50%;background:#132d46;color:#eef7ff;cursor:pointer;z-index:5;font-size:22px}
.zukan-overlay .zukan-overlay-close{margin:18px 2px 4px auto}
@media(max-width:720px){.lobby-ui .overlay-card.zukan-overlay{max-height:calc(100dvh - 55px)!important;padding:15px 12px}.zukan-overlay .zukan-detail{display:flex;flex-direction:column;gap:12px}.zukan-overlay .zukan-portrait{position:static;width:100%}.zukan-overlay .zukan-portrait-plate{min-height:175px;max-height:225px;aspect-ratio:1.35}.zukan-overlay .zukan-portrait-plate img{max-height:88%}}