/* Rarity palettes travel with the item, from reward preview to the watchlist collection. */
.entry-reward-season,.collection-season{--skin:#ffd883;--skin-rgb:255,203,101;--skin-edge:#826039;--skin-well:#33291b}
.entry-reward-weekly,.collection-weekly{--skin:#ffad6c;--skin-rgb:255,142,61;--skin-edge:#805035;--skin-well:#352219}
.entry-reward-disco,.collection-disco{--skin:#9cdfff;--skin-rgb:110,198,255;--skin-edge:#356182;--skin-well:#122b40}
.collectible-art{display:block;width:190px;height:auto;max-width:100%;overflow:visible;flex-shrink:0;filter:drop-shadow(0 9px 9px #0009)}
.collectible-season{filter:drop-shadow(0 5px 13px #e5b54b3b)}
.collectible-weekly{filter:drop-shadow(0 5px 12px #f47d2833)}
.collectible-disco{filter:drop-shadow(0 5px 12px #359eff30)}
.skin-engraving{paint-order:stroke;stroke:#0007;stroke-width:.5px}
.skin-rival-name{letter-spacing:-.1px}
.skin-card-heading{display:grid;justify-items:center;gap:10px;position:relative;z-index:1}
.skin-rarity{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--skin,#a8d9ff);border:1px solid rgba(var(--skin-rgb,110,198,255),.4);background:rgba(var(--skin-rgb,110,198,255),.09);font:600 10px/1.3 var(--font);letter-spacing:1.5px;text-transform:uppercase;padding:6px 11px;border-radius:5px;position:static}
.skin-rarity i{width:5px;height:5px;background:currentColor;transform:rotate(45deg);box-shadow:0 0 8px currentColor}
.simple-arena .skin-card-heading h2{font:500 17px/1.3 var(--display);letter-spacing:.1px;color:#edf3ff;margin:0}
.simple-arena .entry-reward-season .skin-card-heading h2{color:#ffe3a8}
.skin-showcase{position:relative;display:grid;place-items:center;isolation:isolate;margin:6px 0 9px;padding:0;background:none}
.skin-showcase:before{content:'';position:absolute;z-index:-1;width:180px;height:180px;max-width:100%;border-radius:50%;background:radial-gradient(circle,rgba(var(--skin-rgb),.12),transparent 67%);pointer-events:none}
.skin-showcase .collectible-art{width:196px}
.entry-reward-disclosure .entry-reward-tile{position:relative;overflow:hidden;padding:20px 16px 15px;border:1px solid var(--skin-edge);border-radius:14px;background:radial-gradient(ellipse at top,rgba(var(--skin-rgb),.055),transparent 65%),#0b1423;box-shadow:inset 0 1px rgba(var(--skin-rgb),.18),0 6px 18px #0002;text-align:center}
.entry-reward-disclosure .entry-reward-tile:before{content:'';position:absolute;left:28%;right:28%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--skin),transparent);box-shadow:0 0 14px rgba(var(--skin-rgb),.3);pointer-events:none}
.entry-reward-description{font:400 12px/1.6 var(--font);color:#becce0;margin:0 0 15px;text-wrap:balance}
/* Full-width loot and match-clock consoles keep the primary information large on phones. */
.entry-reward-disclosure .entry-reward-metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;border:0;align-items:stretch}
.entry-reward-disclosure .entry-reward-metrics>.reward-hud{position:relative;isolation:isolate;display:grid;align-content:center;justify-items:center;gap:11px;min-width:0;min-height:0;margin:0;padding:17px 14px;border:1px solid rgba(var(--skin-rgb),.46);border-radius:10px;background:radial-gradient(ellipse at 50% 0,rgba(var(--skin-rgb),.1),transparent 70%),linear-gradient(180deg,#101b2b,#070f1c);box-shadow:inset 0 1px rgba(var(--skin-rgb),.16),inset 0 -3px #0005,0 3px 0 #030911;text-align:center}
.reward-hud:before,.reward-hud:after{content:'';position:absolute;width:17px;height:17px;border-color:var(--skin);border-style:solid;opacity:.9;pointer-events:none}
.reward-hud:before{left:-1px;top:-1px;border-width:2px 0 0 2px;border-radius:10px 0 0 0}
.reward-hud:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-radius:0 0 10px 0}
.reward-hud-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#c1d1e8;font:600 12px/1.4 var(--font);letter-spacing:.8px;text-align:center}
.reward-hud-label>svg{width:21px;height:21px;color:var(--skin);flex-shrink:0;filter:drop-shadow(0 0 6px rgba(var(--skin-rgb),.25))}
.entry-reward-prize.reward-hud>strong{font:600 23px/1.25 var(--display);color:var(--skin);text-wrap:balance;max-width:100%;letter-spacing:-.4px;text-shadow:0 0 18px rgba(var(--skin-rgb),.16)}
.reward-hud>.reward-hud-note{font:400 11px/1.5 var(--font);color:#b2c5e0;letter-spacing:.15px}
.reward-hud>.reward-loot-tier{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 11px;border:1px solid rgba(var(--skin-rgb),.28);border-radius:4px;background:rgba(var(--skin-rgb),.07);color:var(--skin);font-weight:500}
.reward-loot-tier i{font-style:normal;font-size:9px;line-height:1}
.entry-reward-clock.reward-hud>.reward-time{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:9px;width:100%;max-width:310px;color:#f0f6ff;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:0}
.reward-time-unit{position:relative;display:grid;min-width:0;border:1px solid rgba(var(--skin-rgb),.32);border-radius:7px;overflow:hidden;background:linear-gradient(180deg,rgba(var(--skin-rgb),.12),#08111e 60%);box-shadow:inset 0 1px #ffffff12,0 2px 0 #020711}
.reward-time-unit>b{display:block;font:600 36px/1 var(--display);letter-spacing:-1px;padding:10px 4px 8px;color:#f0f5ff;text-shadow:0 0 13px rgba(var(--skin-rgb),.2)}
.reward-time-unit>small{display:block;font:600 10px/1.3 var(--font);letter-spacing:1px;text-transform:uppercase;padding:5px 4px;border-top:1px solid rgba(var(--skin-rgb),.2);background:rgba(var(--skin-rgb),.07);color:var(--skin)}
.reward-hud>.reward-clock-zone{font-size:10px;letter-spacing:.3px;color:#a7bbd7}
.entry-reward-clock.reward-hud>.entry-reward-date{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 25px/1.3 var(--display);color:var(--skin);letter-spacing:-.4px;text-shadow:0 0 20px rgba(var(--skin-rgb),.18)}
.reward-launch-dot{width:7px;height:7px;border-radius:50%;background:var(--skin);box-shadow:0 0 10px var(--skin);flex-shrink:0}
.reward-launch-format{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:310px;padding:10px 5px;border-top:1px solid rgba(var(--skin-rgb),.22);font:500 12px/1.4 var(--font);color:#c9d9ed}
.reward-launch-format>b{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid rgba(var(--skin-rgb),.4);border-radius:5px;background:rgba(var(--skin-rgb),.08);color:var(--skin);font:600 10px/1 var(--display)}
.skin-rule{font:400 11px/1.6 var(--font);color:#b4c6e0;margin:12px 4px 0;text-wrap:balance}
/* A real time-based metal reflection, rather than a downloaded GIF. */
.legendary-shine{animation:legendary-metal-sweep 6s ease-in-out infinite;animation-delay:-1.8s;will-change:transform}
.legendary-aura{transform-origin:110px 99px;animation:legendary-breathe 6s ease-in-out infinite}
.legendary-spark{transform-origin:164px 51px;animation:legendary-sparkle 6s ease-in-out infinite}
.entry-reward-disclosure:not([open]) .legendary-shine,.entry-reward-disclosure:not([open]) .legendary-aura,.entry-reward-disclosure:not([open]) .legendary-spark{animation-play-state:paused}
@keyframes legendary-metal-sweep{0%,18%{transform:translateX(-125px)}52%,100%{transform:translateX(260px)}}
@keyframes legendary-breathe{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.025)}}
@keyframes legendary-sparkle{0%,24%,65%,100%{opacity:.25;transform:scale(.8)}42%{opacity:1;transform:scale(1.1)}}
.competition-feature .crown-prize .collectible-art{width:190px;margin:4px auto}
.competition-feature .crown-prize>strong.skin-prize-name{font:500 15px/1.5 var(--display);letter-spacing:0;color:#efd7a6;text-align:center}
.competition-feature .weekly-crown-layout .crown-prize>strong.skin-prize-name{color:#ffb574}
.skin-cash-extra{font:500 14px/1.4 var(--display);color:#d0e3ff}
.competition-feature .crown-prize{gap:8px}
.disco-skin-preview .collectible-art{width:196px;margin:0 auto 10px}
.collection-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #3b5e96;border-radius:8px;background:#12213a;color:#c8dcff;font:500 12px/1.4 var(--font);cursor:pointer;margin-top:10px}
.collection-button:hover{border-color:#83b2ff;background:#1a3155}
.collection-button:focus-visible{outline:2px solid #b4d4ff;outline-offset:3px}
.collection-dialog.arena-dialog{width:min(660px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:30px 22px;background:#0b1424;border-color:#395b91;overflow:auto;text-align:center}
.collection-dialog h2{margin:7px 0;color:#e4eeff;font:500 27px/1.2 var(--display)}
.collection-dialog>p{font:400 12px/1.6 var(--font);color:#a1b8da}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.collection-item{display:grid;justify-items:center;align-content:start;padding:18px 10px;border:1px solid var(--skin-edge);border-radius:12px;background:radial-gradient(ellipse at top,rgba(var(--skin-rgb),.08),transparent 65%),#0c182a;gap:8px;min-width:0}
.collection-item .collectible-art{width:190px;margin-block:2px}
.collection-item h3{font:500 15px/1.5 var(--display);margin:0;color:var(--skin)}
.collection-item p{font:400 12px/1.5 var(--font);margin:0;color:#b6c9e4}
.collection-empty{margin:25px 0 5px;border:1px dashed #304b70;border-radius:12px;padding:25px 18px;display:grid;justify-items:center;gap:9px}
.collection-empty .collectible-art{width:140px;opacity:.7}
.collection-empty strong{font:500 15px/1.5 var(--display);color:#dceaff}
.collection-empty p{margin:0;font:400 12px/1.6 var(--font);color:#9bb3d3;max-width:310px}
@media(max-width:600px){.entry-reward-disclosure .entry-reward-tile{padding:18px 11px 13px}.skin-showcase .collectible-art{width:190px}.collection-dialog.arena-dialog{padding:29px 15px}.collection-grid{gap:10px}.collection-item .collectible-art{width:170px}.competition-feature .crown-prize .collectible-art{width:180px}}
@media(max-width:440px){.collection-grid{grid-template-columns:minmax(0,1fr)}.collection-item .collectible-art{width:196px}}
@media(max-width:350px){.entry-reward-disclosure .entry-reward-tile{padding-inline:9px}.entry-reward-disclosure .entry-reward-metrics>.reward-hud{padding:15px 10px;gap:10px}.entry-reward-prize.reward-hud>strong{font-size:21px}.reward-hud-label{font-size:12px;gap:7px}.reward-time-unit>b{font-size:32px}.entry-reward-clock.reward-hud>.reward-time{gap:7px}.entry-reward-clock.reward-hud>.entry-reward-date{font-size:23px}.reward-launch-format{gap:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.legendary-shine,.legendary-aura,.legendary-spark{animation:none!important;will-change:auto}.legendary-shine{transform:translateX(80px);opacity:.28}.legendary-aura,.legendary-spark{opacity:.65;transform:none}}