.sg-main:has(.fd-step),.sg-card:has(.fd-mini){font-variant-numeric:tabular-nums}
.sg-card .mini .fd-mini{display:inline-flex;flex-direction:column;align-items:flex-end;font-size:15px;font-weight:700;line-height:1.25;color:#1F2933;font-variant-numeric:tabular-nums}
.sg-card .mini .fd-mini i{font-style:normal;animation:none}
.sg-card .mini .fd-mini .ln{border-top:2px solid #1F2933;padding-top:2px;color:#4A7A1E}
.sg-card .mini .fd-mini .z{color:#67757F}
.fd-hero-grid{display:grid;grid-template-columns:max-content max-content max-content 10px max-content;gap:0 8px;position:relative;justify-content:center;max-width:320px;margin:0 auto;font-size:20px;font-weight:700;line-height:44px;color:#1F2933}
.fd-hero-cell{z-index:1;opacity:.35}
.fd-hero-c0,.fd-hero-c2{text-align:right}.fd-hero-c1,.fd-hero-c3{text-align:center}.fd-hero-c4{text-align:left}
.fd-point-band{grid-column:4;grid-row:1 / 5;width:22px;justify-self:center;border-radius:8px;background:#93B8F2;opacity:.3}
.fd-hero.fd-entered .fd-hero-cell{animation:fd-hero-arrive 300ms ease-out var(--fd-delay) both}
.fd-hero.fd-entered .fd-point-band{animation:fd-point-pulse 800ms ease-in-out 2100ms}
.fd-caption{font-size:14px;color:#67757F;text-align:center;margin-top:14px}
.fd-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.fd-step .sg-btn{box-sizing:border-box;min-height:44px}
.fd-panel[hidden]{display:none}
.fd-col{display:grid;position:relative;justify-content:center;width:max-content;max-width:240px;margin:0 auto;font-size:26px;font-weight:700;color:#1F2933;line-height:1;font-variant-numeric:tabular-nums}
.fd-cell{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-width:0}
.fd-rename{font-size:15px;color:#2F6FEB}
.fd-zero{color:#67757F}
.fd-rule{border-top:2px solid #1F2933;z-index:2;pointer-events:none}
.fd-side{border-left:2px solid #1F2933;z-index:2;pointer-events:none}
.fd-slot i{width:22px;height:28px;border:2px dashed #93B8F2;border-radius:4px;box-sizing:border-box}
.fd-crossed{opacity:.55}
.fd-crossed::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;background:#67757F;transform:rotate(45deg)}
.fd-band{border-radius:6px;background:rgba(147,184,242,.3);z-index:0}
.fd-answer{transition:color 200ms}
.fd-finished .fd-answer{color:#4A7A1E}
.fd-arrive{animation:fd-arrive 250ms ease-out both}
.fd-drop.fd-arrive{animation:fd-drop 400ms ease-in-out both}
.fd-down.fd-arrive{animation:fd-down 250ms ease-out both}
.fd-ring::after{content:"";position:absolute;width:30px;height:30px;border:2px solid #2F6FEB;border-radius:50%;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%)}
.fd-unseen{visibility:hidden}
.fd-controls{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:8px;align-items:center;margin-top:16px}
.fd-dots{display:flex;gap:4px;justify-content:center}
.fd-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6;flex:none}
.fd-dots i.on{background:#2F6FEB}
.fd-step button:disabled{opacity:.5;cursor:default;transform:none}
.fd-estimate{width:max-content;max-width:100%;box-sizing:border-box;border:2px solid #4A7A1E;border-radius:999px;padding:4px 12px;font-size:15px;color:#1F2933;margin:12px auto 0}
.fd-mul .fd-stage:has(.fd-estimate.fd-unseen) .fd-estimate{display:none}
.fd-div .fd-stage:has(.fd-rounded-grid){display:flex;justify-content:center;gap:16px;align-items:flex-start}
.fd-div .fd-stage:has(.fd-rounded-grid) .fd-col{margin:0}
.fd-round-chip{font-size:16px;font-weight:700;margin:0;align-self:center;white-space:nowrap}
.fd-round-chip.fd-unseen{display:none}
.fd-tp svg{display:block;width:100%;max-width:480px;margin:0 auto;color:#1F2933;fill:currentColor;overflow:visible;font-family:inherit;font-variant-numeric:tabular-nums}
.fd-tp svg g,.fd-purchase-row{transition:opacity 300ms}
.fd-tp .fd-faded{opacity:.3}
.fd-tp .fd-emphasis>rect{stroke:#2F6FEB;stroke-width:2.5}
.fd-legend{display:flex;gap:16px;justify-content:center;font-size:14px;color:#67757F}
.fd-legend span{display:inline-flex;align-items:center;gap:6px}
.fd-legend i{display:inline-block;width:14px;height:14px;box-sizing:border-box}
.fd-cap{background:#2F6FEB;border-radius:3.5px}
.fd-badge{background:#93B8F2;border:1.5px solid #1F2933;border-radius:50%}
.fd-legend .fd-marker{width:5px;background:#93B8F2;border:1.5px solid #1F2933;border-radius:2px}
.fd-legend .fd-case{height:10px;background:#2F6FEB;border-radius:2px}
.fd-work{font-size:16px;line-height:1.6;text-align:left;margin-top:14px;min-height:0}
.fd-work-line.fd-unseen{display:none}
.fd-newest{font-weight:700}
.fd-green{color:#4A7A1E}
.fd-copy.fd-sliding{visibility:visible;animation:fd-purchase-copy 650ms linear both}
.fd-double.fd-replacing{animation:fd-purchase-fresh 650ms linear both}
.fd-later-arrival{animation:fd-later-line 250ms step-end both}
@keyframes fd-later-line{from{visibility:hidden}to{visibility:visible}}
@keyframes fd-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes fd-drop{from{transform:translateY(-80px)}to{transform:translateY(0)}}
@keyframes fd-down{from{transform:translateY(-80px)}to{transform:translateY(0)}}
@keyframes fd-hero-arrive{from{opacity:.35}to{opacity:1}}
@keyframes fd-point-pulse{0%,100%{opacity:.3}50%{opacity:.6}}
@keyframes fd-purchase-copy{0%{transform:translateY(0);opacity:1}61.538%{transform:translateY(50px);opacity:1}100%{transform:translateY(50px);opacity:0}}
@keyframes fd-purchase-fresh{0%,61.538%{opacity:0}100%{opacity:1}}
@media(max-width:480px){
.fd-hero-grid{font-size:18px}
.fd-col{font-size:23px}
.fd-rename{font-size:13px}
.fd-as-grid{grid-template-columns:24px 30px 12px 30px 30px!important;grid-template-rows:20px 20px 34px 34px 34px!important}
.fd-as [data-fd-panel="0"] .fd-col{grid-template-rows:0px 20px 34px 34px 34px!important}
.fd-mul-grid{grid-template-columns:24px 30px 30px 12px 30px 30px!important;grid-template-rows:20px 34px 34px 34px!important}
.fd-div-grid{grid-template-columns:30px 30px 12px 30px 30px!important;grid-template-rows:repeat(8,34px)!important}
.fd-rounded-grid{grid-template-columns:30px 30px 30px 12px 30px 30px 30px!important;grid-template-rows:repeat(10,28px)!important}
.fd-controls{gap:4px}.fd-controls .sg-btn{padding:9px 8px}
.fd-div .fd-stage:has(.fd-rounded-grid){flex-direction:column;align-items:center;gap:12px}
.fd-drop.fd-arrive{animation-name:fd-drop-mobile}
.fd-down.fd-arrive{animation-name:fd-drop-mobile}
}
@keyframes fd-drop-mobile{from{transform:translateY(-68px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
.sg-main:has(.fd-step) *,.sg-main:has(.fd-step) *::before,.sg-main:has(.fd-step) *::after{animation:none!important;transition:none!important}
.fd-hero-cell{opacity:1}.fd-point-band{opacity:.3}
.fd-copy{visibility:hidden!important}
.fd-ring::after{transform:translate(-50%,-50%)!important}
.fd-crossed::after{transform:rotate(45deg)!important}
}