.collector-dialog{width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;color:#eee5d4;background:linear-gradient(130deg,#19222e,#101822 70%);border:1px solid #b39561;border-radius:15px;box-shadow:0 30px 110px #000b;font:14px/1.5 system-ui,sans-serif}.collector-dialog::backdrop{background:#030911d4}.collector-dialog[open]{display:flex;flex-direction:column}.collector-dialog header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #73603e}.collector-dialog header>div{flex:1}.collector-dialog h2{margin:2px 0;font-family:Georgia,serif;font-size:26px;color:#f0dba9}.collector-dialog header p{margin:0;color:#aebcce;font-size:12px}.collector-dialog header small{font-size:10px;letter-spacing:.14em;color:#c1a87b}.collector-portrait{width:62px;height:84px;object-fit:cover;object-position:50% 18%;border:1px solid #887449;border-radius:40px 40px 12px 12px;background:#202930}.collector-dialog button,.collector-dialog input{font:inherit;color:#f5ead4;accent-color:#d0ac63}.collector-dialog button{padding:9px 13px;background:#243243;border:1px solid #6b7785;border-radius:8px;cursor:pointer}.collector-dialog button:disabled{opacity:.5;cursor:default}.collector-dialog button:focus-visible,.collector-dialog input:focus-visible{outline:2px solid #e5c375;outline-offset:3px}.collector-tabs{display:flex;gap:8px;padding:12px 20px 8px}.collector-tabs button{flex:1}.collector-tabs button[aria-current=page]{color:#ffe7ac;background:#4c4029;border-color:#c0a266}.collector-balance{padding:3px 20px 12px;color:#e6d0a0;font-size:13px;font-variant-numeric:tabular-nums}.collector-body{min-height:0;overflow:auto;display:grid;gap:12px;padding:0 20px 18px}.collector-explainer{margin:0;color:#b8c3d0;font-size:12px}.collector-seal{display:flex;gap:12px;align-items:center;padding:13px;background:#1c2a36;border:1px solid #415368;border-radius:10px;cursor:pointer}.collector-seal input{width:20px;height:20px;flex-shrink:0}.collector-seal>span:not(.collector-icon):not(.collector-seal-tag){display:grid;gap:3px;flex:1;min-width:0}.collector-seal small{font-size:12px;color:#aebcce}.collector-seal-tag{color:#b9d9c4;font-size:10px;letter-spacing:.1em}.collector-icon{width:44px;height:44px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:#101a25;border:1px solid #6c614a;border-radius:10px}.collector-icon img{width:100%;height:100%;object-fit:contain}.collector-icon-fallback:after{content:'◆';font-size:21px;color:#c7ad75}.collector-reward{display:flex;gap:13px;align-items:center;border:1px solid #435063;border-radius:10px;padding:14px;background:#1b2632}.collector-reward>div{flex:1;min-width:0}.collector-reward h3{margin:0;font-size:16px;color:#ecd8b0}.collector-reward p{margin:3px 0 0;font-size:12px;color:#b1bdcd}.collector-reward button{font-size:12px}.collector-notice{margin:0;padding:8px 20px;color:#ddcda8;font-size:12px}.collector-dialog footer{border-top:1px solid #47515b;padding:12px 20px;display:flex;gap:8px;flex-wrap:wrap}.collector-dialog footer button[data-collector-action=openSelected]{background:#5f4b29;border-color:#c0a168}.collector-empty{padding:28px 20px;text-align:center;border:1px dashed #566071;border-radius:10px;color:#afbdca}.collector-disabled{margin:0;color:#e3bc8a}.collector-receipt{padding:20px;text-align:center;border:1px solid #c1a167;border-radius:12px;background:radial-gradient(ellipse at top,#56482f77,transparent 80%)}.collector-receipt h3{color:#f2deb4;margin:8px 0;font:21px Georgia,serif}.collector-receipt p{margin:5px 0}.collector-receipt strong{display:block;color:#e8d092}.collector-receipt small{display:block;color:#b8c5d0;font-size:11px;margin-top:12px}.collector-item{display:flex;align-items:center;gap:10px;text-align:left;padding:6px}.collector-receipt.is-revealing>.collector-icon{animation:collector-unseal 1.5s ease-out both}@keyframes collector-unseal{0%{transform:scale(.8);box-shadow:0 0 0 #efd39c00}60%{transform:scale(1.13);box-shadow:0 0 24px #efd39c77}100%{transform:scale(1);box-shadow:0 0 0 #efd39c00}}@media(max-width:600px){.collector-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.collector-dialog header{padding:12px;gap:10px}.collector-dialog h2{font-size:21px}.collector-portrait{width:42px;height:62px}.collector-tabs,.collector-dialog footer{padding:10px 12px}.collector-body{padding:0 12px 12px}.collector-balance,.collector-notice{padding-left:12px;padding-right:12px}.collector-seal{gap:8px;padding:10px}.collector-seal-tag{font-size:9px}.collector-reward{flex-wrap:wrap;padding:11px}.collector-reward button{width:100%}.collector-dialog footer button{flex:1 1 130px;font-size:12px}.collector-tabs button{font-size:12px}.collector-icon{width:38px;height:38px}}@media(max-height:550px){.collector-dialog[open]{display:block;overflow:auto}.collector-dialog header{padding:8px 12px}.collector-portrait{height:48px;width:35px}.collector-body{overflow:visible}.collector-dialog header p{display:none}}@media(prefers-reduced-motion:reduce){.collector-receipt.is-revealing>.collector-icon{animation:none}}
.collector-dialog{width:min(960px,calc(100vw - 24px));background:radial-gradient(ellipse at 0 0,#46344488,transparent 52%),linear-gradient(130deg,#211f2b,#141620 70%);border-color:#9c8059}
.collector-dialog header{padding:22px 24px;background:linear-gradient(110deg,#271f2bcc,transparent)}
.collector-dialog header p{max-width:580px;color:#c5b6c8;font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:1.55}
.collector-dialog header small{color:#c8a979;font-size:10px}
.collector-portrait{width:72px;height:94px;border-radius:40px 40px 14px 14px;box-shadow:0 0 30px #9f734e25}
.collector-dialog button{min-height:42px;background:#2a2835;border-color:#68606b}
.collector-dialog button:hover:not(:disabled){border-color:#d1b380;background:#3a3040}
.collector-dialog button:disabled{opacity:.65}
.collector-tabs{gap:6px;flex-wrap:wrap}
.collector-tabs button{white-space:nowrap;flex:1 1 120px}
.collector-tabs button[aria-current=page]{background:#4c3946;border-color:#b49368}
.collector-voice{margin:0;padding:5px 24px 15px;min-height:32px;color:#dbc8ac;font:italic 15px/1.55 Georgia,serif}
.collector-voice:empty{display:none}
.collector-balance{margin:0 20px 14px;padding:10px 12px;border:1px solid #78624970;border-radius:8px;background:#13121c80;color:#e6cd9a;line-height:1.6}
.collector-section-title{margin:2px 0 0;color:#f0dbb7;font:23px/1.2 Georgia,serif}
.collector-body{gap:12px;overscroll-behavior:contain}
.collector-reward{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:15px;align-items:start;background:linear-gradient(115deg,#292633,#20222d);border-color:#514757}
.collector-reward>.collector-icon{width:56px;height:56px;margin-top:2px;background:#171823;border-color:#847354}
.collector-reward h3{margin:2px 0 6px;font-size:17px;color:#f0d9b2}
.collector-reward p.collector-description{font-size:13px;line-height:1.55;color:#d5cedb}
.collector-reward>button{max-width:235px;align-self:center;background:#4f3c2c;border-color:#b29363;color:#ffe4b7}
.collector-type{display:block;color:#c3a2be;font-size:10px;letter-spacing:.025em}
.collector-ownership{display:block;margin:8px 0 2px;color:#bab5c7;font-size:11px}
.collector-details{margin-top:7px;color:#c2bacd}
.collector-details summary,.collector-howto summary{cursor:pointer;font-size:12px;color:#d5bd8d;min-height:28px;line-height:28px}
.collector-details summary:focus-visible,.collector-howto summary:focus-visible{outline:2px solid #e5c375;outline-offset:2px}
.collector-details p{line-height:1.6;color:#c8c0d0}
.collector-details blockquote{margin:8px 0 0;color:#c5ac90;font:italic 13px/1.5 Georgia,serif}
.collector-howto{padding:4px 12px;border:1px solid #5b526466;border-radius:8px;background:#11131b55}
.collector-howto p{color:#bdb7ca;font-size:12px;line-height:1.65;margin:6px 0 10px}
.collector-filters{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:0;background:#1c1c27f5;padding:6px 0;z-index:2}
.collector-filters button{font-size:12px;padding:7px 11px;min-height:36px;color:#c8bdd0}
.collector-filters button[aria-pressed=true],.collector-lore button[aria-pressed=true]{background:#534151;border-color:#b69575;color:#ffe5b4}
.collector-reward p.collector-disabled{color:#dfb3a1;font-size:11px;margin-top:7px;line-height:1.5}
.collector-confirm{grid-column:1/-1;padding:14px;border:1px solid #c7a474;border-radius:8px;background:#352b36;box-shadow:0 6px 18px #0003}
.collector-confirm strong{display:block;color:#f7ddb3;font-size:14px}
.collector-confirm p{margin:6px 0 12px;color:#d7c8dc}
.collector-confirm button{margin-right:8px}
.collector-confirm button[data-collector-action=confirmPurchase]{background:#654b30;border-color:#ddbb81}
.collector-lore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 0}
.collector-lore button{text-align:left;padding:13px 16px;min-height:52px;color:#d6c5d8}
.collector-receipt{background:radial-gradient(ellipse at top,#795b4377,transparent 90%)}
.collector-eyebrow{display:block;color:#d0b181;letter-spacing:.12em;font-size:10px}
.collector-receipt-actions{display:flex;gap:8px;justify-content:center;margin-top:15px}
.collector-dialog footer{background:#181823;border-color:#554857}
@media(max-width:680px){.collector-reward{grid-template-columns:44px minmax(0,1fr);gap:10px}.collector-reward>.collector-icon{width:42px;height:42px}.collector-reward>button{grid-column:2;max-width:none;width:100%;min-height:44px}.collector-confirm{grid-column:1/-1}.collector-dialog header{padding:14px}.collector-portrait{width:48px;height:70px}.collector-dialog h2{font-size:22px}.collector-voice{padding:4px 14px 12px;font-size:13px}.collector-balance{margin:0 12px 12px;font-size:12px}.collector-tabs{padding:10px 12px}.collector-tabs button{flex:1 1 calc(50% - 6px);min-height:40px}.collector-dialog header>button{padding:8px;min-height:40px}.collector-body{padding:0 12px 14px}.collector-filters{gap:5px}.collector-filters button{padding:6px 9px}.collector-lore{grid-template-columns:1fr}.collector-confirm button{width:100%;margin:4px 0}.collector-dialog header p{font-size:11px}.collector-notice{line-height:1.5}}
@media(max-height:550px){.collector-dialog header{padding:8px 12px}.collector-voice{padding-bottom:8px;min-height:0}.collector-tabs{padding-top:6px}.collector-dialog header p{display:none}.collector-balance{margin-bottom:8px}.collector-filters{position:static}}
@media(max-height:740px) and (max-width:680px){.collector-dialog[open]{display:block;overflow:auto}.collector-body{overflow:visible}.collector-dialog header{padding:10px 12px}.collector-dialog header p{display:none}.collector-portrait{height:54px;width:38px}.collector-dialog h2{font-size:20px}.collector-voice{font-size:12px;padding-bottom:8px}.collector-filters{position:static}}