.milestone-section{margin:5px 0 40px;color:var(--ink);font-family:Manrope,Arial,sans-serif}.milestone-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px}.milestone-overline{font-size:9px;font-weight:850;letter-spacing:1.8px;color:var(--accent);margin:0 0 10px}.milestone-head h2{font-size:clamp(24px,2.4vw,36px);line-height:1.15;letter-spacing:-1.5px;margin:0}.milestone-head-copy{max-width:360px;color:var(--muted);font-size:11px;line-height:1.7;margin:0}.milestone-dashboard{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(0,1fr);gap:18px}.milestone-hero{position:relative;overflow:hidden;min-height:267px;padding:26px 31px 23px;border-radius:23px;background:radial-gradient(circle at 84% 13%,#346b86ba,transparent 37%),linear-gradient(135deg,#0a2535,#132f42 60%,#0a1d2b);color:#f2fbff;box-shadow:0 15px 31px #0a30452b}.milestone-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 55%,#ffffff21 0 1px,transparent 2px),radial-gradient(circle at 58% 23%,#ffffff18 0 1px,transparent 2px),linear-gradient(125deg,transparent 35%,#c7f2ff08 50%,transparent 65%);background-size:140px 110px,190px 140px,100% 100%;pointer-events:none}.milestone-hero:after{content:'❄';position:absolute;right:24px;top:15px;font-size:170px;line-height:1;color:#c2edff0a;pointer-events:none}.milestone-hero>*{position:relative;z-index:1}.milestone-hero-top{display:flex;justify-content:space-between;align-items:center;color:#99bdd1;font-size:9px;letter-spacing:1.4px;font-weight:800}.milestone-snow{color:#f2af68;font-size:20px}.milestone-amount{font-size:clamp(39px,4vw,60px);font-weight:800;letter-spacing:-2.8px;line-height:1;margin-top:24px}.milestone-support{color:#a8c7d5;font-size:10px;line-height:1.6;margin:12px 0 25px}.milestone-login{display:inline-flex;color:#f5b66c;font-size:11px;font-weight:800;text-decoration:none;margin:-9px 0 18px}.milestone-progress-track{width:100%;height:12px;padding:2px;border:1px solid #cceeff38;border-radius:99px;background:#07202d;box-shadow:inset 0 2px 5px #0005}.milestone-progress-fill{display:block;height:100%;min-width:0;border-radius:99px;background:linear-gradient(90deg,#69c5e9,#d6f7ff 68%,#ffa856);box-shadow:0 0 13px #9be6ff80;transition:width .9s cubic-bezier(.2,.8,.2,1)}.milestone-progress-labels{display:flex;justify-content:space-between;gap:20px;margin-top:9px;color:#a4c4d1;font-size:9px}.milestone-progress-labels strong{color:#f3bb7a;font-size:9px;letter-spacing:.6px}.milestone-next-note{font-size:10px;color:#c9e5f1;margin:12px 0 0}.milestone-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.milestone-stat{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:19px 18px;border-radius:20px;background:var(--card);box-shadow:var(--shadow-card);border:1px solid var(--line)}.milestone-stat-icon{font-size:22px;color:#e89a5a}.milestone-stat:nth-child(2) .milestone-stat-icon{color:#69b9d5}.milestone-stat:nth-child(3) .milestone-stat-icon{color:#8eb6cc}.milestone-stat-label{font-size:8px;font-weight:800;letter-spacing:.8px;color:var(--muted);margin:18px 0 8px}.milestone-stat-value{font-size:clamp(20px,2vw,29px);line-height:1.1;letter-spacing:-1.4px;overflow-wrap:anywhere}.milestone-stat-caption{font-size:9px;line-height:1.5;color:var(--muted);margin-top:10px}.milestone-rail-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.milestone-rail-head h3{font-size:16px;letter-spacing:-.4px;margin:0}.milestone-rail-head p{font-size:9px;color:var(--muted)}.milestone-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-color:#8eb7c5 #e9f0f3;padding:4px 0 15px}.milestone-node{flex:0 0 151px;min-height:183px;display:flex;flex-direction:column;align-items:flex-start;scroll-snap-align:start;padding:16px 14px;border-radius:16px;border:1px solid var(--line);background:var(--card);box-shadow:0 4px 15px #132f3f0b;transition:transform .2s,box-shadow .2s,border-color .2s}.milestone-node:hover{transform:translateY(-3px);box-shadow:0 8px 23px #1e4e691b}.milestone-node.is-next{border-color:#7cbdd4;box-shadow:0 0 0 2px #9edaf12b,0 7px 20px #5daaca21}.milestone-node.is-reached{background:linear-gradient(150deg,#e6f8ff,var(--card) 74%);border-color:#a4d9e7}.milestone-node.just-unlocked{animation:milestone-unlock 1.2s ease-out both}.milestone-node-number{width:100%;display:flex;justify-content:space-between;align-items:center;color:#9aa9b1;font-size:8px;letter-spacing:1px}.milestone-node-number b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f3f5;color:#7197a5;font-size:13px}.is-next .milestone-node-number b{color:#fff;background:#1d86aa;box-shadow:0 0 15px #77d2f1}.is-reached .milestone-node-number b{color:#fff;background:#159669;box-shadow:0 0 13px #21b7868c}.milestone-node-amount{font-size:22px;letter-spacing:-1.2px;margin-top:10px}.milestone-node-name{font-size:10px;color:var(--ink-2);font-weight:700;line-height:1.3;margin:5px 0 0}.milestone-node-bonus{margin-top:auto;font-size:8px;font-weight:800;color:var(--accent);padding-top:15px}.milestone-node-status{font-size:8px;color:var(--muted);margin-top:6px}.milestone-node-time{font-size:7px;color:#668b9b;margin-top:6px}.milestone-history{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:0 19px}.milestone-history summary{cursor:pointer;padding:17px 0;font-size:11px;font-weight:750}.milestone-history-list{border-top:1px solid var(--line);padding:5px 0 11px;max-height:360px;overflow:auto}.milestone-history-list>p{font-size:10px;color:var(--muted)}.milestone-history-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.milestone-history-row:last-child{border-bottom:0}.milestone-history-row time{display:block;color:var(--muted);margin-top:5px;font-size:9px}.milestone-history-value{text-align:right}.milestone-history-value small{display:block;margin-top:5px;color:var(--muted)}.milestone-currency-note{font-size:9px;color:var(--muted);line-height:1.7}.milestone-load-error{padding:20px;color:var(--accent)}@keyframes milestone-unlock{0%{transform:scale(.88);box-shadow:0 0 0 0 #4dd7ab00}55%{transform:scale(1.06);box-shadow:0 0 0 18px #4dd7ab34}100%{transform:scale(1);box-shadow:0 0 0 0 #4dd7ab00}}[data-theme=dark] .milestone-node.is-reached{background:linear-gradient(150deg,#1c4855,var(--card) 74%)}[data-theme=dark] .milestone-node-number b{background:#244250}[data-theme=dark] .is-next .milestone-node-number b{background:#258bb0}[data-theme=dark] .is-reached .milestone-node-number b{background:#159669}@media(max-width:1100px){.milestone-dashboard{grid-template-columns:1fr}.milestone-stats{min-height:150px}}@media(max-width:650px){.milestone-section{margin-bottom:27px}.milestone-head{display:block}.milestone-head-copy{margin-top:11px}.milestone-hero{padding:22px;min-height:245px}.milestone-stats{gap:8px}.milestone-stat{padding:14px 11px}.milestone-stat-value{font-size:20px}.milestone-stat-label{font-size:7px}.milestone-stat-caption{font-size:8px}.milestone-node{flex-basis:137px}.milestone-rail-head p{font-size:8px}}@media(prefers-reduced-motion:reduce){.milestone-progress-fill,.milestone-node{transition:none}.milestone-node.just-unlocked{animation:none}}

/* Frost milestone cards: light follows the pointer; state seals stay alive. */
.milestone-node{
  --light-x:50%;--light-y:50%;--milestone-light:58,167,212;
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(155deg,#fff 0%,#fbfdff 65%,#f1f7fa 100%);
  box-shadow:0 5px 17px #17394c12,0 1px 0 #ffffffb8 inset;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.milestone-node.is-locked{--milestone-light:220,107,93}
.milestone-node.is-next{--milestone-light:61,172,219}
.milestone-node.is-reached{--milestone-light:36,177,133;background:linear-gradient(150deg,#edfff8,#fff 80%)}
.milestone-node::before{
  content:'';position:absolute;z-index:0;inset:0;pointer-events:none;
  background:radial-gradient(175px circle at var(--light-x) var(--light-y),rgba(var(--milestone-light),.31),rgba(var(--milestone-light),.09) 46%,transparent 78%);
  opacity:0;transition:opacity .3s ease;
}
.milestone-node::after{
  content:'';position:absolute;z-index:0;top:-45%;left:-80%;width:58%;height:195%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--milestone-light),.03) 12%,rgba(var(--milestone-light),.29) 42%,#ffffffdc 52%,rgba(var(--milestone-light),.16) 70%,transparent);
  transform:translateX(-160%) rotate(19deg);
}
.milestone-node:hover{transform:translateY(-6px);border-color:rgba(var(--milestone-light),.58);box-shadow:0 17px 34px rgba(var(--milestone-light),.19),0 0 0 1px rgba(var(--milestone-light),.18),0 1px 0 #fff inset}
.milestone-node:hover::before,.milestone-node:focus-within::before{opacity:1}
.milestone-node:hover::after{animation:milestone-light-sweep 1.35s ease-out both}
.milestone-node>*{position:relative;z-index:1}
.milestone-node-number .milestone-state-marker{
  position:relative;width:27px;height:27px;border-radius:50%;font-size:17px;line-height:1;font-weight:900;
  background:#e8f5fb;color:#137ca5;border:1px solid #91d3e8;box-shadow:0 0 12px #6acbed40;
}
.milestone-node-number .milestone-state-marker::before{
  content:'';position:absolute;inset:-5px;border-radius:50%;border:2px dashed currentColor;
  opacity:.52;animation:milestone-seal-spin 5s linear infinite;pointer-events:none;
}
.milestone-node.is-locked .milestone-state-marker{background:#fff0ed;color:#d83f43;border-color:#efaaa5;box-shadow:0 0 12px #eb515454;animation:milestone-red-pulse 2.2s ease-in-out infinite}
.milestone-node.is-locked .milestone-state-marker::before{animation-duration:3.8s}
.milestone-node.is-reached .milestone-state-marker{background:#128e69;color:#fff;border-color:#42d5a5;box-shadow:0 0 14px #2dcc9885;animation:milestone-green-pulse 2.5s ease-in-out infinite}
.milestone-node.is-reached .milestone-state-marker::before{color:#30c99a;opacity:.9;animation-duration:3.2s}
.milestone-node.is-next .milestone-state-marker{background:#137fa7;color:#fff;border-color:#75d2f4;box-shadow:0 0 16px #4dc6f68c}
.milestone-node.is-reached .milestone-node-status{color:#128e69;font-weight:800}
.milestone-node.is-locked .milestone-node-status{color:#b66c6d}
@keyframes milestone-light-sweep{from{transform:translateX(-160%) rotate(19deg)}to{transform:translateX(580%) rotate(19deg)}}
@keyframes milestone-seal-spin{to{transform:rotate(360deg)}}
@keyframes milestone-red-pulse{50%{box-shadow:0 0 22px #ec4b4e9b;transform:scale(1.08)}}
@keyframes milestone-green-pulse{50%{box-shadow:0 0 23px #24be8fa8;transform:scale(1.08)}}
[data-theme=dark] .milestone-node{background:linear-gradient(150deg,#152b38,#102430 80%);box-shadow:0 7px 18px #0003}
[data-theme=dark] .milestone-node.is-reached{background:linear-gradient(150deg,#173e3b,#112c34 80%)}
[data-theme=dark] .milestone-node:hover{box-shadow:0 17px 34px rgba(var(--milestone-light),.19),0 0 0 1px rgba(var(--milestone-light),.32)}
.motion-paused .milestone-node::after,.motion-paused .milestone-state-marker,.motion-paused .milestone-state-marker::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.milestone-node::after,.milestone-state-marker,.milestone-state-marker::before{animation:none!important}.milestone-node:hover{transform:none}}

/* Live Frost balance emblems and reactive dashboard lighting. */
.milestone-hero,.milestone-stat{--light-x:50%;--light-y:50%;isolation:isolate;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.milestone-hero:hover{transform:translateY(-5px);box-shadow:0 23px 46px #0c3c5670,0 0 0 1px #91ddff5e}
.milestone-dashboard-light{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--light-x) var(--light-y),#8edcff36,#68c6eb16 48%,transparent 80%);transition:opacity .3s ease}
.milestone-dashboard-light::after{content:'';position:absolute;top:-60%;left:-80%;width:45%;height:220%;transform:translateX(-180%) rotate(18deg);background:linear-gradient(90deg,transparent,#e7f8ff08,#f4fbff37,#e7f8ff08,transparent)}
.milestone-hero:hover .milestone-dashboard-light{opacity:1}
.milestone-hero:hover .milestone-dashboard-light::after{animation:milestone-dashboard-sweep 1.5s ease-out both}
.milestone-stat{position:relative;--stat-glow:69,163,205;border-color:var(--line);background:linear-gradient(155deg,var(--card),#f8fcfd)}
.milestone-stat:nth-child(2){--stat-glow:125,102,204}
.milestone-stat:nth-child(3){--stat-glow:36,166,137}
.milestone-stat::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:radial-gradient(175px circle at var(--light-x) var(--light-y),rgba(var(--stat-glow),.24),rgba(var(--stat-glow),.06) 55%,transparent 78%);transition:opacity .28s ease}
.milestone-stat::after{content:'';position:absolute;z-index:0;top:-45%;left:-75%;width:60%;height:190%;pointer-events:none;transform:translateX(-160%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(var(--stat-glow),.05),rgba(var(--stat-glow),.3),#ffffffc9,transparent)}
.milestone-stat>*{position:relative;z-index:1}
.milestone-stat:hover{transform:translateY(-6px);border-color:rgba(var(--stat-glow),.5);box-shadow:0 17px 35px rgba(var(--stat-glow),.22),0 0 0 1px rgba(var(--stat-glow),.14)}
.milestone-stat:hover::before{opacity:1}
.milestone-stat:hover::after{animation:milestone-stat-sweep 1.25s ease-out both}
.milestone-stat-icon.milestone-coin-badge{display:block;flex:none;width:82px;height:76px;position:relative;perspective:480px;color:inherit}
.milestone-coin-badge::before{content:'';position:absolute;left:0;top:4px;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,#b1e6f659,transparent 71%);filter:blur(4px);animation:milestone-coin-aura 4s ease-in-out infinite}
.milestone-mini-coin{display:block;position:absolute;top:7px;left:3px;width:61px;height:61px;transform-style:preserve-3d;animation:milestone-mini-coin-turn 7.5s linear infinite;filter:drop-shadow(0 8px 6px #07233946)}
.milestone-mini-coin img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:visible;transform:translateZ(calc(var(--coin-depth)*.7px))}
.milestone-mini-coin img:not(:first-child):not(:last-child){filter:brightness(.8)}
.milestone-coin-addon{position:absolute;right:1px;bottom:7px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;border:2px solid #fff;background:linear-gradient(145deg,#fff3c4,#f3b35c);color:#7c4316;box-shadow:0 5px 12px #1b456349}
.milestone-coin-gift svg{width:17px;height:17px;filter:drop-shadow(0 1px 1px #6d3f2466)}
.milestone-coin-total{border-radius:50%;background:linear-gradient(145deg,#c9fff1,#36b49b);color:#0b6050;font:900 21px/1 Georgia,serif}
.milestone-coin-gift{animation:milestone-gift-bob 2.8s ease-in-out infinite}
.milestone-coin-total{animation:milestone-total-pulse 3s ease-in-out infinite}
.milestone-stat-label{margin-top:10px}
[data-theme=dark] .milestone-stat{background:linear-gradient(155deg,var(--card),#153340)}
@keyframes milestone-mini-coin-turn{from{transform:rotateX(-8deg) rotateY(0)}to{transform:rotateX(-8deg) rotateY(360deg)}}
@keyframes milestone-coin-aura{50%{opacity:.54;transform:scale(1.15)}}
@keyframes milestone-gift-bob{50%{transform:translateY(-4px) rotate(-8deg)}}
@keyframes milestone-total-pulse{50%{transform:scale(1.09);box-shadow:0 0 16px #55d9ae9e}}
@keyframes milestone-dashboard-sweep{to{transform:translateX(590%) rotate(18deg)}}
@keyframes milestone-stat-sweep{to{transform:translateX(520%) rotate(18deg)}}
.motion-paused .milestone-mini-coin,.motion-paused .milestone-coin-badge::before,.motion-paused .milestone-coin-addon,.motion-paused .milestone-dashboard-light::after,.motion-paused .milestone-stat::after,.tab-hidden .milestone-mini-coin{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.milestone-mini-coin{animation:none!important;transform:rotateY(-18deg)}.milestone-coin-badge::before,.milestone-coin-addon,.milestone-dashboard-light::after,.milestone-stat::after{animation:none!important}.milestone-stat:hover,.milestone-hero:hover{transform:none}}

.milestone-plan-note{margin:-5px 0 14px;color:var(--muted);font-size:10px;line-height:1.5}.milestone-node-bonus.is-planned{color:#b9683f}[data-theme=dark] .milestone-node-bonus.is-planned{color:#f0ae7d}

/* Centered balance coins; corner seals are separate from the currency art. */
.milestone-stat{justify-content:flex-end;min-height:284px;padding:17px 18px 21px}
.milestone-stat-icon.milestone-coin-badge{display:block;position:relative;flex:0 0 150px;width:100%;height:150px;margin:0 0 auto;perspective:700px;isolation:isolate;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;animation:none}
.milestone-coin-badge::before{content:'';position:absolute;z-index:0;top:50%;left:50%;width:min(145px,100%);height:auto;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#dff5ffdf 0%,#d5eff675 35%,#e4f5f61c 60%,transparent 72%);filter:none;animation:none}
.milestone-coin-badge::after{content:'';position:absolute;z-index:0;top:50%;left:50%;width:min(133px,calc(100% - 8px));height:auto;aspect-ratio:1;translate:-50% -50%;border:1px solid #95cadb55;border-radius:50%;box-shadow:0 0 0 5px #b8e7f11c inset;pointer-events:none}
.milestone-coin-kind-gift::before{background:radial-gradient(circle,#fff5d4d1 0%,#d8ebf894 37%,transparent 72%)}
.milestone-coin-kind-gift::after{border-color:#eccb8788;box-shadow:0 0 0 5px #fae2a329 inset}
.milestone-coin-kind-total::before{background:radial-gradient(circle,#c9e8f4e6 0%,#a7d8ee75 38%,#90c8d51f 63%,transparent 74%)}
.milestone-coin-kind-total::after{border:2px dashed #76b7ca87;box-shadow:0 0 0 6px #8ac8db28 inset,0 0 21px #77c6dd48;animation:milestone-total-orbit 18s linear infinite}
.milestone-mini-coin{position:absolute;z-index:1;top:50%;left:50%;width:min(108px,calc(100% - 18px));height:auto;aspect-ratio:1;translate:-50% -50%;transform-style:preserve-3d;animation:milestone-mini-coin-turn 7.5s linear infinite;filter:drop-shadow(0 10px 9px #173f5a56)}
.milestone-coin-kind-gift .milestone-mini-coin{animation-delay:-2.4s}
.milestone-coin-kind-total .milestone-mini-coin{animation-delay:-4.8s}
.milestone-coin-addon{position:absolute;z-index:3;top:2px;right:1px;bottom:auto;width:42px;height:42px;border-radius:13px;border:2px solid #fff;box-shadow:0 7px 16px #173f5a4d}
.milestone-coin-gift{background:linear-gradient(145deg,#fff0bd,#e99c42);color:#633514;animation:milestone-gift-corner-turn 9s linear infinite}
.milestone-coin-gift svg{width:22px;height:22px}
.milestone-coin-total{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:2px solid #9ddef0;border-radius:16px;background:linear-gradient(145deg,#12394f,#1b7291);color:#e7fbff;box-shadow:0 6px 18px #247e9a6b;animation:milestone-total-corner 4.5s ease-in-out infinite}
.milestone-coin-total b{font:900 23px/.95 Georgia,serif}
.milestone-coin-total small{font:850 6px/1 Manrope,Arial,sans-serif;letter-spacing:.9px}
.milestone-stat-label{margin:8px 0 8px}
.milestone-stat-value{margin:0}
.milestone-stat-caption{margin-top:9px}
@keyframes milestone-total-orbit{to{transform:rotate(360deg)}}
@keyframes milestone-gift-corner-turn{to{transform:rotateY(360deg) rotateZ(8deg)}}
@keyframes milestone-total-corner{50%{transform:translateY(-3px) rotate(-6deg);box-shadow:0 10px 23px #247e9a99}}
.motion-paused .milestone-coin-kind-total::after{animation-play-state:paused!important}
@media(max-width:650px){.milestone-stat{min-height:228px;padding:12px 10px 15px}.milestone-stat-icon.milestone-coin-badge{flex-basis:117px;height:117px}.milestone-coin-addon{width:30px;height:30px;border-radius:9px}.milestone-coin-gift svg{width:16px;height:16px}.milestone-coin-total{width:34px;height:34px;border-radius:10px}.milestone-coin-total b{font-size:16px}.milestone-coin-total small{font-size:4px}}
@media(prefers-reduced-motion:reduce){.milestone-coin-kind-total::after,.milestone-coin-addon{animation:none!important}}

/* Make the Frost prize the focal point of each goal card. */
.milestone-node{flex-basis:190px;min-height:242px;padding:18px 16px 15px}
.milestone-node-amount{font-size:27px;letter-spacing:-1.5px;margin-top:15px}
.milestone-node-name{font-size:11px;margin-top:6px;line-height:1.35}
.milestone-reward{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:92px;margin-top:auto;padding:12px 12px 10px;border-radius:12px;border:1px solid #a4f1cc;background:linear-gradient(125deg,#1fc58b 0%,#119b6c 54%,#087a5a 100%);color:#fff;box-shadow:0 8px 18px #0c9d6c3d,0 1px 0 #ffffff63 inset;transition:transform .25s,box-shadow .25s}
.milestone-reward::before{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 8% 15%,#e9fff675,transparent 36%),linear-gradient(115deg,transparent 53%,#ffffff18 70%,transparent 92%);pointer-events:none}
.milestone-reward::after{content:'';position:absolute;z-index:0;inset:-35% auto -35% -75%;width:45%;transform:translateX(-140%) rotate(18deg);background:linear-gradient(90deg,transparent,#ffffff1c,#ffffffa3,#ffffff13,transparent);pointer-events:none}
.milestone-node:hover .milestone-reward{transform:translateY(-2px);box-shadow:0 12px 26px #08a97766,0 0 0 2px #7cf0bc66,0 1px 0 #ffffff82 inset}
.milestone-node:hover .milestone-reward::after{animation:milestone-reward-sweep 1.3s ease-out both}
.milestone-reward>*{position:relative;z-index:1}
.milestone-reward-kicker{font-size:8px;font-weight:900;letter-spacing:1.25px;color:#e2fff2;line-height:1.2}
.milestone-reward-value{display:flex;align-items:center;gap:9px;margin-top:7px;min-width:0}
.milestone-reward-value img{width:31px;height:31px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 3px #00473580);animation:milestone-reward-float 3.2s ease-in-out infinite}
.milestone-reward-text{display:flex;flex-direction:column;min-width:0;line-height:1}
.milestone-reward-text strong{font-size:23px;font-weight:900;letter-spacing:-.8px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 6px #065c4180}
.milestone-reward-text small{font-size:8px;letter-spacing:2.3px;font-weight:850;margin-top:3px;color:#e5fff1}
.milestone-reward.is-planned{background:linear-gradient(125deg,#26bb89,#14986f 58%,#0e795e)}
.milestone-node.is-reached .milestone-reward{background:linear-gradient(125deg,#22cc93,#0baa75 58%,#087754)}
.milestone-node-status{font-size:9px;margin-top:10px;font-weight:750}
.milestone-node-time{font-size:8px}
@keyframes milestone-reward-sweep{to{transform:translateX(590%) rotate(18deg)}}
@keyframes milestone-reward-float{50%{transform:translateY(-3px) rotate(-9deg)}}
.motion-paused .milestone-reward::after,.motion-paused .milestone-reward-value img{animation-play-state:paused!important}
@media(max-width:650px){.milestone-node{flex-basis:165px;min-height:226px;padding:15px 12px 13px}.milestone-node-amount{font-size:24px}.milestone-reward{min-height:84px;padding:10px}.milestone-reward-value img{width:26px;height:26px}.milestone-reward-text strong{font-size:20px}.milestone-reward-kicker{font-size:7px}}
@media(prefers-reduced-motion:reduce){.milestone-reward::after,.milestone-reward-value img{animation:none!important}.milestone-node:hover .milestone-reward{transform:none}}

/* Clear goal navigation and a member-only transaction journal. */
.milestone-rail{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:11px;overscroll-behavior-inline:contain}
.milestone-rail::-webkit-scrollbar{display:none}
.milestone-rail-head{gap:16px;margin:28px 0 13px}
.milestone-rail-meta h3{font-size:18px}
.milestone-rail-meta p{margin:5px 0 0;font-size:10px}
.milestone-rail-controls{display:flex;align-items:center;gap:7px}
.milestone-rail-hint{font-size:8px;font-weight:850;letter-spacing:1.3px;color:var(--muted);margin-right:7px;white-space:nowrap}
.milestone-rail-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #acd5e5;border-radius:11px;background:linear-gradient(145deg,#eaf8fe,#fff);color:#197a9d;font:800 22px/1 Manrope,Arial,sans-serif;box-shadow:0 4px 11px #22556c17;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}
.milestone-rail-button:hover:not(:disabled){transform:translateY(-2px);background:#d8f3ff;box-shadow:0 8px 18px #2388af36}
.milestone-rail-button:disabled{opacity:.35;cursor:default;box-shadow:none}
.milestone-rail:focus-visible,.milestone-rail-button:focus-visible{outline:2px solid #208faf;outline-offset:3px}
.milestone-history{margin-top:18px;padding:0 18px;border:1px solid #b9dae5;border-radius:17px;background:linear-gradient(115deg,#f6fcff,var(--card) 52%);box-shadow:0 8px 22px #17475c0d}
.milestone-history summary{display:flex;align-items:center;gap:12px;list-style:none;padding:15px 0;cursor:pointer}
.milestone-history summary::-webkit-details-marker{display:none}
.milestone-history-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#1a708f,#0d465e);color:#fff;font-size:19px;box-shadow:0 4px 11px #11465f3d}
.milestone-history-label{display:flex;flex:1;flex-direction:column;gap:3px}
.milestone-history-label strong{font-size:11px;color:var(--ink)}
.milestone-history-label small{font-size:9px;color:var(--muted)}
.milestone-history-chevron{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4f3f8;color:#266e86;font-size:18px;transition:transform .2s}
.milestone-history[open] .milestone-history-chevron{transform:rotate(180deg)}
[data-theme=dark] .milestone-rail-button{background:linear-gradient(145deg,#173d4b,#122d39);border-color:#47798b;color:#a7e5f5}
[data-theme=dark] .milestone-history{background:linear-gradient(115deg,#173744,var(--card) 64%);border-color:#315669}
[data-theme=dark] .milestone-history-chevron{background:#31566a;color:#b9e6f2}
@media(max-width:650px){.milestone-rail-head{align-items:flex-end}.milestone-rail-hint{display:none}.milestone-rail-button{width:34px;height:34px}.milestone-history{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.milestone-rail-button,.milestone-history-chevron{transition:none}}