.collector-nav{display:flex;gap:10px;margin:0 0 24px;flex-wrap:wrap}.collector-nav button{padding:12px 18px;border:1px solid var(--border);border-radius:7px;background:var(--theme-surface, rgb(255, 255, 255));color:var(--muted);cursor:pointer;font:600 13px Inter,sans-serif}.collector-nav button[aria-pressed=true]{border-color:#c6ee78;color:rgb(109, 131, 66);background:var(--theme-raised, rgb(247, 247, 247))}.collector-badge{font-size:10px;letter-spacing:0;border:1px solid var(--border);color:rgb(109, 131, 66);padding:4px 6px;border-radius:4px;margin-left:6px}.collector{color:var(--text)}.collector-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.collector h1{font:600 clamp(26px,4vw,38px) "Inter",sans-serif;margin:8px 0}.collector h2{font:600 18px "Inter",sans-serif;margin:0 0 16px}.collector h3{font:600 14px Inter,sans-serif}.collector p{font-size:13px;line-height:1.6;color:var(--muted)}.collector .collector-eyebrow{font:11px "IBM Plex Mono",monospace;letter-spacing:0;color:rgb(109, 131, 66)}.collector-panel{border:1px solid var(--border);border-radius:10px;background:var(--theme-surface, rgb(255, 255, 255));padding:24px;margin:18px 0;min-width:0}.collector-panel summary{cursor:pointer;font-weight:600;padding:6px 0}.collector-panel details{margin-top:15px}.collector-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.collector-grid>.collector-panel{margin:0}.collector .inv-stats{margin:18px 0}.collector-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.collector :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--theme-surface, rgb(255, 255, 255));color:var(--text);padding:10px;font:13px Inter,sans-serif;color-scheme: var(--theme-color-scheme, light)}.collector label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);margin:10px 0}.collector label:has(input[type=checkbox]){flex-direction:row;align-items:center}.collector input[type=checkbox]{accent-color:#c6ee78}.collector textarea{min-height:72px;resize:vertical}.collector-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 14px}.collector-table-wrap{overflow:auto;max-width:100%}.collector table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.collector :is(th,td){border-bottom:1px solid var(--border);padding:12px 10px;vertical-align:top}.collector th{color:var(--muted);white-space:nowrap}.collector td{max-width:280px;overflow-wrap:anywhere}.collector a{color:rgb(109, 131, 66)}.collector-chart{width:100%;height:auto;display:block;min-height:150px}.collector-chart circle:focus{outline:none;stroke:#fff;stroke-width:3}.collector-chart-info{min-height:42px;font:12px "IBM Plex Mono",monospace;color:rgb(109, 131, 66)}.collector-muted{color:var(--muted);font-size:12px}.collector-error{border:1px solid #a65a5a;color:rgb(140, 114, 108)!important;padding:16px;border-radius:7px;background:var(--theme-raised, rgb(247, 247, 247))}.collector-record{border-top:1px solid var(--border);padding:14px 0}.collector-record .collector-actions button{padding:7px 12px}.collector-list{padding-left:20px;color:var(--muted);font-size:13px;line-height:1.9}.collector-bar{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0;font-size:12px}.collector-upgrade{background:radial-gradient(ellipse at top right,var(--theme-raised, rgb(247, 247, 247)),var(--theme-surface, rgb(255, 255, 255)) 70%);border-color:var(--border)}.collector-upgrade p{max-width:650px}.collector [aria-busy=true]{opacity:.65}.collector output{display:block;color:rgb(109, 131, 66);margin:12px 0}.collector-button-small{padding:6px 10px;font-size:11px}.collector [hidden]{display:none!important}@media(max-width:750px){.collector-grid{grid-template-columns:1fr}.collector-panel{padding:17px}.collector-heading{align-items:flex-start;flex-direction:column}.collector :is(th,td){padding:10px 7px}.collector .inv-stats{grid-template-columns:1fr}.collector-nav button{padding:10px 12px}.collector-chart{min-height:120px}}@media(prefers-reduced-motion:reduce){.collector *{scroll-behavior:auto}}
.collector-candidate{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:8px 0;font-size:13px}.collector-flag{display:inline-block;margin:2px 0 2px 6px;padding:2px 7px;border-radius:4px;border:1px solid var(--border);color:rgb(109, 131, 66);font:600 11px Inter,sans-serif}.collector-flag-estimate{border-color:#6b5a2f;color:rgb(128, 110, 63)}.collector-axis{fill:#8b95a5;font:11px "IBM Plex Mono",monospace}.collector-period-change{margin:14px 0 6px}.collector-period-change strong{color:var(--text);font-size:16px}.collector-period-change span{color:var(--muted)}
/* Locked (non-Premium) panel */
.collector-upgrade{padding:28px}.collector-upgrade .collector-badge{display:inline-block;margin:0 0 14px}.collector-upgrade h2{margin:0 0 12px}.collector-upgrade p{margin:0 0 14px}.collector-upgrade .inv-button{display:inline-flex;margin:6px 0 18px}.collector-upgrade>:last-child{margin-bottom:0}
/* Site-wide form/label/button rules in styles.css must not restyle Collector forms */
.collector form .inv-button{width:auto;justify-self:start;align-self:start;margin-top:10px;padding:10px 16px;border:1px solid var(--border);border-radius:7px;background:var(--theme-raised, rgb(247, 247, 247));color:var(--text);font:600 13px Inter,sans-serif;letter-spacing:normal;text-transform:none}.collector form .inv-button:hover{border-color:#c6ee78;color:rgb(109, 131, 66)}.collector label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;padding:9px 0;font:13px/1.45 Inter,sans-serif;letter-spacing:normal;text-transform:none;color:var(--text)}.collector input[type=checkbox]{flex:none;width:16px;height:16px;margin:0;padding:0;appearance:auto;-webkit-appearance:checkbox;clip-path:none;border:0;border-radius:3px;background:none;box-shadow:none;accent-color:#c6ee78}#collector-privacy-form{display:block}#collector-blocks{margin-top:16px}
/* Collapsible sections */
.collector-section{padding:0}.collector-grid{align-items:start}.collector-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;cursor:pointer;border-radius:10px}.collector-section>summary::-webkit-details-marker{display:none}.collector-section>summary h2{margin:0}.collector-section>summary::after{content:"";flex:none;width:8px;height:8px;margin:0 4px 4px 0;border-right:2px solid var(--border);border-bottom:2px solid var(--border);transform:rotate(45deg);transition:transform .15s}.collector-section[open]>summary::after{transform:rotate(-135deg);margin:4px 4px 0 0}.collector-section>summary:hover h2{color:rgb(109, 131, 66)}.collector-section>summary:focus-visible{outline:2px solid #c6ee78;outline-offset:-2px}.collector-section-body{padding:0 24px 24px}.collector-section-body>:first-child{margin-top:0}
/* Skin thumbnails */
.collector-thumb{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:52px;height:36px;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at center,var(--theme-raised, rgb(247, 247, 247)) 0%,var(--theme-raised, rgb(247, 247, 247)) 70%);border-bottom:2px solid var(--rarity,var(--border));vertical-align:middle}.collector-thumb img{width:100%;height:100%;object-fit:contain;padding:2px;box-sizing:border-box}.collector-thumb:empty::after{content:"";width:14px;height:14px;border:1.5px solid var(--border);border-radius:3px}.collector-thumb-sm{width:40px;height:28px}.collector td .collector-button-small{white-space:nowrap}.collector-item-cell,.collector-item-head{display:flex;align-items:center;gap:10px;min-width:0}.collector-item-head p{margin:0}.collector-record>.collector-item-head{margin-bottom:6px}.collector-record>.collector-item-head+.collector-item-head{margin-top:10px}td>.collector-item-head{margin:3px 0}details[data-rarity]>summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
/* Bar charts */
.collector-bars{display:grid;gap:2px;margin:8px 0}.collector-bar-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.6fr) minmax(90px,auto);align-items:center;gap:12px;padding:7px 8px;border-radius:6px;outline:none}.collector-bar-row.has-thumb{grid-template-columns:52px minmax(0,1fr) minmax(90px,1.4fr) minmax(90px,auto)}.collector-bar-row:hover{background:var(--theme-raised, rgb(247, 247, 247))}.collector-bar-row:focus-visible{background:var(--theme-raised, rgb(247, 247, 247));box-shadow:inset 0 0 0 1px #c6ee78}.collector-bar-label{min-width:0;font-size:13px;color:var(--text);overflow-wrap:anywhere}.collector-bar-label small{display:block;margin-top:2px;font-size:11px;color:var(--muted)}.collector-bar-track{position:relative;height:14px}.collector-bar-track.is-diverging::before{content:"";position:absolute;left:50%;top:-5px;bottom:-5px;width:1px;background:var(--theme-raised, rgb(239, 239, 239))}.collector-bar-track:has(.collector-bar-empty)::before{display:none}.collector-bar-fill{position:absolute;top:0;height:14px;width:var(--w)}.collector-bar-fill.is-size{left:0;border-radius:0 4px 4px 0;background:#3987e5}.is-diverging .collector-bar-fill.is-up{left:50%;border-radius:0 4px 4px 0;background:#c6ee78}.is-diverging .collector-bar-fill.is-down{right:50%;border-radius:4px 0 0 4px;background:#e66767}.is-diverging .collector-bar-fill.is-flat{left:50%;width:2px;background:#8b95a5}.collector-bar-fill.is-estimate{opacity:.55}.collector-bar-row:hover .collector-bar-fill{filter:brightness(1.12)}.collector-bar-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.collector-bar-value{font:600 12px Inter,sans-serif;color:var(--text);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.collector-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 0;font-size:12px;color:var(--muted)}.collector-legend span{display:inline-flex;align-items:center;gap:7px}.collector-key{flex:none;width:14px;height:8px;border-radius:2px;background:#c6ee78}.collector-key.is-down{background:#e66767}.collector-key.is-estimate{opacity:.55}.collector-key.is-dashed{height:3px;background:repeating-linear-gradient(90deg,#c6ee78 0 5px,transparent 5px 9px)}.collector-table-view{margin-top:12px}.collector-table-view>summary{font-size:12px;color:var(--muted)}
.collector .collector-delta.is-up{color:rgb(109, 131, 66)}.collector .collector-delta.is-down{color:rgb(127, 57, 57)}
/* Line chart, sparkline and tooltip */
.collector-grid-line{stroke:#232a34;stroke-width:1}.collector-baseline{stroke:#3a4350;stroke-width:1}.collector-area{fill:#c6ee78;opacity:.1}.collector-line{fill:none;stroke:#c6ee78;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.collector-line.is-estimate{stroke-dasharray:7 5}.collector-point{fill:#c6ee78;stroke:#12161c;stroke-width:2;outline:none}.collector-chart .collector-point:focus{stroke:#fff;stroke-width:2}.collector-crosshair{stroke:#5b6676;stroke-width:1;pointer-events:none}.collector-hit{fill:transparent;cursor:crosshair}.collector-spark{display:block;width:100%;height:36px;margin-top:12px}.collector-spark-line{fill:none;stroke:#c6ee78;stroke-width:2;vector-effect:non-scaling-stroke}.collector-spark.is-estimate .collector-spark-line{stroke-dasharray:5 4}.collector-spark-area{fill:#c6ee78;opacity:.1}
.collector-tip{position:fixed;z-index:1000;max-width:280px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--theme-surface, rgb(255, 255, 255));box-shadow:0 8px 24px rgba(0,0,0,.45);color:var(--text);font:12px/1.5 Inter,sans-serif;white-space:pre-line;pointer-events:none}.collector-tip::first-line{font-weight:700}.collector-tip[hidden]{display:none}
@media(max-width:750px){.collector-section>summary{padding:16px 17px}.collector-section-body{padding:0 17px 17px}.collector-bar-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.collector-bar-row.has-thumb{grid-template-columns:44px minmax(0,1fr) auto}.collector-bar-row .collector-bar-track{grid-column:1/-1;grid-row:2}.collector-thumb{width:44px;height:30px}}
