#collection-dialog.archive-mode{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#1c3651,#0c172b 75%)}
.archive-mode .collection-shell{height:100%;box-sizing:border-box;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:hidden}
.archive-mode .collection-shell>header{position:static;padding:0 64px 0 0;background:transparent;min-height:56px;align-items:center}.archive-mode .collection-shell h2{font-size:24px;margin:3px 0}.archive-mode .collection-shell header p{margin:3px 0;font-size:11px}.archive-mode .collection-shell header small{font-size:10px}
.archive-mode .hero-card-album{display:flex;gap:8px;overflow:auto hidden;margin:0;padding:5px 3px;height:93px;box-sizing:border-box;touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:thin;align-items:stretch}.archive-mode .album-hero{flex:0 0 79px;min-width:0;padding:5px}.archive-mode .album-face{position:relative;width:100%;height:51px;overflow:hidden;border-radius:7px}.archive-mode .album-face svg{position:static;width:65px;height:80px;transform:translateY(-9px)}.archive-mode .album-face img.card-original{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:none}.archive-mode .album-slots{margin-top:4px}.archive-mode .album-slot{width:10px;height:17px}
.archive-mode .collection-tools{margin:0;min-height:34px;font-size:11px}.archive-mode .collection-tools select{padding:7px 10px;max-width:190px}.archive-mode .collection-tools>span{color:#b9d8ed}
.archive-mode .card-pages{height:100%;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x!important;overscroll-behavior:contain;scrollbar-width:thin;padding:0}.archive-mode .card-page{height:100%;min-height:0;flex:0 0 100%;display:grid;grid-template-columns:repeat(var(--page-cards),minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:18px;padding:10px 8px 16px;align-items:center;justify-items:center;scroll-snap-align:start;overflow:hidden}
.archive-mode .card-page .collect-card{height:100%;max-height:500px;width:auto;max-width:100%;aspect-ratio:.66;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;flex:none;margin:0}.archive-mode .card-page .card-rank{flex:none;padding:10px 8px;font-size:12px}.archive-mode .card-page .collect-art{flex:1;min-height:0;height:auto;overflow:hidden}.archive-mode .card-page .collect-art>svg,.archive-mode .card-page .collect-art>img{width:100%;height:100%;max-height:none;object-fit:cover}.archive-mode .card-page .card-caption{flex:none;padding:9px 10px}.archive-mode .card-page .card-caption h3{font-size:15px;margin:5px 0}.archive-mode .card-page .card-caption p{font-size:10px;min-height:0}.archive-mode .card-page .platinum-crown{position:absolute;top:32px;left:0;right:0;height:35px;pointer-events:none;opacity:.85}.archive-mode .card-page .platinum-crown span{display:none}.archive-mode .card-page .platinum-seal{font-size:7px;padding:3px}
.archive-mode .collection-shell footer{margin:0;min-height:42px;gap:12px;justify-content:center}.archive-mode .collection-shell footer button{min-width:65px;min-height:42px}.archive-mode .collection-note{display:none}.archive-mode .empty-cards{padding:16px;align-self:center;font-size:13px}
@media(max-width:600px){.archive-mode .collection-shell{padding:12px;gap:7px}.archive-mode .collection-shell h2{font-size:20px}.archive-mode .collection-shell header p{display:none}.archive-mode .hero-card-album{height:88px}.archive-mode .collection-tools>span{font-size:10px}.archive-mode .card-page{gap:8px}}
@media(max-height:540px){.archive-mode .collection-shell{grid-template-rows:auto auto minmax(0,1fr) auto;gap:4px;padding:8px 12px}.archive-mode .collection-shell>header{min-height:36px}.archive-mode .collection-shell h2{font-size:18px}.archive-mode .collection-shell header small,.archive-mode .collection-shell header p{display:none}.archive-mode .hero-card-album{height:48px;padding:2px}.archive-mode .album-hero{display:flex;gap:3px;align-items:center;flex-basis:100px}.archive-mode .album-face{width:32px;height:34px;flex:none}.archive-mode .album-face svg{width:33px;height:44px;transform:translateY(-4px)}.archive-mode .album-slots{gap:2px;flex-wrap:wrap;margin:0}.archive-mode .album-slot{width:7px;height:13px}.archive-mode .collection-tools{display:none}.archive-mode .card-page{padding:5px 8px 8px}.archive-mode .card-page .card-caption p,.archive-mode .card-page .card-caption small,.archive-mode .card-page .platinum-crown,.archive-mode .card-page .platinum-seal{display:none}.archive-mode .card-page .card-caption{padding:4px}.archive-mode .card-page .card-caption h3{font-size:10px;margin:2px}.archive-mode .card-page .card-rank{font-size:8px;padding:5px}.archive-mode .card-page .card-rank small{display:none}.archive-mode .collection-shell footer{min-height:32px}.archive-mode .collection-shell footer button{min-height:32px;padding:3px 12px}}

/* Album markers are small static swatches, never animated full-card surfaces. */
.archive-mode .album-slot{position:relative;overflow:hidden;box-shadow:none!important;contain:paint}
.archive-mode .album-slot::before,.archive-mode .album-slot::after{content:none!important;display:none!important}
.archive-mode .album-portrait{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}
.archive-mode .collect-card,.archive-mode .collect-card *,.archive-mode .collect-card::before,.archive-mode .collect-card::after,.archive-mode .collect-card *::before,.archive-mode .collect-card *::after{animation:none!important;transition:none!important}
.archive-mode .collect-card::after,.archive-mode .fireworks,.archive-mode .platinum-orbit,.archive-mode .card-sparkles{display:none!important}
.archive-mode .collect-art svg{filter:none!important}.archive-mode .card-page{contain:layout paint}.archive-mode .collect-card{box-shadow:0 2px 8px #0005,inset 0 0 12px #ffffff12!important}
.archive-mode .collect-card.tier-4{background:linear-gradient(135deg,#f8ffff,#b8d5e1 32%,#ffffff 55%,#c6e3ed)!important;border:2px solid #f4ffff!important}
.archive-mode .collect-card.tier-4::before{background:linear-gradient(125deg,#fff7,transparent 45%,#fff8)!important;box-shadow:none!important}
.archive-mode .card-page .collect-art>svg{object-fit:contain}
.archive-mode .collection-shell footer button.arcade-action::before{width:24px;height:24px;margin:0!important}
.archive-mode .collection-shell footer button{font-size:0!important;min-width:52px!important;padding:8px!important}