.masteryTop .treeAudio,#masteryDepth{display:none}
#ascensionButton{position:relative;display:grid;grid-template-columns:44px auto;align-items:center;column-gap:7px;background:#54442b;color:#fff0ba;border:2px solid #edc366;box-shadow:0 0 18px #f7cd6540;padding:5px 14px}
#ascensionButton svg{width:44px;grid-row:1/3;filter:drop-shadow(0 0 5px #ffdc78);animation:rodGleam 2.6s ease-in-out infinite}
#ascensionButton span{font-weight:800;font-size:16px}#ascensionButton small{font-size:10px;color:#ffe9b9}#ascensionButton:disabled{opacity:.55}#ascensionButton:disabled small{font-size:0}#ascensionButton:disabled small:after{content:'Catch the Leviathan to unlock';font-size:10px}
#ascension{position:absolute;inset:0;z-index:20;overflow:auto;color:#e7f0ed;background:radial-gradient(ellipse at 48% 0%,#607e78 0%,#294450 45%,#182739 85%);padding:24px 36px 45px;isolation:isolate}
#ascension:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#efd48e70 1px,transparent 2px);background-size:89px 79px;opacity:.35;animation:ascDrift 12s linear infinite;z-index:-1}
#ascension[hidden]{display:none}#backMastery{position:relative;z-index:1;background:#294754;color:#fff0ba;border-color:#b5c8b3}
#ascension .ascHeading{position:static;display:block;text-align:center;margin:-20px auto 22px;pointer-events:none}.ascHeading span{letter-spacing:3px;font-size:10px;color:#ebcf91}.ascHeading h2{font:700 42px Georgia,serif;color:#ffedb6;margin:7px}.ascHeading p{font-size:13px;color:#c8ded7;margin:6px}
.ascLayout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(330px,1fr);gap:38px;align-items:start;max-width:1120px;margin:auto}.ascWheel{position:sticky;top:45px;aspect-ratio:1;border:2px solid #c1a56b66;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f1db9e0a 0deg 1deg,transparent 1deg 32.72deg),radial-gradient(circle,#e9d19220,transparent 67%);box-shadow:0 0 60px #99d7c414,inset 0 0 40px #9bd7c115;margin:24px 0}
.ascWheel:before{content:'';position:absolute;inset:19%;border:1px dashed #d1c08888;border-radius:50%}.ascSpoke{position:absolute;transform:translate(-50%,-50%);width:62px;height:62px;padding:10px;border:2px solid var(--asc);border-radius:14px;background:#293b48;transition:scale .2s,box-shadow .2s;box-shadow:0 5px 0 #132733}.ascSpoke svg{width:100%;height:100%}.ascSpoke:hover,.ascSpoke[aria-pressed=true]{background:#46595c;scale:1.14;box-shadow:0 0 21px var(--asc)}.ascCenter{position:absolute;inset:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#fff0bb;font-family:Georgia,serif;font-size:21px}.ascCenter svg{width:74px;filter:drop-shadow(0 0 12px #ffdf8555)}
.ascDescription{padding:22px 25px;background:#172c3ac9;border:1px solid #b9c6a655;border-radius:16px;box-shadow:0 12px 30px #06142455}.ascDescription h3{font:700 28px Georgia,serif;color:#ffdf96;margin:15px 0 7px}.ascDescription p{font-size:13px;line-height:1.65;color:#d2e5df}.ascDescription .ascFlavor{color:#a9d9cb;font-style:italic}.ascCycle{display:flex;justify-content:space-between;align-items:center}.ascCycle button{background:#436773;color:#ffedb6;border-color:#94bcba}.ascCycle span{font-size:11px;color:#c3dace}.ascCurrent{background:#385451;padding:8px 12px;border-radius:6px}.ascOffer{border-top:1px solid #8facab66;margin-top:16px;padding-top:5px}.ascOffer h4{color:#ffe4a7;margin:12px 0}.ascOffer label{display:block;font-size:12px;color:#c5e0d7;margin-bottom:7px}.ascOffer select{width:100%;box-sizing:border-box;background:#2b4954;color:#fff0bc;border:1px solid #a7c4b3;border-radius:6px;padding:10px}.ascOffer button{display:block;width:100%;margin-top:10px;white-space:normal;background:#edcc86;color:#243c46;border-color:#ffedbb}.ascOffer button:hover{background:#fff1bd;color:#243c46}.ascOffer #removeAscension{background:transparent;color:#c9d6d2;border-color:#657c81;font-size:11px}.ascOffer button:disabled{opacity:.4;cursor:not-allowed}.ascOffer #ascMessage{color:#ffc89f}.ascOffer #ascConfirm{padding:10px;border:2px solid #eed395;border-radius:8px;margin-top:12px}.ascOffer #ascConfirm[hidden]{display:none}
.ascCelebration{position:fixed;inset:0;z-index:60;display:grid;place-items:center;text-align:center;pointer-events:none;background:radial-gradient(circle,#cdaf6855,#132835ee);animation:ascCelebrate 2.6s ease both}.ascCelebration:before{content:'';position:absolute;width:80vmin;height:80vmin;background:repeating-conic-gradient(#ffe58f22 0deg 8deg,transparent 8deg 25deg);border-radius:50%;animation:ascSpin 8s linear infinite}.ascCelebration div{z-index:1}.ascCelebration svg{display:block;width:130px;margin:0 auto 25px;filter:drop-shadow(0 0 25px #ffe6a3)}.ascCelebration span{letter-spacing:5px;color:#ffe8b1;font-size:12px}.ascCelebration h2{font:700 40px Georgia,serif;color:#fff1c5}.ascCelebration p{color:#c3e5d3}
#ascensionStatus{position:absolute;left:50%;top:154px;transform:translateX(-50%);z-index:8;background:#233a47dd;border:1px solid #ddc591;border-radius:20px;padding:7px 14px;color:#fff0c5;font-size:11px;pointer-events:none;white-space:nowrap}#ascensionStatus[hidden]{display:none}
@keyframes rodGleam{50%{filter:drop-shadow(0 0 10px #ffea9b);transform:translateY(-2px)}}@keyframes ascDrift{to{background-position:0 -79px}}@keyframes ascSpin{to{transform:rotate(360deg)}}@keyframes ascCelebrate{0%,100%{opacity:0}15%,85%{opacity:1}}
@media(max-width:760px){#ascension{padding:18px 18px 40px}#ascension .ascHeading{margin:18px 0}.ascHeading h2{font-size:32px}.ascLayout{grid-template-columns:1fr;gap:12px;max-width:470px}.ascWheel{position:relative;top:0;width:90%;margin:10px auto}.ascSpoke{width:48px;height:48px;padding:7px}.ascCenter{font-size:17px}.ascCenter svg{width:50px}.ascDescription{padding:18px}#ascensionStatus{top:124px;font-size:9px;max-width:70vw;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){#ascensionButton svg,#ascension:before,.ascCelebration:before,.ascCelebration{animation:none}.ascSpoke{transition:none}}

#offeringArt{position:relative;inset:auto;display:block;width:100%;height:90px;object-fit:contain;image-rendering:pixelated;background:radial-gradient(ellipse,#759fa733,transparent 70%);margin:6px auto}.ascCenter{animation:abilityIn .25s ease-out}@keyframes abilityIn{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ascCenter{animation:none}}

