/* Card browsing follows the observed Jinsamgukdaejeon collection-first flow. */
.archive-overview .scene-heading{align-items:center}
.archive-overview .book-tabs{max-width:65%;flex-wrap:nowrap}
.archive-filters{position:absolute;left:5%;right:5%;top:125px;height:38px;display:flex;align-items:center;gap:12px;color:#d8dfde}
.archive-search{display:flex;align-items:center;gap:9px;min-width:0;flex:1;max-width:390px;font-size:12px}
.archive-search>span{white-space:nowrap;flex-shrink:0}
.archive-filters input,.archive-filters select{border:0;border-radius:0;outline-offset:3px;color:#e8e0cf;font:500 12px 'Noto Sans KR',sans-serif;height:36px;padding:7px 14px;background:url('./assets/ui-buttons-v1.webp?v=20261028-panteon153-v17') 4.51% 61.88%/214.83% 562.64% no-repeat;min-width:0}
.archive-search input{width:100%}.archive-search input::placeholder{color:#adb9bc;font-size:11px}
.archive-filters select{appearance:none;min-width:105px}.archive-filters select option{color:#17232f}
.archive-count{margin:0 0 0 auto;white-space:nowrap;font-size:13px;color:#f2dfb0}.archive-count small{display:block;color:#afc0c5;font-size:10px;margin-top:3px}
.archive-filters .gallery-save{min-height:36px;font-size:13px;padding:6px 18px;white-space:nowrap}
.archive-grid{position:absolute;left:5%;right:5%;top:178px;bottom:18px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));align-content:start;gap:23px 20px;padding:10px 12px 24px;scrollbar-width:thin;scrollbar-color:#bba57380 transparent;overscroll-behavior:contain;touch-action:pan-y}
.archive-item{width:100%;max-width:138px;justify-self:center;min-width:0}.archive-item>.soul-card{width:100%;transition:transform .15s,filter .15s}.archive-item>.soul-card:hover{transform:translateY(-4px);filter:brightness(1.08)}
.archive-item>p{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0;font-size:12px;line-height:1.3;color:#ecdfc6;text-shadow:0 2px 5px #000;white-space:nowrap}.archive-item>p>small{font-size:9px;color:#b2c0c7;margin-left:4px}
.archive-empty{grid-column:1/-1;align-self:center;text-align:center;font-size:14px;line-height:2;color:#c5c4b9;margin-top:9vh}
.archive-detail .archive-back{position:absolute;left:5%;top:102px;min-height:32px;font-size:12px;padding:6px 17px}
.archive-detail .archive-stage{top:150px;bottom:142px}
@media(max-height:450px) and (orientation:landscape){
 .archive-scene .scene-heading{top:43px;left:4%;right:4%;gap:10px}.archive-scene .scene-heading>div>small{display:none}.archive-scene .scene-heading h1{font-size:19px}.archive-scene .book-tabs{max-width:69%;gap:3px;flex-wrap:nowrap}.archive-scene .book-tabs .text-link{font-size:10px;padding:6px 9px;min-height:29px}
 .archive-filters{top:80px;left:4%;right:4%;height:27px;gap:8px}.archive-search{max-width:300px;gap:6px;font-size:10px}.archive-filters input,.archive-filters select{height:27px;font-size:10px;padding:4px 10px}.archive-search input::placeholder{font-size:9px}.archive-filters select{min-width:87px}.archive-count{font-size:11px}.archive-count small{font-size:8px;margin-top:1px}.archive-filters .gallery-save{min-height:27px;font-size:10px;padding:4px 12px}
 .archive-grid{top:114px;bottom:8px;left:4%;right:4%;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:9px 9px;padding:5px 6px 12px}.archive-item{max-width:97px}.archive-item>p{font-size:9px;margin-top:4px;gap:3px;line-height:1.2}.archive-item>p>small{font-size:7px}.archive-detail .archive-back{top:79px;min-height:27px;font-size:10px;padding:4px 13px}.archive-detail .archive-stage{top:116px;bottom:89px}
}
@media(orientation:portrait){
 .archive-overview .scene-heading{align-items:flex-start}.archive-scene .scene-heading h1{font-size:21px}.archive-overview .book-tabs{max-width:55%;flex-wrap:wrap;gap:3px}.archive-overview .book-tabs .text-link{font-size:10px;padding:6px 8px;min-height:29px}
 .archive-filters{top:149px;height:auto;flex-wrap:wrap;gap:7px}.archive-search{flex:1 0 100%;max-width:none;font-size:10px}.archive-filters input,.archive-filters select{height:30px;font-size:10px}.archive-filters select{min-width:95px}.archive-count{font-size:11px}.archive-count small{font-size:8px}.archive-filters .gallery-save{font-size:11px;min-height:30px;padding:5px 14px}
 .archive-grid{top:228px;bottom:12px;grid-template-columns:repeat(auto-fill,minmax(97px,1fr));gap:19px 12px;padding:5px 7px 22px}.archive-item{max-width:135px}.archive-item>p{font-size:10px;gap:4px}.archive-item>p>small{font-size:8px}.archive-detail .archive-back{top:127px}.archive-detail .archive-stage{top:172px;bottom:145px}
}
@media(prefers-reduced-motion:reduce){.archive-item>.soul-card{transition:none}}
.archive-bulk .archive-grid{bottom:82px}.archive-bulk-bar{position:absolute;left:5%;right:5%;bottom:17px;display:flex;align-items:center;justify-content:center;gap:22px;color:#e8d7ba}.archive-bulk-bar p{font-size:14px;display:flex;align-items:center;gap:8px;margin:0}.archive-bulk-bar strong{color:#d8bdff}.archive-bulk-bar .seal-action{min-height:37px;font-size:14px}.archive-bulk .card-selected{outline:2px solid #bdf3f0;outline-offset:2px}.archive-bulk .card-selected .soul-art{filter:brightness(1.1)}
.card-deployed .soul-art{filter:grayscale(.7) brightness(.6)}
.global-btn .ultimate-summary{font-size:10px;line-height:1.35;display:block;max-width:145px;white-space:normal;color:#dfd9c3;text-align:center}.world-battle .global-btn .spell-sigil{font-size:32px;height:34px;line-height:1}.world-battle .global-btn{min-height:124px}
@media(max-height:450px) and (orientation:landscape){.archive-bulk .archive-grid{bottom:58px}.archive-bulk-bar{bottom:8px;gap:12px}.archive-bulk-bar p{font-size:11px;gap:5px}.archive-bulk-bar .seal-action{font-size:11px;min-height:30px;padding:5px 14px}.archive-bulk-bar .text-link{font-size:10px;min-height:30px}.global-btn .ultimate-summary{font-size:8px}.world-battle .global-btn{min-height:110px}.world-battle .global-btn .spell-sigil{font-size:26px;height:27px}}