:root{--cabinet-brass:#d6bd87;--cabinet-ink:#171b1c;--cabinet-paper:#e5dcc7}
.collector-room{position:relative;margin:3rem 0;padding:clamp(1.3rem,4vw,3.5rem);border:1px solid #83734c66;border-radius:4px;background:radial-gradient(ellipse at 12% 5%,#b58a4126,transparent 55%),linear-gradient(145deg,#25302c,#11171a 60%,#201c21);box-shadow:inset 0 0 0 6px #111719,0 22px 60px #0004;color:var(--cabinet-paper);overflow:hidden}
.collector-room:before{content:'✧';position:absolute;right:1.5rem;top:1.5rem;color:var(--cabinet-brass);font-size:2rem;pointer-events:none}
.collector-heading{max-width:46rem}.collector-heading h2{font-size:clamp(1.8rem,3vw,3rem);font-weight:400;margin:.5rem 0 1rem}.collector-heading>p{line-height:1.7}.collector-room .eyebrow{color:var(--cabinet-brass)}.collector-counts{color:#b6c6bb;border-top:1px solid #a3916738;padding-top:1rem;font-size:.88rem}
.collector-showcase{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;margin:2rem 0 3rem;padding:clamp(1rem,3vw,2.5rem);border:1px solid #c0a36b55;background:radial-gradient(ellipse at 30% 0%,#e5c78817,transparent 60%),repeating-linear-gradient(0deg,#2c241e12 0 2px,transparent 2px 6px),#0d1315;box-shadow:inset 0 -12px 16px #0005}
.collector-display{display:block;width:100%;max-width:320px;justify-self:center;padding:0;background:none;border:0;cursor:pointer;transform:rotate(-2deg);transition:transform .25s,filter .25s}.collector-display:hover,.collector-display:focus-visible{transform:rotate(0deg) translateY(-4px);filter:drop-shadow(0 8px 16px #d9c18b22)}.collector-display>*{width:100%;margin:0!important;pointer-events:none}.collector-display .specimen-card{max-width:100%}.collector-caption h3{font-size:clamp(1.5rem,3vw,2.5rem);margin:.6rem 0}.collector-caption p{line-height:1.8;color:#c4cbbb}.collector-caption label{display:grid;gap:.6rem;margin:1rem 0;font-size:.85rem;color:#cabd9e}.collector-caption select{width:100%;max-width:100%}
.discovery-shelf h3,.release-collections h3{font-weight:400;font-size:1.7rem}.discovery-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0 0 1.4rem;border-bottom:9px solid #5b4937;box-shadow:0 12px 15px -12px #000}.shelf-specimen{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;border:1px solid #b79e633b;padding:1rem .6rem;background:linear-gradient(#34342c44,#0c1316);color:#ddd4bf;cursor:pointer;border-radius:3px}.shelf-specimen:hover{border-color:#cbb87e}.shelf-specimen img{width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 6px 10px #0008)}.shelf-specimen strong{font-family:Georgia,serif;font-size:1rem;font-weight:400}.shelf-specimen span{color:#afc8b9;font-size:.75rem}.shelf-specimen small{color:#aaa292}
.collector-folio{margin-top:2rem;border:1px solid #ad936a44;background:#10171988;padding:1rem}.collector-folio>summary{cursor:pointer;font-family:Georgia,serif;font-size:1.3rem;color:#dfc695;min-height:30px}.collection-drawers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.collection-drawer{display:flex;flex-direction:column;gap:.7rem;padding:1rem;border:1px solid #8b795252;background:linear-gradient(135deg,#35312888,#192323);color:#ded2b6;text-decoration:none;min-width:0}.collection-drawer strong{font-family:Georgia,serif;font-weight:400;font-size:1.05rem}.collection-drawer progress{width:100%;height:6px;accent-color:#b6c9a6}.collection-drawer>span:last-child{font-size:.8rem;color:#b2c7b7}.habitat-drawers{display:grid;gap:.6rem}.habitat-drawers details{border-top:1px solid #aa956633;padding:1rem 0}.habitat-drawers summary{cursor:pointer;line-height:1.6}.habitat-drawers button{display:block;margin:.6rem 0;min-height:32px}
body[data-view=vault] .vault-grid{gap:1.25rem;padding:1.25rem;background:linear-gradient(110deg,#29211d99,#151c1c);border:1px solid #92744455}body[data-view=vault] .specimen{border-color:#a58e5c55;background:radial-gradient(ellipse at top,#cab57d0f,transparent),#11181a;box-shadow:0 7px 15px #0004}body[data-view=vault] .specimen h3{color:#e7d9b7}body[data-view=vault] .restore,body[data-view=vault] .storage-controls{border-color:#8e785544}
.vault-toolbar,.collector-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.5rem 0}.vault-toolbar label,.collector-filters label{display:grid;gap:.5rem;flex:1 1 160px;min-width:0}.vault-toolbar label:has(input[type=checkbox]){display:flex;align-items:center}.vault-toolbar input,.vault-toolbar select,.collector-filters select,.collector-caption select{box-sizing:border-box;padding:.75rem;background:#10161a;border:1px solid #a38a5755;color:#e1dbc9;font:inherit;min-height:44px;min-width:0}.vault-toolbar>span,.collector-filters>p{flex-basis:100%}.collector-room button:focus-visible,.collector-room a:focus-visible,.collector-room summary:focus-visible{outline:2px solid #e1cc91;outline-offset:4px}
body[data-view=game] #result-banner:not([hidden]){animation:archive-arrival .75s ease-out both}@keyframes archive-arrival{from{opacity:0;transform:translateY(10px);filter:brightness(1.4)}to{opacity:1;transform:none;filter:brightness(1)}}
@media(max-width:650px){.collector-showcase{grid-template-columns:1fr}.collector-display{max-width:240px}.discovery-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-specimen img{height:125px}.collection-drawers{grid-template-columns:1fr}.collector-room{padding:1.2rem;margin:2rem 0}.collector-room:before{font-size:1.2rem;right:.7rem;top:.7rem}.collector-caption h3{overflow-wrap:anywhere}.collector-folio{padding:.8rem}}
@media(prefers-reduced-motion:reduce){.collector-display{transition:none;transform:none}.collector-display:hover{transform:none}body[data-view=game] #result-banner:not([hidden]){animation:none}}

body.low-motion #result-banner:not([hidden]){animation:none}
.collector-caption small{display:block;color:#b0b9ac;line-height:1.6;margin:1rem 0}

.collector-showcase:not(:has(.collector-display)){grid-template-columns:1fr}