/* A permanent shelf for the rewards earned across X Games. */
body.halloween .site-header {gap:clamp(18px,3vw,44px)}
body.halloween .main-nav {gap:22px;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
body.halloween .main-nav>a {flex:none}
body.halloween .hub-tabs {flex-wrap:wrap;row-gap:4px}
body.halloween .hub-tabs [role=tab] {flex:none;min-height:44px}
.achievements-summary {display:flex;align-items:center;gap:16px;padding:21px 24px;margin:26px 0;border:1px solid #63484d;background:linear-gradient(105deg,#322335,#201927);border-radius:10px}
.achievement-summary-mark {color:#ffd38a;font-size:35px;line-height:1}
.achievements-summary b {font-family:var(--display);font-size:19px;letter-spacing:-.4px}
.achievements-summary p {margin:3px 0 0;font-size:12px;color:#c1afc7}
.achievements-summary>a {margin-left:auto;flex:none;font-size:12px}
.achievements-grid {display:grid;grid-template-columns:1fr;gap:22px}
.achievement-card {display:grid;grid-template-columns:185px minmax(0,1fr);align-items:center;gap:30px;padding:32px;border:1px solid #614453;border-radius:13px;background:radial-gradient(ellipse at 5% 25%,#57354c50,transparent 48%),#211927;box-shadow:0 8px 28px #0002}
.achievement-art {display:grid;place-items:center;min-width:0}
.achievement-art img {width:165px;height:auto;max-width:100%;filter:grayscale(.7);opacity:.55;transition:filter .2s,opacity .2s}
.achievement-card.is-earned {border-color:#ad8448;background:radial-gradient(ellipse at 5% 25%,#8f632c40,transparent 48%),#251d26}
.achievement-card.is-earned .achievement-art img {filter:none;opacity:1}
.achievement-topline {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.achievement-status {font-size:11px;font-weight:700;color:#d5bedb;border:1px solid #705378;padding:4px 10px;border-radius:20px}
.is-earned .achievement-status {color:#ffe3a0;border-color:#ad8448;background:#66502644}
.achievement-copy h3 {font-family:var(--display);font-size:31px;letter-spacing:-1px;line-height:1.2;margin:12px 0 9px}
.achievement-description {font-size:13px;color:#d0bed4;margin:0 0 24px;line-height:1.7}
.achievement-progress-label {display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d2c0d5}
.achievement-progress-label b {color:#ffe0b2;font-weight:650}
.achievement-card progress {appearance:none;-webkit-appearance:none;display:block;width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;margin:9px 0 17px;background:#49354b;accent-color:#ffcc79}
.achievement-card progress::-webkit-progress-bar {background:#49354b;border-radius:20px}
.achievement-card progress::-webkit-progress-value {background:linear-gradient(90deg,#f3a35b,#ffdb8e);border-radius:20px}
.achievement-card progress::-moz-progress-bar {background:#ffcc79;border-radius:20px}
.achievement-reward {font-size:10px;color:#e8c495;letter-spacing:.4px;margin:0;line-height:1.8}
.achievement-date {font-size:11px;color:#c9b6cd;margin:8px 0 0}
.achievement-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.achievement-actions .button {font-size:12px;padding:11px 15px;gap:12px;min-height:44px}
.achievement-actions .quiet-button {font-size:11px;min-height:44px;padding:8px 3px}
.achievement-actions button:disabled {opacity:.45;transform:none}
.achievements-future {display:flex;gap:18px;align-items:center;margin-top:23px;padding:24px;border:1px dashed #674f6d;border-radius:10px;background:#261d2c66}
.achievements-future>span {font-size:37px;color:#b39abd;line-height:1}
.achievements-future h3 {font-family:var(--display);font-size:18px;margin:0 0 4px;color:#e6d8eb}
.achievements-future p,.achievements-save-note {font-size:12px;line-height:1.8;color:#bca6c4;margin:0}
.achievements-save-note {margin-top:20px}
@media(max-width:780px) {
  body.halloween .main-nav {gap:18px}
  .achievements-summary {padding:18px;flex-wrap:wrap;gap:12px}
  .achievements-summary>a {margin-left:43px}
  .achievement-card {grid-template-columns:112px minmax(0,1fr);padding:22px;gap:20px}
  .achievement-copy h3 {font-size:27px}
  .achievement-description {font-size:12px}
}
@media(max-width:540px) {
  .achievement-card {grid-template-columns:1fr;gap:22px;padding:23px 19px}
  .achievement-art img {width:125px}
  .achievement-topline {gap:8px}
  .achievement-copy h3 {font-size:29px}
  .achievement-actions {align-items:stretch}
  .achievement-actions .button {flex:1 1 100%}
  .achievement-actions .quiet-button {width:100%;text-align:center}
  .achievements-summary b {font-size:17px}
  .achievements-summary>a {margin-left:0}
  .achievements-future {align-items:flex-start;padding:20px 17px;gap:13px}
}