.archive-main{max-width:1440px;padding:0 46px;margin:auto}.archive-hero{position:relative;isolation:isolate;overflow:hidden;min-height:310px;margin-top:30px;border:1px solid #c6a9e226;border-radius:16px;background:#201e2c;display:flex;align-items:center;padding:44px 48px}.archive-hero-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#181722 3%,#191722c9 46%,#221c2c4d),url('/art/gallery/BG_City_Downtown_Night.webp') center 50%/cover}.archive-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#17151fbb,transparent 70%)}.archive-hero-copy{max-width:680px}.archive-hero h1{font-weight:500;font-size:clamp(30px,3.7vw,52px);line-height:1.45;letter-spacing:-1px;margin:15px 0 10px}.archive-hero em{color:#d0b3f3;font-style:normal;font-weight:300}.archive-hero p{color:#c7bbd1;line-height:1.95;font-size:13px;max-width:540px}.archive-hero-links,.archive-hero #archive-hero-links{display:flex;gap:20px;font-size:11px;color:#ebd6a6;margin-top:20px}.archive-index{margin-left:auto;padding-left:20px;display:flex;flex-direction:column;text-align:right;color:#eee3ff90;letter-spacing:2px}.archive-index strong{font:100px/.95 Georgia,serif;letter-spacing:-8px;color:#ffffffb5}.archive-index span{font-size:12px;margin-bottom:10px}.archive-index small{font-size:7px;margin-top:18px}.archive-section-nav{display:flex;gap:40px;border-bottom:1px solid var(--line);margin:18px 0 30px}.archive-section-nav a{display:flex;gap:12px;align-items:center;padding:20px 0;font-size:10px;color:#81748f;position:relative}.archive-section-nav span{font-size:13px;color:#ad9fbc}.archive-section-nav [aria-current=page]{color:#e9ca84}.archive-section-nav [aria-current=page] span{color:#f4e2bf}.archive-section-nav [aria-current=page]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#e9ca84}.archive-message{padding:20px;background:#e5b36514;border:1px solid #e5b36555;border-radius:9px;color:#e8cc9c}.archive-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.archive-stat{padding:20px 22px;background:linear-gradient(130deg,#252330,#1a1b25);border:1px solid #cbb1e41f;border-radius:11px;position:relative}.archive-stat>span{font-size:11px;color:#b2a5bf;display:block}.archive-stat strong{font:32px/1.7 Georgia,serif;letter-spacing:-.5px}.archive-stat small{font-size:10px;color:#91839f;margin-left:8px}.archive-stat img{width:37px;height:37px;object-fit:contain;position:absolute;right:20px;top:20px;opacity:.8}.archive-stat:first-child:after{content:'';display:block;height:3px;background:linear-gradient(90deg,#c2a0eb var(--progress,0%),#c2a0eb18 var(--progress,0%));border-radius:5px;margin-top:6px}.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}.archive-toolbar h2{font-size:20px;font-weight:500;margin:0}.archive-toolbar p{font-size:11px;color:#9787a5;margin:6px 0 0}.archive-actions{display:flex;gap:8px;flex-wrap:wrap}.archive-actions button{padding:8px 13px;border:1px solid #b499cf30;border-radius:6px;font-size:11px;background:#201e2a}.archive-actions .danger{color:#d9a2a4}.archive-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px;background:#1c1c28;border:1px solid #b79bc225;border-radius:10px;margin-bottom:22px}.archive-filters input[type=search]{flex:1;min-width:180px;background:#11131c;border:1px solid #a489c133;border-radius:6px;padding:10px 14px;color:#f0e6f9;font-size:12px}.archive-filters select{background:#252230;color:#d7c8e4;border:1px solid #b08dce30;border-radius:6px;padding:10px 12px;font-size:11px}.archive-filters label{font-size:11px;color:#b8a9c5;display:flex;gap:7px;align-items:center}.archive-chips{display:flex;gap:8px;flex-wrap:wrap}.archive-chips button{padding:8px 15px;border:1px solid #b89dd32e;border-radius:24px;font-size:11px;color:#aa98bb}.archive-chips button[aria-pressed=true]{background:#b899d827;border-color:#bfa1d780;color:#e6d2fc}.archive-found{display:flex;justify-content:space-between;align-items:center;margin:18px 0;color:#93859f;font-size:11px}.archive-found strong{color:#ded0e8;font-weight:400}.archive-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.archive-card{position:relative;border:1px solid #c4a2e229;background:linear-gradient(140deg,#292634,#191b26);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}.archive-card:hover{transform:translateY(-4px);border-color:#cdb0ec86}.archive-card-button{display:block;width:100%;padding:0;text-align:left}.archive-portrait{height:210px;position:relative;background:radial-gradient(ellipse at 50% 30%,#60547766,#181c28);overflow:hidden}.archive-portrait img{width:100%;height:100%;object-fit:contain;padding:8px}.archive-portrait .tier-badge{position:absolute;top:9px;left:9px;font-size:10px}.archive-portrait .card-stars{position:absolute;left:12px;bottom:8px;color:#edcf8d;letter-spacing:2px;font-size:12px}.archive-portrait .card-owned{position:absolute;right:10px;bottom:9px;font-size:9px;background:#16131ddb;padding:3px 7px;border-radius:4px;color:#d3bbc8}.archive-card.missing .archive-portrait img{filter:grayscale(.85);opacity:.55}.archive-card-info{padding:13px;border-top:1px solid #ffffff09}.archive-card-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}.archive-card-info small{display:block;font-size:10px;color:#b5a4c2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-empty{padding:70px 20px;text-align:center;border:1px dashed #bba3cf40;border-radius:12px;color:#c2a9d7}.archive-empty strong{display:block;font-size:20px;font-weight:400}.archive-empty p{font-size:12px;color:#9e8eae}.archive-tier{display:grid;grid-template-columns:112px 1fr;background:#1a1b25;border:1px solid #c1a4d225;border-radius:12px;overflow:hidden;margin-bottom:18px}.archive-tier-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:color-mix(in srgb,var(--rank) 12%,transparent);border-right:1px solid color-mix(in srgb,var(--rank) 22%,transparent)}.archive-tier-label strong{font:42px Georgia,serif;color:var(--rank)}.archive-tier-label span{font-size:10px;color:#b7a5c3;text-align:center;line-height:1.8;margin:9px 0}.archive-tier-label small{font-size:9px;color:var(--rank)}.archive-tier .archive-grid{padding:18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.archive-tier .archive-portrait{height:156px}.archive-tier .archive-card-info{padding:10px}.archive-tier .archive-card-info strong{font-size:11px}.archive-tier .archive-card-info small{font-size:9px}.archive-footnote{font-size:11px;color:#96859f;line-height:1.9;margin:22px 0}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-card .archive-portrait{height:225px;background:#151922}.gallery-card .archive-portrait img{padding:0;object-fit:contain}.gallery-card .archive-card-info{padding-right:45px}.gallery-favorite{position:absolute;right:12px;bottom:18px;font-size:20px;color:#c3a3d7}.gallery-favorite[aria-pressed=true]{color:#edb0be}.gallery-kind{position:absolute;left:10px;top:10px;background:#13111dd9;border:1px solid #d9c4e833;padding:4px 7px;border-radius:4px;font-size:8px;color:#e2cceb;letter-spacing:1px}.gallery-load{display:block;margin:28px auto;padding:12px 40px;border:1px solid #b598d366;border-radius:7px;background:#272231;font-size:12px}.gallery-load[hidden]{display:none}.archive-history-wrap{overflow:auto;border:1px solid #bea4d329;border-radius:10px}.archive-history{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.archive-history th{color:#a090b0;font-weight:400;font-size:10px;padding:15px;text-align:left;background:#252130}.archive-history td{padding:12px 15px;border-top:1px solid #b89dcb15;color:#c8bcd0}.archive-history .table-person img{height:38px;width:38px}.archive-pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:20px;font-size:11px}.archive-pagination button{border:1px solid #bda2d33d;padding:8px 15px;border-radius:6px}.art-viewer{width:min(1180px,95vw);max-width:1180px;padding:0;border-radius:14px;background:#171720;max-height:94dvh;overflow:auto}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #bca1d225}.viewer-top h2{font-size:22px;font-weight:500;margin:6px 0 0}.viewer-top .eyebrow{font-size:8px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:400px}.viewer-art{position:relative;height:min(70dvh,720px);min-height:320px;background:radial-gradient(ellipse at center,#48405266,#11131c);overflow:hidden}.viewer-art>img{width:100%;height:100%;object-fit:contain}.viewer-art.model-ready>img{opacity:0}.viewer-info{padding:30px 22px;display:flex;flex-direction:column;align-items:stretch;gap:17px;border-left:1px solid #bba1cf22}.viewer-info>span{font-size:10px;color:#baa4ce;letter-spacing:2px}.viewer-info h3{font-size:23px;font-weight:400;margin:0;overflow-wrap:anywhere}.viewer-info p{font-size:12px;color:#a996b6;line-height:1.9;margin:0}.viewer-info .secondary{padding:10px;font-size:12px;border-radius:6px}.viewer-link{font-size:11px;text-align:left;color:#d9c2ed;padding:0}.viewer-info small{font-size:9px;color:#87798f;line-height:1.9;margin-top:auto}.viewer-controls{display:flex;gap:12px}.viewer-controls button{flex:1}.viewer-info #viewer-favorite[aria-pressed=true]{color:#efb3c7;border-color:#efb3c766}#archive-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:1000;background:#e3d3f1;color:#2c1e3a;padding:13px 23px;border-radius:8px;box-shadow:0 10px 50px #0006;font-size:12px;max-width:90vw}dialog #archive-toast{position:static}.archive-page footer{margin-top:45px}.archive-section-nav a:focus-visible{outline-offset:-2px}
@media(max-width:1200px){.archive-main{padding:0 28px}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.archive-tier .archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-portrait{height:185px}.archive-hero{padding:35px}.archive-index{display:none}}
@media(max-width:850px){.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-tier .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-stats{grid-template-columns:repeat(2,1fr)}.viewer-layout{grid-template-columns:1fr}.viewer-info{border:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.viewer-info h3,.viewer-info p{grid-column:1/-1}.viewer-art{height:55dvh}.viewer-top{padding:18px}.viewer-controls{grid-column:2}.viewer-info small{grid-column:1/-1}.archive-section-nav{gap:25px}.archive-hero{min-height:260px}}
@media(max-width:540px){.archive-main{padding:0 15px}.archive-hero{padding:28px 22px;margin-top:18px;min-height:250px}.archive-hero h1{font-size:30px}.archive-hero p{font-size:11px}.archive-hero .eyebrow{font-size:7px;letter-spacing:2px}.archive-hero-art{background-position:65% center}.archive-section-nav{gap:0;justify-content:space-between;margin-bottom:24px}.archive-section-nav a{gap:6px;font-size:8px;padding:16px 0}.archive-section-nav span{font-size:11px}.archive-stats{gap:9px}.archive-stat{padding:15px}.archive-stat strong{font-size:26px}.archive-stat>span{font-size:10px}.archive-stat img{width:26px;height:26px;right:12px;top:13px}.archive-stat small{font-size:8px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.archive-portrait{height:155px}.archive-card-info{padding:10px}.archive-card-info strong{font-size:11px}.archive-card-info small{font-size:8px}.archive-portrait .card-stars{font-size:9px;left:8px}.archive-portrait .card-owned{font-size:8px;right:6px}.archive-filters{gap:10px;padding:12px}.archive-filters input[type=search]{min-width:100%;font-size:12px}.archive-filters select{flex:1;min-width:0}.archive-tier{grid-template-columns:54px 1fr}.archive-tier-label{padding:8px 5px}.archive-tier-label strong{font-size:27px}.archive-tier-label span{display:none}.archive-tier-label small{font-size:8px}.archive-tier .archive-grid{padding:9px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-tier .archive-portrait{height:110px}.archive-tier .archive-card-info{padding:7px}.archive-tier .archive-card-info strong{font-size:9px}.archive-tier .archive-card-info small{font-size:7px}.archive-tier .card-stars{font-size:8px}.archive-tier .card-owned{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card .archive-portrait{height:165px}.gallery-card .archive-card-info{padding:11px 33px 12px 10px}.gallery-favorite{right:9px;bottom:16px;font-size:17px}.archive-toolbar h2{font-size:18px}.archive-actions button{font-size:10px;padding:8px 10px}.archive-found{font-size:10px}.archive-chips{gap:6px}.archive-chips button{padding:7px 12px;font-size:10px}.viewer-top h2{font-size:18px}.viewer-art{min-height:250px;height:52dvh}.viewer-info h3{font-size:20px}.viewer-info{padding:18px}.archive-page footer{line-height:1.9}.gallery-kind{font-size:7px}}
@media(prefers-reduced-motion:reduce){.archive-card{transition:none}.archive-card:hover{transform:none}}

#storage-modes,#gallery-kinds{margin-bottom:16px}dialog #archive-toast{position:static;transform:none;max-width:100%;margin:12px}#viewer-art>img[hidden]{display:none}

.archive-tier .archive-card.missing .archive-portrait img{filter:none;opacity:1}
[data-archive=storage] .archive-hero-art{background-image:linear-gradient(90deg,#181722 3%,#191722c9 46%,#221c2c4d),url('/art/gallery/BG_Make_Drama_Reception.webp')}
[data-archive=tier] .archive-hero-art{background-image:linear-gradient(90deg,#181722 3%,#191722c9 46%,#221c2c4d),url('/art/gallery/BG_Outdoor_Stage_Sunset.webp')}