.collection-card{display:block;position:relative;min-width:0;width:100%;padding:0;border:0;background:transparent;color:#f0e8d1;text-align:center;isolation:isolate;cursor:pointer;font:inherit}
.collection-art{display:block;position:relative;aspect-ratio:2/3;background-image:var(--card-background);background-size:100% 100%;overflow:hidden;container-type:inline-size}
.collection-art:after{content:'';position:absolute;inset:0;background-image:var(--card-frame);background-size:100% 100%;pointer-events:none;z-index:2}
.collection-card .collection-art img{position:absolute;inset:7% 7% 17%;width:86%;height:76%;object-fit:contain;padding:0;background:none;border:0}
.collection-caption{position:absolute;top:60%;bottom:5%;left:8%;right:8%;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;text-shadow:0 1px 4px #000;background:linear-gradient(transparent,#102820b0);padding:2px 0}
.collection-caption strong{font:600 16px 'Be Vietnam Pro',system-ui,sans-serif;line-height:1.5}.collection-caption small{font-size:10px;color:#e2d6aa}.collection-note{display:block;min-height:24px;font-size:10px;line-height:24px;color:#adbea5}
.collection-card:hover .collection-art{filter:brightness(1.12)}.collection-card:focus-visible{outline:2px solid #dfc888;outline-offset:3px}.collection-card.unowned{opacity:.72}.collection-card.unowned .collection-art img{filter:saturate(.55)}
.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,150px));gap:12px;margin:18px 0}.collection-summary{font-size:13px;color:#c7d5ba;line-height:1.8}.collection-card .collection-caption{pointer-events:none}.hero-detail-layout>.collection-card{align-self:start}.hero-detail-layout .collection-caption strong{font-size:22px}.hero-detail-layout .collection-caption small{font-size:13px}
@media(max-width:600px){.collection-caption strong{font-size:12px}.collection-caption small{font-size:8px}.collection-note{font-size:8px}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-detail-layout>.collection-card{max-width:240px;margin:auto}}

.collection-card.unowned{opacity:1}.collection-card.unowned .collection-art{filter:brightness(.35) saturate(.25)}.collection-card.unowned .collection-caption{opacity:.85}.collection-card:not(.unowned) .collection-art{filter:brightness(1.15)}.card-stars{color:#eec76f!important}.upgrade-panel{margin-top:20px;padding-top:16px;border-top:1px solid #d7c28544}.upgrade-panel select{width:100%;padding:10px;background:#102820;color:#e4dec7}.upgrade-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.upgrade-actions button{padding:10px 15px;border:1px solid #ad985e;background:#364a2b;color:#f5dfad}.upgrade-actions button:disabled{opacity:.35}.wallet-line{display:flex;gap:24px;flex-wrap:wrap;color:#dfca8a;margin:15px 0}

.detail-card{align-self:start}.detail-card .collection-caption strong{font-size:22px}.detail-card .collection-caption small{font-size:13px}.card-wallet{display:grid;gap:9px;margin-top:10px;padding:14px;border:1px solid #b8a57244;background:#0c211b;color:#aebfac;font-size:12px}.card-wallet span{display:flex;justify-content:space-between;gap:15px}.card-wallet b{color:#edd69d;font-size:16px;font-variant-numeric:tabular-nums}@media(max-width:600px){.detail-card{width:100%;max-width:240px;margin:auto}}

.star-transfer{margin-top:18px;padding-top:14px;border-top:1px solid #acbd8240}.star-transfer h3{color:#dfce91}

/* Compact lobby cards reserve room for two name lines and the realm. */
.game-lobby .home-team .collection-art{container-type:inline-size}
.game-lobby .home-team .collection-caption{top:60%;bottom:5%;left:7%;right:7%;padding:2px 0;gap:2px;justify-content:flex-end}
.game-lobby :is(.home-team,.hero-grid) .collection-caption strong{font-size:clamp(10px,10cqi,16px);line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
.game-lobby :is(.home-team,.hero-grid) .collection-caption small{font-size:clamp(8px,7cqi,11px);line-height:1.2;flex-shrink:0}
.forge-ready{display:block;color:#f5cf7d;font-size:10px;line-height:1.5;padding:3px 0}
.forge-report{color:#e7ce8e;line-height:1.7;min-height:1.7em}
.forge-help{color:#a9bcac;font-size:12px;line-height:1.7}
.game-lobby .forge-modal{width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;box-sizing:border-box}
.forge-modal .hero-detail-layout{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:start}
.forge-modal .hero-detail-layout select{width:100%;min-width:0;min-height:44px;background:#102820;color:#e4dec7;border:1px solid #ac945657;padding:10px;font:inherit}
.forge-modal .hero-detail-layout p{font-size:12px;line-height:1.8;color:#b4c7b6}
.forge-modal .upgrade-actions{margin-bottom:16px;align-items:stretch}
.forge-modal .upgrade-actions button{min-height:44px;flex:1}
.forge-modal .star-batch-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.forge-modal h3{font-size:19px;margin-top:24px}
@media(max-width:600px){.game-lobby .forge-modal{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:18px}.forge-modal .hero-detail-layout{display:grid;grid-template-columns:1fr;gap:20px}.forge-modal .detail-card{max-width:190px}.forge-modal .hero-detail-layout select{font-size:16px}.forge-modal .upgrade-actions{display:grid;grid-template-columns:1fr}.forge-modal .star-batch-controls{grid-template-columns:1fr}.game-lobby .forge-grid .collection-caption strong{font-size:clamp(10px,10cqi,16px)}}
@media(max-width:600px){.game-lobby .forge-modal .upgrade-actions{display:grid;grid-template-columns:minmax(0,1fr)}.game-lobby .forge-modal .star-batch-controls{grid-template-columns:minmax(0,1fr)}}