.demo-refresh{display:block;margin:0 0 15px auto;border:1px solid #d9d2c5;background:#fffdf8;color:#e3664a;padding:8px 11px;font:10px "DM Mono",monospace;letter-spacing:.5px}.demo-refresh[hidden]{display:none}.demo-refresh:hover{background:#e3664a;color:#fff}.collection-grid .card:not(.locked){cursor:pointer;transition:transform .2s,box-shadow .2s}.collection-grid .card:not(.locked):hover{transform:translateY(-5px);box-shadow:5px 7px 0 #e3664a}.detail-modal{position:fixed;inset:0;z-index:20;background:rgba(17,22,43,.78);padding:22px;display:none;align-items:center;justify-content:center}.detail-modal.show{display:flex}.detail-panel{width:min(780px,100%);background:#f4f0e8;display:grid;grid-template-columns:290px 1fr;gap:36px;padding:35px;position:relative}.detail-close{position:absolute;right:13px;top:9px;background:transparent;border:0;font-size:25px;color:#716f75}.detail-card-wrap{align-self:center}.detail-card-wrap .card{box-shadow:0 12px 28px rgba(23,26,44,.2)}.detail-card-wrap .card-art{height:auto;aspect-ratio:2/3}.detail-card-wrap.epic .card{animation:epicDetail 1.4s ease-in-out infinite}.detail-card-wrap.legendary .card{animation:legendaryDetail 1.6s ease-in-out infinite}.detail-card-wrap.legendary{position:relative}.detail-card-wrap.legendary:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle,rgba(237,185,76,.8),transparent 65%);animation:legendAura 1.4s ease-in-out infinite;pointer-events:none}.detail-copy{align-self:center}.detail-copy h2{font:700 38px "Playfair Display",serif;letter-spacing:-1.2px;margin:0 0 8px}.detail-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#716f75}.detail-rarity{font:11px "DM Mono",monospace;letter-spacing:1px;margin:0 0 20px}.detail-rarity.epic{color:#86558e}.detail-rarity.legendary{color:#a57417}.detail-copy dl{display:flex;gap:26px;border-top:1px solid #d9d2c5;margin:23px 0 0;padding-top:15px}.detail-copy dl div{display:grid;gap:4px}.detail-copy dt{font-size:10px;color:#716f75}.detail-copy dd{margin:0;font:20px "Playfair Display",serif}@keyframes epicDetail{50%{filter:drop-shadow(0 0 18px rgba(134,85,142,.65));transform:translateY(-3px)}}@keyframes legendaryDetail{50%{filter:drop-shadow(0 0 25px rgba(225,172,49,.95));transform:translateY(-4px) scale(1.01)}}@keyframes legendAura{50%{transform:scale(1.13);opacity:.45}}@media(max-width:620px){.detail-panel{grid-template-columns:1fr;padding:28px 25px;gap:18px;max-height:92vh;overflow:auto}.detail-card-wrap{max-width:250px;margin:auto}.detail-copy{text-align:center}.detail-copy h2{font-size:32px}.detail-copy dl{justify-content:center;flex-wrap:wrap}.demo-refresh{margin-left:0}}

/* Round 2: a proper large archive view while preserving rarity effects. */
.detail-panel{width:min(1180px,92vw);grid-template-columns:minmax(400px,46%) minmax(0,1fr);gap:clamp(30px,5vw,68px);padding:clamp(30px,4vw,52px);max-height:92vh;overflow:auto}.detail-card-wrap{width:100%;max-width:460px;justify-self:center}.detail-card-wrap .card-art{aspect-ratio:2/3}.detail-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.05}.detail-copy>p:not(.eyebrow){font-size:15px;max-width:510px}.detail-copy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.detail-copy dd{font-size:21px}@media(max-width:760px){.detail-panel{grid-template-columns:1fr;padding:28px 22px;gap:20px}.detail-card-wrap{max-width:330px}.detail-copy{text-align:center}.detail-copy dl{justify-content:initial;text-align:left}.detail-copy>p:not(.eyebrow){margin-inline:auto}}