/* transitions-dev: semantic variables local to the passport. */
.axow {
  --check-opacity-dur: 500ms;
  --check-rotate-dur: 500ms;
  --check-rotate-from: 80deg;
  --check-bob-dur: 500ms;
  --check-y-amount: 40px;
  --check-blur-dur: 500ms;
  --check-blur-from: 10px;
  --check-path-dur: 500ms;
  --check-path-delay: 80ms;
  --check-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-opacity: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-rotate: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-bob: cubic-bezier(0.34, 1.35, 0.64, 1);
  --check-ease-path: cubic-bezier(0.22, 1, 0.36, 1);
  --stagger-dur: 500ms;
  --stagger-distance: 12px;
  --stagger-stagger: 40ms;
  --stagger-blur: 3px;
  --stagger-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
.t-success-check {
  display: inline-block;
  transform-origin: center;
  opacity: 0;
  will-change: transform, opacity, filter;
}
.t-success-check svg { display: block; overflow: visible; }
.t-success-check svg path {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
}
.t-success-check[data-state="in"] {
  animation:
    t-check-fade   var(--check-opacity-dur) var(--check-ease-opacity) forwards,
    t-check-rotate var(--check-rotate-dur)  var(--check-ease-rotate)  forwards,
    t-check-blur   var(--check-blur-dur)    var(--check-ease-out)     forwards,
    t-check-bob    var(--check-bob-dur)     var(--check-ease-bob)     forwards;
}
.t-success-check[data-state="in"] svg path {
  animation: t-check-draw var(--check-path-dur) var(--check-ease-path) var(--check-path-delay, 0ms) forwards;
}
@keyframes t-check-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes t-check-rotate {
  from { transform: rotate(var(--check-rotate-from)); }
  to   { transform: rotate(0deg); }
}
@keyframes t-check-blur {
  from { filter: blur(var(--check-blur-from)); }
  to   { filter: blur(0); }
}
@keyframes t-check-bob {
  from { translate: 0 var(--check-y-amount); }
  to   { translate: 0 0; }
}
@keyframes t-check-draw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .t-success-check { animation: none !important; opacity: 1; }
  .t-success-check svg path { animation: none !important; stroke-dashoffset: 0 !important; }
}
.t-stagger-line {
  display: block;
  opacity: 0;
  transform: translateY(var(--stagger-distance));
  filter: blur(var(--stagger-blur));
  transition:
    opacity   var(--stagger-dur) var(--stagger-ease),
    transform var(--stagger-dur) var(--stagger-ease),
    filter    var(--stagger-dur) var(--stagger-ease);
  will-change: transform, opacity, filter;
}
.t-stagger-line--2 { transition-delay: var(--stagger-stagger); }
.t-stagger.is-shown .t-stagger-line {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.t-stagger.is-hiding .t-stagger-line {
  opacity: 0;
  transform: translateY(0);
  filter: blur(0);
  transition:
    opacity 200ms ease,
    transform 0s linear,
    filter 0s linear;
  transition-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
  .t-stagger-line { transition: none !important; }
}

/* Layout is scoped; the established one-time emblem animation stays unchanged. */
.axow [hidden]{display:none!important}
.axow [id]{scroll-margin-top:100px}
.axow .axow-journey-nav{display:flex;flex-wrap:wrap;gap:0;margin:0 0 28px;border-top:1px solid var(--axow-line);border-bottom:1px solid var(--axow-line)}
.axow-journey-nav a{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px 12px 0;margin-right:24px;font-size:13px;text-decoration:none}
.axow-journey-nav a>span{font:10px/1 'Courier New',monospace;color:var(--axow-muted)}
.axow-journey-nav a:hover{text-decoration:underline}
.axow .axow-reveal{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--axow-ink);margin:0 0 28px}
.axow-reveal-emblem{display:block;width:88px;height:88px}
.axow-reveal-emblem img{display:block;width:100%;height:100%;filter:grayscale(1)}
.axow .axow-reveal h2{font-size:40px;line-height:1;letter-spacing:-1.5px;margin:8px 0}
.axow .axow-reveal p{font-size:13px;color:var(--axow-muted);margin:0}
.axow-reveal-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:11px/1.5 'Courier New',monospace;color:var(--axow-muted)}
.axow-reveal-meta>span:last-child{text-transform:uppercase;font-size:10px}
.axow-reveal form{margin:0}
.axow-card-stamp .axow-slot{display:grid;place-items:center;width:40px;height:40px;font:16px/1 'Courier New',monospace;color:#85857e}
.axow .axow-reward-progress{font-size:11px;margin:18px 0 0;color:var(--axow-muted)}
.axow .axow-meter{display:block;width:100%;height:4px;margin:8px 0 0;border:0;border-radius:0;overflow:hidden;accent-color:var(--axow-ink);background:var(--axow-line)}
.axow-meter::-webkit-progress-bar{background:var(--axow-line)}
.axow progress{-webkit-appearance:none;appearance:none}
.axow-meter::-webkit-progress-value{background:var(--axow-ink)}
.axow-meter::-moz-progress-bar{background:var(--axow-ink)}
.axow-panel,.axow-milestones{min-width:0}
.axow-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.axow .axow-section-heading h2{font-size:32px;letter-spacing:-1.2px;margin:10px 0 0}
.axow .axow-section-heading>p{font-size:13px;max-width:240px;color:var(--axow-muted);margin:5px 0}
.axow-private-label{font:10px/1.5 'Courier New',monospace;border-bottom:1px solid var(--axow-ink);padding:2px 0}
.axow .axow-muted{font-size:13px;color:var(--axow-muted)}
.axow-order{border-top:1px solid var(--axow-ink);margin:20px 0 0;padding-top:22px}
.axow-order-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.axow .axow-order h3{font-size:17px;line-height:1.35;margin:0 0 8px;font-weight:700}
.axow-order time{font:11px/1.5 'Courier New',monospace;color:var(--axow-muted)}
.axow-order-status{font:11px/1.4 'Courier New',monospace;padding:5px 8px;border:1px solid var(--axow-line);max-width:45%;text-align:right}
.axow-order-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.axow-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:1px solid var(--axow-line);border-radius:0;background:#fff;color:var(--axow-ink)!important;font:600 12px/1.5 Arial,Helvetica,sans-serif;text-decoration:none!important;cursor:pointer;max-width:100%;white-space:normal;text-align:center}
.axow-btn:hover{border-color:var(--axow-ink);background:var(--axow-paper)}
.axow .axow-btn-primary{background:var(--axow-ink);border-color:var(--axow-ink);color:#fff!important;font-size:14px}
.axow .axow-order-help{margin-top:16px;font-size:12px}
.axow-replenish{border-top:1px solid var(--axow-line);border-bottom:1px solid var(--axow-line);margin-top:20px}
.axow-replenish summary{font-size:14px;font-weight:600;cursor:pointer;min-height:52px;padding:16px 0;line-height:1.5}
.axow-repeat-form{padding:0 0 20px;margin:0;border:0}
.axow-order-products{list-style:none;padding:0;margin:0 0 20px}
.axow-order-product{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--axow-line)}
.axow-order-product label{font-size:13px;line-height:1.5;margin:0;color:var(--axow-ink)}
.axow-order-product small{display:block;font-size:11px;color:var(--axow-muted);margin-top:4px}
.axow-order-product input{width:74px;min-height:46px;padding:8px;border:1px solid #777;border-radius:0;background:#fff;color:var(--axow-ink);font-size:16px}
.axow .axow-repeat-note{font-size:12px;margin:12px 0 0}
.axow-milestones{border-top:2px solid var(--axow-ink);padding-top:24px;margin:40px 0}
.axow-milestone-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;padding:0;margin:24px 0 16px}
.axow-milestone{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:6px 14px;padding:20px 0;border-top:1px solid var(--axow-line);min-width:0;align-content:start}
.axow-milestone-symbol{grid-column:1;grid-row:1/5;font-size:32px;font-weight:700;letter-spacing:-2px;line-height:1.1;color:#75756e}
.axow-milestone.is-earned .axow-milestone-symbol{color:var(--axow-ink)}
.axow-milestone-state{grid-column:3;grid-row:1;font:10px/1.5 'Courier New',monospace;color:var(--axow-muted)}
.axow .axow-milestone h3{grid-column:2;grid-row:1;font-size:16px;line-height:1.4;margin:0;font-weight:700;letter-spacing:-.25px}
.axow .axow-milestone p{display:none}
.axow-milestone progress{grid-column:2/4;width:100%;height:2px;display:block;border:0;border-radius:0;overflow:hidden;accent-color:var(--axow-ink);background:var(--axow-line);margin:5px 0 0}
.axow-milestone progress::-webkit-progress-bar{background:var(--axow-line)}
.axow-milestone progress::-webkit-progress-value{background:var(--axow-ink)}
.axow-milestone progress::-moz-progress-bar{background:var(--axow-ink)}
.axow-milestone small{grid-column:2/4;font-size:11px;line-height:1.5;color:var(--axow-muted)}
@media(max-width:760px){
.axow .axow-reveal{grid-template-columns:72px minmax(0,1fr);gap:18px;padding:18px 0}
.axow-reveal-emblem{width:72px;height:72px}
.axow .axow-reveal h2{font-size:34px}
.axow-reveal-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;font-size:10px}
.axow-reveal form{grid-column:1/-1}
.axow-milestone-grid{grid-template-columns:minmax(0,1fr)}
.axow-milestones{margin:32px 0}
.axow-section-heading{gap:12px}
.axow .axow-section-heading>p{max-width:110px;font-size:12px}
.axow .axow-section-heading h2{font-size:29px}
.axow-journey-nav a{margin-right:12px;padding-right:8px;font-size:12px;gap:5px}
}
@media(max-width:380px){.axow-journey-nav a{margin-right:6px;padding-right:6px;font-size:11px}.axow-journey-nav a>span{font-size:9px}}
