/* October refinements: readable boundaries, stable identity and living collections. */
.final-item-grid{grid-template-columns:repeat(auto-fill,minmax(min(235px,100%),1fr));align-items:stretch}.final-item-grid>article{min-width:0;overflow:hidden;cursor:pointer}.final-item-grid .wonder-banner,.ww-item-stage .wonder-banner{width:100%;max-width:100%;height:auto;aspect-ratio:4/1;overflow:hidden}.final-item-grid .wonder-banner svg,.ww-item-stage svg{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}.ww-item-stage{min-width:0;max-width:100%;overflow:hidden}.wonder-banner-quote{font-style:italic;line-height:1.5}.ww-item-stage .wonder-banner-quote,.final-item-grid .wonder-banner-quote{font-size:clamp(9px,1vw,12px);padding:5px;max-width:94%;bottom:4px}.wonder-own-banner[hidden]{display:none!important}
.final-index-tabs,.final-categories{gap:8px;align-items:center;justify-content:center}.final-index-tabs button,.final-categories button{flex:0 1 auto;min-height:42px;white-space:normal;line-height:1.4}.nav-group-links{height:auto;min-height:0}.nav-link,.nav-group summary{line-height:1.45!important;min-height:44px!important;white-space:normal!important;height:auto!important;align-items:center!important;gap:10px!important}.nav-link>span:last-child{min-width:0;overflow-wrap:anywhere}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar .nav-group-links{padding-bottom:8px}.topbar{gap:14px;flex-wrap:wrap}.global-profile{flex:none;margin-left:0}.final-event-pill{margin-left:auto;max-width:280px}.global-profile-copy{max-width:230px}.profile-card{max-width:1120px;margin-inline:auto}.profile-card .profile-top{justify-content:center}.profile-card .profile-heading{text-align:center}.page-heading{min-width:0}.functional-tabs,.settings-tabs{flex-wrap:wrap;justify-content:center}.functional-tabs>button,.settings-tabs>button{flex:0 1 auto;min-height:42px;line-height:1.4;white-space:normal}
.oct-resale{margin-top:24px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.oct-resale summary{padding:18px 22px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:12px}.oct-resale summary span{font-size:12px;font-weight:400;opacity:.6}.oct-resale-body{padding:0 22px 22px;animation:oct-unfold .3s ease both}.oct-resale table{width:100%;border-collapse:collapse;text-align:left}.oct-resale th,.oct-resale td{padding:12px 16px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.oct-resale th{background:color-mix(in srgb,var(--green) 10%,var(--card))}.oct-resale tr:nth-child(even){background:color-mix(in srgb,var(--ink) 3%,transparent)}.oct-resale td:first-child{text-transform:capitalize}.oct-resale tr:last-child td{border-bottom:0}@keyframes oct-unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
html[data-bold-text=true] :is(p,small,label,button,input,textarea,select,td,li,.nav-link,.lede,.eyebrow,span){font-weight:650}html[data-bold-text=true] :is(h1,h2,h3,strong){font-weight:800}.range-control{width:clamp(180px,30vw,520px);max-width:100%;flex:1}.range-control input{width:100%;min-height:30px}.settings-panel[data-settings-panel=audio] .setting-row{grid-template-columns:minmax(180px,1fr) minmax(200px,1fr)}
.final-pack-track{animation-duration:3.5s;animation-timing-function:cubic-bezier(.04,.55,.12,1)}.oct-loading{position:relative;display:grid;place-items:center;min-height:240px;padding:32px 22px 75px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.oct-loading>i{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:oct-spin 1s linear infinite}.oct-loading-tip{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;color:var(--muted);opacity:.65;transition:opacity .45s;font-size:13px;line-height:1.5}.oct-loading-tip.fading{opacity:0}@keyframes oct-spin{to{transform:rotate(360deg)}}
.ww-merchant-art{cursor:pointer;transform-origin:50% 95%;transform:translate(var(--merchant-x,0px),var(--merchant-y,0px)) rotate(var(--merchant-tilt,0deg));transition:transform .35s;animation:oct-breathe 5s ease-in-out infinite}.ww-merchant-art .merchant-eyes{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .15s}.merchant-festive{filter:drop-shadow(0 0 8px #e9bc5f66)}.ww-market[data-night=true]{background:linear-gradient(120deg,#252c49,var(--card));box-shadow:inset 0 0 90px #8da4d322}.ww-market[data-sleep=true] .ww-merchant-art{animation:oct-sleep 4s ease-in-out infinite}.ww-market[data-sleep=true] .merchant-eyes{transform:scaleY(.15);transform-origin:50% 36%}.ww-market[data-searching=true] .ww-merchant-art{animation:oct-search 1.2s ease-in-out infinite}.oct-merchant-night-note{color:var(--muted);font-style:italic;font-size:12px}@keyframes oct-breathe{50%{translate:0 -3px}}@keyframes oct-sleep{50%{rotate:5deg;translate:0 5px}}@keyframes oct-search{50%{transform:translateY(25px) rotate(-12deg)}}
.chapter-art{position:relative;--motion:8s}.chapter-art[data-effect=orbit] .chapter-orbit{transform-origin:50px 50px;animation:oct-orbit 12s linear infinite}.chapter-art[data-effect=refraction]{animation:oct-refraction 7s ease-in-out infinite}.chapter-art[data-effect=bloom] .chapter-orbit{transform-origin:50px 50px;animation:oct-bloom 5s ease-in-out infinite}.chapter-art[data-effect=reverse] .chapter-orbit{transform-origin:50px 50px;animation:oct-orbit 18s linear infinite reverse}.chapter-art[data-effect=rift] .chapter-orbit{animation:oct-rift 6s ease-in-out infinite}.chapter-art[data-effect=comet] .chapter-sky{animation:oct-comet 10s linear infinite}.chapter-art[data-effect=tidal] .chapter-orbit{animation:oct-tidal 7s ease-in-out infinite}.chapter-art[data-effect=aurora]{animation:oct-aurora 8s ease-in-out infinite}.chapter-art[data-effect=echo] .chapter-orbit{animation:oct-echo 5s ease-in-out infinite}.chapter-art[data-effect=eclipse] .chapter-orbit{animation:oct-eclipse 9s ease-in-out infinite}.chapter-sky{animation:oct-stars 11s ease-in-out infinite alternate}.chapter-art[data-effect=still] *{animation:none!important}.ww-rarity-card[data-rarity=mythic] .ww-art-design svg{animation:oct-aurora 8s ease-in-out infinite}.wonder-banner[data-banner=banner-observatory] svg circle{animation:oct-stars 5s ease-in-out infinite alternate}.ww-rarity-card[data-rarity=mythic]{isolation:isolate}.premium-loop[data-frame-art=frame-masterpiece]{animation:oct-echo 6s ease-in-out infinite}.premium-loop[data-frame-art=frame-living-vines]{animation:oct-bloom 5s ease-in-out infinite}.premium-loop[data-frame-art=frame-crimson]{animation:oct-refraction 7s ease-in-out infinite}@keyframes oct-orbit{to{transform:rotate(360deg)}}@keyframes oct-refraction{50%{filter:hue-rotate(35deg) drop-shadow(3px 0 5px #b39be9)}}@keyframes oct-bloom{50%{scale:1.04;filter:drop-shadow(0 0 5px #abd58c)}}@keyframes oct-rift{45%{transform:translateX(-3px)}55%{transform:translateX(3px);filter:drop-shadow(-4px 0 3px #cd9fe7)}}@keyframes oct-comet{to{transform:translate(90px,-20px)}}@keyframes oct-tidal{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes oct-aurora{50%{filter:hue-rotate(65deg) saturate(1.3)}}@keyframes oct-echo{50%{filter:drop-shadow(4px 4px 0 #bca77a66);translate:0 -2px}}@keyframes oct-eclipse{50%{opacity:.55;filter:drop-shadow(0 0 8px #e5ca8e)}}@keyframes oct-stars{to{opacity:.4;transform:translate(8px,-3px)}}
.oct-club-members{display:grid;gap:10px}.oct-club-members>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.oct-chat-log{height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.oct-chat-log article{padding:12px 18px;background:var(--card);border-radius:12px}.oct-chat-log p{white-space:pre-wrap;overflow-wrap:anywhere}.oct-chat-form{display:flex;gap:10px;margin-top:16px}.oct-chat-form textarea{flex:1;min-width:0}.oct-chat-form button{flex:none}.oct-notifications article{padding:18px;border-bottom:1px solid var(--line)}
@media(max-width:740px){.final-event-pill{order:0;max-width:100%;font-size:11px}.global-profile{margin-left:auto}.topbar{gap:8px}.range-control{width:100%}.settings-panel[data-settings-panel=audio] .setting-row{grid-template-columns:1fr}.oct-resale summary{flex-wrap:wrap}.oct-resale-body{padding:0 10px 14px}.oct-resale td,.oct-resale th{padding:10px 8px}.oct-chat-form{flex-wrap:wrap}.oct-chat-form textarea{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.chapter-art,.chapter-art *,.premium-loop,.ww-merchant-art,.wonder-banner svg circle,.oct-loading>i,.oct-resale-body{animation:none!important;transition:none!important}.oct-loading-tip{transition:none}}
[data-frame-art=daybreak-windmill] .final-windmill-sails{animation:none!important}
.chapter-art[data-effect=rift]{animation:oct-rift 6s ease-in-out infinite}.chapter-art[data-effect=eclipse]{animation:oct-eclipse 9s ease-in-out infinite}.chapter-art[data-effect=echo]{animation:oct-echo 6s ease-in-out infinite}.chapter-art[data-effect=tidal]{animation:oct-tidal 7s ease-in-out infinite}.chapter-art[data-effect=reverse]{animation:oct-refraction 9s ease-in-out infinite reverse}.chapter-art[data-effect=comet]{animation:oct-stars 9s ease-in-out infinite alternate}.chapter-art[data-effect=orbit]{animation:oct-tidal 8s ease-in-out infinite}.chapter-art[data-effect=bloom]{animation:oct-bloom 7s ease-in-out infinite}

.wonder-banner{position:relative}.wonder-banner-quote{position:absolute;left:3%;bottom:8%;max-width:92%;padding:8px 14px;background:#1e243caa;color:#f4ead3;border-radius:8px;font:italic clamp(13px,1.6vw,21px)/1.45 var(--serif);pointer-events:none}.final-event-pill small{display:block;opacity:.7;font-size:10px;padding-top:3px}.ww-sticker-picker .chapter-art{width:80px;height:80px;min-height:0;padding:6px}.ww-avatar-badge .chapter-art{padding:0;min-height:0;width:100%;height:100%}.ww-avatar-badge .chapter-art svg{width:100%;height:100%}

#page-profile .profile-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:1120px;margin-inline:auto}#page-profile .profile-identity{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}#page-profile .profile-identity .profile-level{width:min(100%,420px)}#page-profile .profile-identity .profile-avatar{margin:auto}.ww-segmented{flex-wrap:wrap;justify-content:center}.ww-segmented button{flex:0 1 auto;white-space:normal;line-height:1.4;min-height:42px}
html[data-mythic-design=orbit] .app-main:before{animation:oct-world-orbit 28s linear infinite}html[data-mythic-design=aurora] .app-main:before{animation:oct-world-aurora 9s ease-in-out infinite}html[data-mythic-design=rift] .app-main:before{animation:oct-world-rift 8s ease-in-out infinite}
[data-mythic-effect=bloom]{animation:oct-bloom 7s ease-in-out infinite}[data-mythic-effect=eclipse]{animation:oct-eclipse 9s ease-in-out infinite}[data-mythic-effect=reverse]{background-image:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 16px);background-size:32px 2px;background-repeat:repeat-x;background-position:0 100%;animation:oct-title-time 8s linear infinite}
@keyframes oct-world-orbit{to{mask-position:240px -240px}}@keyframes oct-world-aurora{50%{background-color:#d0a4e6;mask-position:24px 0}}@keyframes oct-world-rift{45%{mask-position:-8px 0}55%{mask-position:8px 0}}@keyframes oct-title-time{to{background-position:-32px 100%}}
@media(prefers-reduced-motion:reduce){html[data-mythic-design] .app-main:before,[data-mythic-effect]{animation:none!important}}

.topbar-right{margin-left:auto;justify-content:flex-end;gap:12px;max-width:100%;flex-wrap:wrap}.ww-merchant-art:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:12px}

.oct-profile-stamp{width:84px;height:84px;margin-inline:auto}.oct-profile-stamp .ww-item-stage{width:84px;height:84px;min-height:0;padding:0}.oct-profile-stamp svg{width:100%;height:100%}

.oct-event-deadline{display:block;width:100%;color:var(--muted);font-size:12px;margin-top:6px}
/* Compact collectible galleries, bounded independently of SVG intrinsic size. */
:is(.wonder-pack-rewards,.final-item-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}.wonder-pack-rewards>article,.final-item-grid>article{padding:12px!important;gap:8px;overflow:hidden;font-size:12px}.wonder-pack-rewards :is(.ww-item-stage,.wonder-banner),.final-item-grid :is(.ww-item-stage,.wonder-banner){width:100%;height:112px!important;min-height:0!important;max-height:112px;aspect-ratio:auto}.wonder-pack-rewards .ww-item-stage,.final-item-grid .ww-item-stage{padding:10px;display:grid}.wonder-pack-rewards .ww-item-stage>svg,.final-item-grid .ww-item-stage>svg{width:86px;height:86px;max-width:100%;max-height:100%}.wonder-pack-rewards .ww-wallpaper-preview>svg,.final-item-grid .ww-wallpaper-preview>svg{width:100%;height:100%}.wonder-pack-rewards .ww-art-avatar,.final-item-grid .ww-art-avatar{width:82px;height:82px}.wonder-pack-rewards h3,.final-item-grid h3{font-size:14px;line-height:1.4}.wonder-pack-rewards p,.final-item-grid p{font-size:12px}.wonder-pack-rewards .wonder-banner svg,.final-item-grid .wonder-banner svg{width:100%;height:100%;object-fit:cover}.wonder-pack-rewards .wonder-banner-quote,.final-item-grid .wonder-banner-quote{font-size:9px;line-height:1.3;padding:4px}.discovery-rarity-group>h3{display:flex;align-items:center;gap:12px;font-size:15px;margin:24px 0 12px}.discovery-rarity-group>h3 small{color:var(--muted);font-size:12px;font-weight:400}.ww-item-meta{gap:5px}.ww-item-meta>i{display:none}.rarity-chip,.category-chip,.availability-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--rarity,var(--green)) 9%,var(--card));font-size:10px!important;line-height:1.3;text-transform:capitalize;overflow-wrap:anywhere}.category-emblem{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.rc-dialog-body>.ww-item-stage{width:min(100%,360px);height:180px;min-height:0;margin-inline:auto}.rc-dialog-body>.ww-item-stage>svg{width:120px;height:120px}.rc-dialog-body>.wonder-banner{width:100%;max-width:720px;height:170px;margin:auto}.rc-dialog-body>.wonder-banner .wonder-banner-quote{font-size:13px}.ww-wallpaper-preview>svg{width:100%!important;height:100%!important}
.ww-supply-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ww-supply-grid>.ww-shop-category{display:contents}.ww-supply-grid>.ww-shop-category>h3,.ww-supply-grid .ww-shop-tier>h4{display:none}.ww-supply-grid .rc-shop-grid{display:contents}.ww-supply-grid .ww-rarity-card{padding:14px!important;gap:8px;height:auto}.ww-supply-grid .ww-item-stage{height:74px;min-height:0;padding:8px}.ww-supply-grid .ww-item-stage>svg{width:58px;height:58px}.ww-supply-grid .ww-rarity-card h3{font-size:16px}.ww-supply-grid p{font-size:12px}.ww-supply-grid .ww-item-meta{display:none}.wonder-pack input[type=number]{width:80px;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.discovery-reveal .final-pack-track{animation:none!important;will-change:transform}.discovery-reveal .final-pack-film{height:200px}.discovery-reveal .final-pack-track article{height:200px;width:180px;padding:12px}.discovery-reveal .final-pack-track .ww-item-stage{height:110px;min-height:0;padding:8px}.discovery-reveal .final-pack-track .ww-item-stage svg{width:90px;height:90px}.discovery-reveal .final-pack-track .ww-wallpaper-preview svg{width:100%;height:100%}.discovery-reveal .final-pack-track .ww-art-avatar{height:85px;width:85px}.discovery-reveal .final-pack-track .wonder-banner{height:100px;width:156px;min-height:0}.discovery-pack-count{font-variant-numeric:tabular-nums;font-weight:700}.discovery-rarity-roll{height:40px;display:grid;place-items:center;margin-bottom:12px}.discovery-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.discovery-reveal{position:fixed}.discovery-confetti i{position:absolute;left:var(--x);top:-15px;width:7px;height:13px;background:var(--color);border-radius:2px;animation:discovery-fall 2s var(--delay) ease-in both}@keyframes discovery-fall{to{transform:translate(35px,650px) rotate(var(--a));opacity:0}}
.design-motion-editor{display:grid;grid-template-columns:140px 150px minmax(150px,1fr);gap:18px;align-items:start}.design-direction-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.design-direction-pad button{padding:8px;font-size:20px}.design-direction-pad span{display:grid;place-items:center;font-size:11px}.design-motion-editor svg{width:150px;height:150px;color:var(--green)}#design-motion-controls fieldset{border:0;padding:0;display:grid;gap:16px;min-width:0}#design-motion-controls fieldset:disabled{opacity:.5}#design-motion-controls ol{margin:0;padding:0;list-style:none;max-height:180px;overflow:auto}#design-motion-controls li{display:flex;justify-content:space-between;align-items:center;font-size:12px}html[data-design-animated=true] .app-main:before{mask-position:var(--design-offset-x,0px) var(--design-offset-y,0px)!important;-webkit-mask-position:var(--design-offset-x,0px) var(--design-offset-y,0px)!important}
.ww-merchant-art{animation:none}.merchant-head{transform-origin:50px 70px;transform:rotate(var(--head-tilt,0deg));transition:transform .35s}.merchant-arm{transform-box:view-box;transition:transform .5s;transform-origin:74px 76px}.merchant-arm-left{transform-origin:26px 76px;transform:rotate(var(--arm-reach,0deg))}.merchant-arm-right{transform:rotate(calc(-1 * var(--arm-reach,0deg)))}.ww-market[data-pose="1"] .merchant-head{transform:rotate(calc(var(--head-tilt,0deg) - 7deg)) translate(-1px,-1px)}.ww-market[data-pose="2"] .merchant-arm-right{transform:rotate(45deg)}.ww-market[data-pose="3"] .merchant-eyes{animation:noel-blink 6s ease infinite}.ww-market[data-greeting=true] .merchant-arm-right{animation:noel-wave .45s ease-in-out 4}.ww-market[data-searching=true] .merchant-head{transform:rotate(-23deg) translate(-4px,1px)}.ww-market[data-searching=true] .merchant-arm-left{transform:rotate(-45deg)}.ww-market[data-searching=true] .merchant-arm-right{transform:rotate(50deg)}.ww-market[data-sleep=true] .merchant-head{transform:rotate(12deg) translate(0,5px)}@keyframes noel-wave{50%{transform:rotate(100deg)}}@keyframes noel-blink{0%,45%,49%,100%{scale:1 1}47%{scale:1 .1}}
.wonder-trades .trade-coins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:1500px){:is(.wonder-pack-rewards,.final-item-grid){grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(min-width:720px) and (max-width:1000px){:is(.wonder-pack-rewards,.final-item-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:719px){:is(.wonder-pack-rewards,.final-item-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}.ww-supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-motion-editor{grid-template-columns:140px 1fr}.design-motion-editor ol{grid-column:1/-1}}@media(max-width:380px){:is(.wonder-pack-rewards,.final-item-grid),.ww-supply-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.merchant-head,.merchant-arm{transition:none}.merchant-arm,.merchant-eyes,.discovery-confetti i{animation:none!important}}
:is(.wonder-pack-rewards,.final-item-grid,.final-pack-track) .ww-item-stage.chapter-art:has(>strong){grid-template-rows:auto minmax(0,1fr);padding:8px;gap:5px}:is(.wonder-pack-rewards,.final-item-grid,.final-pack-track) .ww-item-stage.chapter-art>strong{font-size:11px;line-height:1.35;max-height:30px;overflow:hidden;text-align:center}:is(.wonder-pack-rewards,.final-item-grid,.final-pack-track) .ww-item-stage.chapter-art:has(>strong)>svg{height:58px!important;width:58px!important}.wonder-pack-rewards>article{height:290px;box-sizing:border-box}.wonder-pack-rewards article>strong{min-height:32px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wonder-pack-rewards article>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.wonder-pack-rewards article>.ww-item-meta{min-height:42px;align-content:start}
/* Pack cards must grow with their metadata, including zoom and long names. */
.wonder-pack-rewards>article{display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;align-items:stretch;justify-content:flex-start}
.wonder-pack-rewards>article>.ww-item-meta{display:flex!important;flex-wrap:wrap;position:static!important;height:auto!important;min-height:max-content;flex:none;align-items:center;margin:0!important}
.wonder-pack-rewards>article>strong,.wonder-pack-rewards>article>h3{position:static!important;line-height:1.45;margin:6px 0 0;overflow-wrap:anywhere;flex:none}
.wonder-pack-rewards>article>p{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal;margin:6px 0}
.wonder-pack-rewards>article>.ww-item-stage{flex:none}.discovery-rarity-roll .rarity-chip{font-size:20px!important;padding:10px 22px;transition:background .12s,color .12s,box-shadow .12s}
.discovery-rarity-roll [data-rarity=common]{--rarity:#aab4c4;color:#d7dfe9}.discovery-rarity-roll [data-rarity=uncommon]{--rarity:#6cc697;color:#8be8b3}.discovery-rarity-roll [data-rarity=rare]{--rarity:#74aaf4;color:#9cc5ff}.discovery-rarity-roll [data-rarity=epic]{--rarity:#b288ef;color:#cdb0ff}.discovery-rarity-roll [data-rarity=legendary]{--rarity:#e4bd62;color:#ffdb83}.discovery-rarity-roll [data-rarity=mythic]{--rarity:#ee859f;color:#ffacc5;box-shadow:0 0 24px #ee859f55}
.cosmetic-skin-picker{display:grid;gap:8px;margin-top:10px;font-size:12px}.cosmetic-skin-picker select{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}.cosmetic-skin-picker small{color:var(--muted);line-height:1.5}