/* A quiet collection drawer: identity, one preview, one primary action. */
.hero-collection{--hc-gold:#e5c389;--hc-ink:#142333;--hc-line:#d4b77c40;color:#eee5d4;font-size:13px;line-height:1.5;min-width:0;max-width:100%;overflow:hidden;font-family:inherit}
.hero-collection *{box-sizing:border-box}.hero-collection button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-collection button:focus-visible,.hero-collection video:focus-visible{outline:2px solid #ffe2a4;outline-offset:3px}.hero-collection button:disabled{cursor:default;opacity:.5}.hero-collection button:not(:disabled):active{transform:translateY(1px)}
.hc-heroes{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bca36a55 transparent;gap:8px;padding:3px 2px 11px;scroll-snap-type:x proximity}.hc-heroes button{display:flex;flex:0 0 54px;min-width:0;min-height:76px;padding:4px 2px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a5b4c0;align-items:center;flex-direction:column;gap:4px;scroll-snap-align:center;transition:color .15s,border-color .15s,background .15s}.hc-heroes button>span:last-child{max-width:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:600}.hc-heroes button[aria-selected=true]{border-color:#d7b67599;background:#d4ac5e12;color:#ffe2ac}.hc-hero-avatar{display:grid;place-items:center;width:42px;height:44px;overflow:hidden;border-radius:8px;background:#10202c;border:1px solid #bcaa7933;color:var(--hc-gold);font-size:20px}.hc-hero-avatar .kitchen-portrait,.hc-hero-avatar img,.hc-hero-avatar svg{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.hc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 1px 14px}.hc-heading>div{min-width:0}.hc-heading h3{font-size:21px;line-height:1.25;letter-spacing:.04em;margin:2px 0 0;color:#f7d99e}.hc-heading>div>small{font-size:10px;letter-spacing:.1em;color:#a9b5be}.hc-balance{display:grid;grid-template-columns:18px auto;column-gap:6px;align-items:center;flex-shrink:0;color:#f0d397;text-align:right}.hc-balance>span{grid-row:1/3;font-size:25px;line-height:1;color:#d5b271}.hc-balance strong{font-size:22px;font-variant-numeric:tabular-nums;line-height:1.15}.hc-balance>small{font-size:10px!important;letter-spacing:0!important;color:#b6b4ab!important}
.hc-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:4px;border:1px solid var(--hc-line);border-radius:10px;background:#0e1a27;margin:0 0 12px}.hc-kinds button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:48px;min-width:0;border:0;border-radius:6px;background:transparent;color:#adb9c2;line-height:1.2;transition:background .18s,color .18s}.hc-kinds button>span{font-size:13px;font-weight:700}.hc-kinds button>small{font-size:9px;color:inherit;opacity:.75}.hc-kinds button[aria-selected=true]{background:#d8b776;color:#2f281e;box-shadow:0 1px 0 #ffe6ad77 inset}.hc-kinds button[aria-selected=true]>small{opacity:.85}
.hc-stage{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0;width:100%;height:clamp(220px,72vw,410px);max-height:48svh;min-height:180px;overflow:hidden;border-radius:12px;border:1px solid #e0bb704d;background:#0f1d2a;box-shadow:0 1px 0 #edce8b0f inset}.hc-stage::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 5px #0c182522 inset;pointer-events:none}.hc-stage img,.hc-stage video{display:block;width:100%;height:100%;object-fit:contain;min-width:0;max-width:100%}.hc-stage img.hc-portrait{object-fit:contain}.hc-stage-outfit{background:radial-gradient(ellipse at 50% 95%,#b18a4140 0,transparent 42%),#142333}.hc-stage img.hc-outfit{padding:14px 18px 40px;filter:drop-shadow(0 9px 9px #0005);object-position:50% 100%}.hc-forms{position:absolute;display:flex;gap:3px;bottom:10px;left:50%;transform:translateX(-50%);padding:3px;border:1px solid #ddbc7655;border-radius:20px;background:#102030ee;z-index:1}.hc-forms button{border:0;min-width:60px;min-height:36px;border-radius:16px;background:transparent;color:#aebbc3;font-size:11px;font-weight:700}.hc-forms button[aria-pressed=true]{background:#d4b475;color:#2d281f}.hc-motion-hint{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:3px 7px;border-radius:6px;color:#e7d9bb;background:#0d1b2bd9;font-size:10px;pointer-events:none}.hc-collected-stamp{position:absolute;top:12px;right:12px;padding:4px 9px;border:1px solid #ffe0a1aa;border-radius:5px;background:#29251ee8;color:#ffe1a5;font-size:10px;letter-spacing:.08em;z-index:2}.hc-just-collected{animation:hc-collect .6s cubic-bezier(.16,1,.3,1) both}@keyframes hc-collect{from{box-shadow:0 0 0 1px #f5d591,0 0 30px #e2b86444}to{box-shadow:0 0 0 0 transparent,0 0 0 transparent}}
.hc-progress{display:flex;align-items:center;gap:10px;margin:14px 1px 0;min-width:0}.hc-progress progress{flex:1;min-width:30px;width:0;height:5px;border:0;border-radius:10px;background:#8d9ca02b;color:#dcb979;appearance:none;overflow:hidden}.hc-progress progress::-webkit-progress-bar{background:#8d9ca02b;border-radius:10px}.hc-progress progress::-webkit-progress-value{background:#dcb979;border-radius:10px}.hc-progress progress::-moz-progress-bar{background:#dcb979;border-radius:10px}.hc-progress>small{font-size:10px;flex-shrink:0;color:#b5c0c6;max-width:65%;text-align:right}.hc-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:13px 0 0}.hc-primary{display:block;width:100%;min-height:46px;font-size:14px!important;letter-spacing:.04em}.hc-default{min-height:40px;font-size:11px}.hc-owned{display:flex;justify-content:center;gap:8px;align-items:center;min-height:46px;margin:0;color:#e0c996;font-size:12px}.hc-owned>span{display:grid;place-items:center;border:1px solid #ad95625c;border-radius:50%;width:22px;height:22px;font-size:12px}.hc-notice{padding:9px 10px;margin:0 0 12px;border:1px solid #bc8c6344;border-radius:8px;background:#a9792921;color:#efd9ba;font-size:11px}.hc-notice p{margin:0}.hc-notice button{min-height:36px;padding:5px 0}.hc-status{font-size:11px;color:#dcc28b;text-align:center;margin:0 0 9px}.hc-details{margin:13px 0 0;border-top:1px solid var(--hc-line);font-size:11px;color:#9eafb9}.hc-details summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#c2c6c5;list-style:none}.hc-details summary::-webkit-details-marker{display:none}.hc-details summary::after{content:'+';font-size:16px;color:#bba36d}.hc-details[open] summary::after{content:'−'}.hc-details p{margin:0 0 8px;line-height:1.7}.hc-media-fallback{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:8px;padding:24px;color:#a5b3be;font-size:11px}.hc-media-fallback>span{color:#bba16b;font-size:48px;font-weight:400}.hc-media-fallback p{max-width:220px;margin:0}.hc-empty{display:flex;min-height:280px;padding:28px 16px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hc-empty>span{font-size:44px;color:#c1a574}.hc-empty h3{font-size:19px;letter-spacing:.06em;color:#efd196;margin:10px 0 0}.hc-empty p{font-size:12px;color:#a7b4be;max-width:260px}.hc-empty button{min-height:44px;min-width:120px;margin-top:10px}
@media(max-width:350px){.hc-heroes{gap:5px}.hc-heroes button{flex-basis:48px}.hc-heading h3{font-size:19px}.hc-stage{height:245px;max-height:45svh}.hc-kinds button>small{font-size:8px}.hc-kinds button>span{font-size:12px}.hc-stage img.hc-outfit{padding:10px 10px 40px}.hc-primary{font-size:13px!important}}
@media(min-width:650px){.hc-stage{height:390px;max-height:52svh}.hc-heroes{gap:7px}.hc-heroes button{flex-basis:50px}}
@media(orientation:landscape) and (max-height:500px){.hc-stage{min-height:160px;height:48vh;max-height:48vh}.hc-heroes button{min-height:64px}.hc-hero-avatar{height:34px;width:34px}}
@media(prefers-reduced-motion:reduce){.hero-collection *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-game-motion=off] .hero-collection *{animation:none!important;transition:none!important;scroll-behavior:auto!important}