[data-mileage="shed"]{--mile-color:#e6cc80}[data-mileage="clean"]{--mile-color:#ff8000}[data-mileage="yeeted"]{--mile-color:#a335ee;--mile-ink:#fff}[data-mileage="roadtrip"]{--mile-color:#0070dd;--mile-ink:#fff}[data-mileage="ftg"]{--mile-color:#1eff00}[data-mileage="tour"]{--mile-color:#fff}
.mileage-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px;border-top:3px dashed var(--ink);background:var(--cream);color:var(--ink);font:10px/1.5 var(--mono);overflow-wrap:anywhere}.mileage-strip[hidden]{display:none}.mileage-sticker{display:inline-block;padding:3px 7px;border:2px solid var(--ink);background:var(--mile-color,var(--cream));color:var(--mile-ink,var(--ink));font:12px/1.3 var(--marker);transform:rotate(2deg);box-shadow:2px 2px 0 var(--shade,var(--ink))}.mileage-odometer{font-weight:500;letter-spacing:.03em}.mileage-blurb{flex-basis:100%;font:13px/1.35 var(--comic);font-weight:700}.mileage-waiting{opacity:.7}
.puppet-slab{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:8px;min-height:64px;padding:6px 9px 6px 10px;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(-55deg,var(--cream) 0 5px,#fff 5px 10px);color:var(--ink);text-align:left}.slab-id{display:flex;flex:1;flex-direction:column;justify-content:center;gap:2px;min-width:0;font:8px/1.3 var(--mono);letter-spacing:.08em}.slab-id small{font:inherit;letter-spacing:inherit}.slab-id b{display:flex;align-items:center;gap:6px;min-width:0;font:18px/1.1 var(--marker);letter-spacing:0;white-space:nowrap}.slab-rarity{display:inline-block;flex-shrink:1;min-width:0;overflow:hidden;padding:2px 5px;border:2px solid var(--ink);background:var(--loot-color,#fff);color:var(--loot-ink,var(--ink));font:9px/1.2 var(--marker);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;transform:rotate(-2deg);cursor:help}.slab-cert{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.85;cursor:help}
.mileage-grade{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:50px;padding:2px 7px 3px;box-shadow:2px 2px 0 var(--shade,var(--ink));border:2px solid var(--ink);background:var(--mile-color,var(--cream));color:var(--mile-ink,var(--ink));cursor:help}.mileage-grade b{font:26px/1 var(--marker)}.mileage-grade small{margin-top:1px;font:7px/1.2 var(--mono);font-weight:700;letter-spacing:.06em;white-space:nowrap}.mileage-grade[data-mileage="shed"]:after{content:"★";position:absolute;top:-4px;right:-6px;font:20px/1 var(--marker);color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--ink),-1px 1px 0 var(--ink),1px -1px 0 var(--ink),-1px -1px 0 var(--ink);filter:drop-shadow(1.5px 1.5px 0 var(--ink));transform:rotate(14deg)}.mileage-grade[hidden]{display:none}
@media(max-width:640px){.puppet-slab{min-height:48px;padding:4px 6px}.slab-id small,.slab-cert{display:none}.slab-id b{flex-wrap:wrap;gap:3px 5px;font-size:14px;white-space:normal}.slab-rarity{flex-shrink:0;overflow:visible;padding:1px 4px;font-size:7px}.mileage-grade{min-width:40px;padding:2px 5px}.mileage-grade b{font-size:20px}.mileage-grade small{display:none}}
.wallet-puppet-card>.puppet-slab{padding:5px 8px 5px 9px}.wallet-puppet-card .puppet-slab small{padding:0;border:0;font:inherit;letter-spacing:inherit}.wallet-puppet-card .mileage-grade small{font:7px/1.2 var(--mono);font-weight:700;letter-spacing:.06em}
.mileage-overall{display:block;margin:0;padding:10px 10px 0;font:11px/1.5 var(--mono);font-weight:700;overflow-wrap:anywhere}.mileage-overall[hidden]{display:none}
.offer-art-frame .puppet-slab{min-height:68px;padding:7px 12px}.offer-art-frame .slab-id{font-size:8px}.offer-art-frame .slab-id b{font-size:20px}.offer-art-frame .slab-rarity{font-size:9px}.offer-art-frame .mileage-grade{min-width:56px}.offer-art-frame .mileage-grade b{font-size:30px}.offer-art-frame .mileage-grade small{font-size:7.5px}
.mileage-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 14px;padding:0;list-style:none;font:14px var(--marker)}.mileage-legend li{display:flex;align-items:center;gap:8px}.mileage-legend li:before{content:"";width:12px;height:12px;border:2px solid var(--ink);background:var(--mile-color);transform:rotate(6deg)}.gallery-mileage-guide{margin:0 0 26px;max-width:780px;font:14px/1.5 var(--comic)}.gallery-mileage-guide summary{cursor:pointer;font-weight:700;min-height:44px;padding:10px 0}.gallery-mileage-guide p{margin:6px 0 12px}.gallery-mileage-guide ul{padding-left:18px;margin:0 0 12px}.gallery-mileage-guide li{margin:6px 0}.gallery-mileage-guide summary:focus-visible{outline:3px dashed currentColor;outline-offset:-5px}
.wallet-odometer{margin-top:14px;padding:12px 14px;border:3px dashed var(--ink);background:var(--cream);font:12px/1.6 var(--mono)}.wallet-odometer strong{display:block;font:22px/1.2 var(--marker)}.wallet-odometer[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.mileage-sticker,.slab-rarity,.gallery-rarity-guide,.gallery-mileage-guide{transform:none}}