/* Dark obsidian, embers and antique gold for the character journey. */
.progress-journey{background:radial-gradient(ellipse at top left,#633b182d,transparent 50%),linear-gradient(#15110df5,#090807f8),url('assets/obsidian.svg');box-shadow:inset 0 0 0 4px #100b07,inset 0 0 0 5px #775a36,0 10px 30px #0008}.progress-journey:before{opacity:.07;filter:sepia(1)}.progress-journey .progress-intro h2,.progress-journey .progress-chart-header h3,.progress-journey .progress-day-detail h3{color:#e9c892}.progress-journey .progress-intro p,.progress-journey .progress-source-note,.progress-journey .progress-source-note.demo,.progress-journey .progress-chart-header p{color:#bda98c}.progress-journey .progress-seal{color:#d39d50;text-shadow:0 0 22px #c5832a33}.progress-journey .progress-metrics>div,.progress-journey .progress-metrics>div:nth-child(2),.progress-journey .progress-metrics>div:nth-child(3){background:linear-gradient(#30211388,#100c09e8);box-shadow:inset 0 2px #b67a3733}.progress-journey .progress-metrics>div>span,.progress-journey .progress-metrics>div b{color:#e3bc78!important}.progress-journey .progress-metrics p,.progress-journey .progress-metrics small{color:#bda98b}.progress-journey .progress-data-toggle button,.progress-journey .progress-period button{background:#130e09;color:#cbb18d}.progress-journey .progress-data-toggle button[aria-pressed=true],.progress-journey .progress-period button[aria-pressed=true]{background:linear-gradient(#51311688,#23170d);color:#f0cc8b;box-shadow:inset 0 -2px #c88b3d55}.progress-journey .constancy-scroll{background:radial-gradient(ellipse at bottom,#6b381822,transparent 70%),#0e0b08aa}.progress-journey .constancy-path{stroke:url(#constancy-stroke);filter:drop-shadow(0 0 5px #c88b3744)}.progress-journey .constancy-grid{stroke:#96764a30}.progress-journey .constancy-tick,.progress-journey .constancy-label tspan{fill:#a18a68}.progress-journey .constancy-label{fill:#ceb58e}.progress-journey .constancy-point>span{background:#2d1b0e;border-color:#d8aa63;box-shadow:0 0 7px #b47c2833}.progress-journey .progress-legend,.progress-journey .progress-legend>span,.journey-curve-note{color:#b7a07b}.progress-journey .progress-legend i{border-color:#d3a15e}.progress-journey .progress-day-detail{background:linear-gradient(120deg,#4b2c1444,#130d09cc)}.progress-journey .progress-day-detail li{border-color:#926b3c44;color:#d6c09c}.progress-journey .progress-day-detail li>span,.progress-journey .progress-encouragement h3,.progress-journey .progress-encouragement>span{color:#d6b479}.progress-journey .progress-encouragement p,.progress-journey .progress-footnote{color:#ad9777}
/* Currency symbols carry their type; every currency amount stays gold. */
.currency-amount,.vault-wallet b,.vault-wallet i,.vault-price,.vault-price strong,.choice-price,.shop-wallet b{color:#f0c66e!important}.currency-icon{display:inline-block;font-style:normal;line-height:1;color:#e8b24e!important}.currency-icon.gem,.vault-wallet>span:nth-child(2)>i,.wallet-hud>span:nth-child(2)>i{color:#83c7e7!important;text-shadow:0 0 7px #6fb8dc33}.wallet-hud>span,.vault-level-gift p,.vault-level-gift p>span{color:#f0c66e}.currency-pair{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}.choice-price{display:flex;align-items:center;justify-content:center;gap:5px}
.vault-price>.currency-pair{font-size:36px}.vault-wallet .currency-amount{font:28px Georgia}.vault-wallet .currency-icon{font-size:23px}.wallet-hud .currency-pair{gap:.25em}.chest-purchase .currency-pair{vertical-align:middle}.currency-treasure i{font-style:normal}
.slot-picker h2{font-size:30px;margin:12px 0}.slot-picker>p{font:14px/1.6 Georgia;color:#c6af8d}.slot-picks{display:grid;gap:14px;margin:20px 0}.slot-pick{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:15px;padding:14px;border:1px solid #9c713b;background:linear-gradient(#36211255,#0c0806)}.slot-pick>.gear-art{width:90px;height:100px}.slot-pick h3{font-size:23px;margin:7px 0}.slot-pick p{font:13px/1.6 Georgia;color:#c8af86}.slot-pick button{width:100%;font-size:15px;min-height:44px}.slot-pick button:disabled{opacity:.8;cursor:default}.slot-picker>[data-close-picker]{width:100%;font-size:16px;min-height:44px}.slot-picker .rarity-name{color:var(--rarity)}dialog:has(.slot-picker){width:min(94vw,540px);max-width:540px;max-height:92dvh;overflow:auto}
/* A staged opening: charge, release of light, then the item rises into view. */
dialog:has(.chest-opening){width:min(96vw,700px);max-width:700px;background:radial-gradient(ellipse at 50% 25%,#4f301733,transparent 55%),#080604;box-shadow:0 0 80px #000,inset 0 0 0 4px #100a05,inset 0 0 0 5px #8e602d;overflow-x:hidden}dialog:has(.chest-opening)::backdrop{background:#030201ed;backdrop-filter:blur(5px)}.chest-opening{position:relative;isolation:isolate;min-height:420px}.chest-opening>h2{position:relative;z-index:4}.chest-opening>.treasure-chest{max-width:380px;margin:30px auto 5px;animation:epic-charge 3.6s ease-in-out both}.chest-opening .chest-frame-closed{animation:epic-closed 3.6s ease-in-out forwards}.chest-opening .chest-frame-open{animation:epic-open 3.6s ease-in-out forwards}.chest-opening .chest-rays{animation:epic-rays 3.6s ease-out forwards;bottom:30%;height:100%;left:-20%;right:-20%;filter:blur(4px)}.chest-opening .chest-aura{animation:epic-aura 3.6s ease-out both}.epic-opening-effects{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.epic-opening-effects:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#fff0b5c0,transparent 60%);opacity:0;animation:epic-release 3.6s ease-out}.epic-opening-effects i{position:absolute;left:var(--spark-x);top:50%;width:3px;height:7px;background:#edbf75;box-shadow:0 0 8px #f7d192;opacity:0;animation:epic-ember 3.6s ease-out both;animation-delay:var(--spark-delay)}.chest-opening.revealed>.treasure-chest{animation:none;max-width:200px;transition:max-width .45s;margin-top:12px}.chest-opening.revealed .chest-loot{animation:epic-loot .75s cubic-bezier(.2,.8,.2,1)}.chest-opening.revealed .epic-opening-effects{display:none}.chest-opening.revealed .chest-frame-closed{animation:none;opacity:0}.chest-opening.revealed .chest-frame-open{animation:none;opacity:1}.chest-opening.revealed .chest-aura{animation:none}.chest-opening.revealed .chest-revealed-item>.gear-art{width:170px;height:170px;filter:drop-shadow(0 0 25px color-mix(in srgb,var(--chest-color) 50%,transparent))}.chest-loot>[data-equip-loot]{border-color:#e3b96c;background:linear-gradient(#7a4b20,#29170b)}
@keyframes epic-charge{0%{transform:scale(.9)}30%{transform:scale(.97) translateY(-4px)}38%,46%,54%{transform:rotate(-1.2deg) scale(1.02)}42%,50%,58%{transform:rotate(1.2deg) scale(1.02)}70%{transform:scale(1.1) translateY(-10px)}100%{transform:scale(1) translateY(0)}}@keyframes epic-closed{0%,56%{opacity:1}75%,100%{opacity:0}}@keyframes epic-open{0%,56%{opacity:0;transform:translateY(8px)}80%,100%{opacity:1;transform:none}}@keyframes epic-rays{0%,45%{opacity:0;transform:scaleY(.3)}68%{opacity:.9;transform:scaleY(1.1)}100%{opacity:.35;transform:scaleY(1)}}@keyframes epic-aura{0%{opacity:.2}55%{opacity:1;transform:scale(1.2)}100%{opacity:.6}}@keyframes epic-release{0%,54%{opacity:0}68%{opacity:.6}100%{opacity:0}}@keyframes epic-ember{0%,48%{opacity:0;transform:translate(0,25px)}65%{opacity:.9}100%{opacity:0;transform:translate(var(--spark-drift),-190px)}}@keyframes epic-loot{from{opacity:0;transform:translateY(35px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:650px){.slot-pick{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:12px}.slot-pick>.gear-art{width:65px;height:85px}.slot-pick h3{font-size:22px}.chest-opening>.treasure-chest{max-width:310px}.chest-opening.revealed .chest-revealed-item>.gear-art{width:130px;height:130px}.chest-opening{min-height:350px}}
@media(prefers-reduced-motion:reduce){.chest-opening>.treasure-chest,.chest-opening .chest-frame,.chest-opening .chest-rays,.chest-opening .chest-aura,.chest-opening.revealed .chest-loot{animation:none!important;transition:none}.epic-opening-effects{display:none}}
@media(max-width:650px){.vault-wallet .currency-amount{font-size:24px}.vault-wallet .currency-icon{font-size:18px}}
@media(max-width:360px){.vault-wallet .currency-amount{font-size:21px}.vault-wallet .currency-icon{font-size:17px}}
@media(max-width:650px){.vault-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-wallet>span{justify-content:center;min-width:0}.vault-wallet .vault-collection{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;border-top:1px solid #9d713633;padding-top:8px}.vault-wallet .vault-collection b{display:inline;margin:0;font-size:17px;color:#f0c66e}}