#progressCelebrations{position:fixed;inset:0;z-index:18;pointer-events:none;user-select:none;display:flex;align-items:center;flex-direction:column;gap:12px;padding-top:clamp(78px,12vh,150px);box-sizing:border-box}
.progress-celebration{--progress:#ffd17f;position:relative;display:flex;align-items:center;gap:21px;width:max-content;max-width:min(570px,90vw);box-sizing:border-box;isolation:isolate;padding:22px 34px 22px 24px;border:1px solid color-mix(in srgb,var(--progress) 64%,#34373d);border-radius:5px 20px 5px 20px;color:#fff4de;background:radial-gradient(ellipse at 0 50%,color-mix(in srgb,var(--progress) 18%,transparent),transparent 68%),linear-gradient(130deg,#1c2735f5,#101923f5);box-shadow:0 14px 50px #0008,0 0 40px color-mix(in srgb,var(--progress) 9%,transparent),inset 0 0 0 5px #10182090;text-align:left;animation:progress-arrive .38s cubic-bezier(.2,.8,.2,1) both,progress-leave .35s 2.65s forwards}
.progress-celebration::before,.progress-celebration::after{content:'';position:absolute;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--progress),transparent);opacity:.5;pointer-events:none}.progress-celebration::before{top:8px}.progress-celebration::after{bottom:8px}
.progress-celebration.class{--progress:#b7a2ff;animation:progress-arrive .3s ease-out both,progress-leave .35s 2.85s forwards}.progress-celebration.class.opening{animation:progress-arrive .3s ease-out both}.progress-celebration.class.opening::after{left:22px;right:22px;transform-origin:left;animation:progress-hold .9s linear both}
.progress-celebration.learned{padding:16px 24px;animation:progress-arrive .3s ease-out both,progress-leave .3s 2.05s forwards}.progress-card-shine{position:absolute;inset:1px;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none}.progress-card-shine::after{content:'';position:absolute;inset:-50% auto -50% -70%;width:35%;background:linear-gradient(90deg,transparent,#fff4d518,transparent);transform:skewX(-24deg);animation:progress-shine 1.1s .1s ease-out both}
.progress-copy{min-width:0}.progress-label{display:block;color:var(--progress);font:800 10px/1.4 system-ui;letter-spacing:.23em;margin:0 0 7px}.progress-title{display:block;font:600 clamp(25px,3vw,36px)/1.13 Georgia,serif;text-shadow:0 2px 12px #0005;letter-spacing:.01em}.progress-detail{margin:8px 0 0;font:13px/1.5 system-ui;color:#e6e0d3;max-width:370px}.progress-secondary:empty{display:none}.progress-secondary,.progress-combined-note{margin:9px 0 0;font:12px/1.5 system-ui;color:#ffd99e}.progress-next{display:block;margin-top:9px;color:#c5ccd7;font:600 10px/1.4 system-ui;letter-spacing:.08em;text-transform:uppercase}.progress-old-level{color:#a5a8ad;font-size:.7em}.progress-level-arrow{font-size:.55em;color:var(--progress);margin:0 15px;vertical-align:middle}.progress-new-level{display:inline-block;color:#ffdf9b;animation:progress-number .45s .14s ease-out both;font-size:1.25em}
.progress-crest{position:relative;display:grid;place-items:center;flex:none;width:76px;height:76px;isolation:isolate;border:1px solid color-mix(in srgb,var(--progress,#ffd17f) 74%,transparent);border-radius:50%;background:radial-gradient(circle,#fff5ce12,#0c162a88 70%);box-shadow:0 0 26px color-mix(in srgb,var(--progress,#ffd17f) 18%,transparent),inset 0 0 15px #0007}.progress-crest img{width:63px;height:63px;object-fit:contain;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--progress,#ffd17f) 45%,transparent))}.progress-crest b{font:500 45px Georgia;color:var(--progress,#ffd17f)}.crest-orbit{position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--progress,#ffd17f) 50%,transparent);border-radius:20%;transform:rotate(45deg);z-index:-1;animation:progress-seal .6s ease-out both}.crest-orbit:nth-child(2){inset:-12px;border:1px dashed color-mix(in srgb,var(--progress,#ffd17f) 35%,transparent);border-radius:50%;animation-delay:.06s}
.progress-flare{--progress:#ffd17f;position:absolute;width:150px;height:110px;transform:translate(-50%,-50%);isolation:isolate}.progress-world-ring{position:absolute;inset:27% 3%;border:2px solid var(--progress);border-radius:50%;box-shadow:0 0 15px var(--progress),inset 0 0 13px color-mix(in srgb,var(--progress) 50%,transparent);animation:progress-ring 1.15s cubic-bezier(.1,.7,.2,1) both}.progress-world-ring:nth-child(2){inset:20% 0;animation-delay:.14s;border-width:1px}.progress-world-ring:nth-child(3){inset:4% 25% 22%;border-width:0 1px;border-radius:50%;animation:progress-rise 1.4s .07s ease-out both}.progress-spark{position:absolute;left:50%;top:50%;height:5px;width:3px;border-radius:50%;background:var(--progress);box-shadow:0 0 9px var(--progress);animation:progress-spark 1.35s calc(var(--i)*.025s) ease-out both;--a:calc(var(--i)*36deg);--r:calc(24px + var(--i)*3px)}
.progress-flare[data-family=steel] .progress-world-ring:first-child,.progress-flare[data-family=blade] .progress-world-ring:first-child{border-radius:20%;transform:rotate(35deg)}.progress-flare[data-family=leaf] .progress-spark,.progress-flare[data-family=feather] .progress-spark{width:6px;height:10px;border-radius:85% 10%}.progress-flare[data-family=flame] .progress-spark{width:5px;height:13px;border-radius:80% 10%}.progress-flare[data-family=storm] .progress-spark{height:15px;width:2px;transform:skewX(-18deg)}.progress-flare[data-family=time] .progress-world-ring:first-child{border-style:dashed}.progress-flare[data-family=spirit] .progress-world-ring:first-child{border-style:double;border-width:4px}
.progress-look{position:relative;flex:none;width:140px;min-width:0;text-align:center;border-left:1px solid color-mix(in srgb,var(--progress,var(--pick)) 24%,transparent);padding-left:16px;color:#f6e3b9}.progress-look-model{height:130px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--progress,var(--pick)) 18%,transparent),transparent 60%);overflow:hidden}.progress-look-model img{width:100%;height:100%;object-fit:contain}.progress-model-loading{font-size:40px;color:var(--progress,var(--pick));animation:progress-seal .6s ease-out both}.progress-look small{display:block;font:800 8px/1.4 system-ui;letter-spacing:.14em;color:var(--progress,var(--pick));margin:3px 0}.progress-look strong{display:block;font:600 14px/1.2 Georgia}.progress-look-help{display:block;font:9px/1.45 system-ui;color:#c6c5c2;margin-top:5px}.progress-has-look.progress-celebration{max-width:min(760px,94vw);animation-delay:0s,4.05s}
#ovcard:has(.premium-choice){max-width:1120px;padding:0;border:0;background:none;box-shadow:none;max-height:94dvh;overflow:auto}#ovcard:has(.premium-choice)::before{display:none}.premium-choice.classpick{--progress:var(--pick);position:relative;max-width:1100px!important;padding:28px 34px!important;border:1px solid color-mix(in srgb,var(--pick) 52%,#384252)!important;border-radius:10px 28px 10px 28px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--pick) 15%,transparent),transparent 54%),linear-gradient(155deg,#1c2937,#101722 73%);box-shadow:0 30px 100px #000b,inset 0 0 0 5px #10182080;animation:progress-choice-in .38s cubic-bezier(.2,.8,.2,1) both;color:#f4ead5;overflow:hidden}.premium-choice .pickhead{position:relative;min-height:98px;text-align:left;padding:12px 0 18px 112px;border-bottom:1px solid color-mix(in srgb,var(--pick) 23%,transparent)}.premium-choice .progress-choice-emblem{position:absolute;top:22px;left:7px;--progress:var(--pick)}.premium-choice .pickhead .ovkicker{font:800 10px/1.3 system-ui;letter-spacing:.17em;margin:0 0 6px;color:var(--pick)}.premium-choice .pickcrest{font:600 25px/1.2 Georgia;color:#fff1d1;letter-spacing:.02em}.premium-choice .pickcrest>span{display:none}.premium-choice .ovh{font:600 clamp(23px,3vw,35px)/1.15 Georgia;margin:8px 0}.premium-choice .ovsub{font:13px/1.5 system-ui;max-width:600px;margin:6px 0;color:#c7d0d6}.premium-choice .pickhead.progress-has-look{padding-right:170px;min-height:162px}.premium-choice .pickhead>.progress-look{position:absolute;right:0;top:-8px;width:155px}.premium-choice .pickhead .progress-look-model{height:115px}
.premium-choice .c2choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 18px}.premium-choice .c2opt.bigbtn{text-align:left;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px 15px;min-height:240px;padding:19px!important;align-items:start;border:1px solid #526071;border-radius:8px 20px 8px 20px;background:radial-gradient(ellipse at 10% 20%,color-mix(in srgb,var(--pick) 10%,transparent),transparent 60%),linear-gradient(145deg,#22313f,#14202d);box-shadow:0 9px 24px #0004;color:#f5ecd9;transform:none}.premium-choice .c2art{width:86px;height:86px;border-radius:15px;background:#0b142980;border:1px solid color-mix(in srgb,var(--pick) 35%,#344255);box-shadow:inset 0 0 18px #0004;display:grid;place-items:center;overflow:hidden}.premium-choice .c2art .ico-event,.premium-choice .c2art img{width:78px;height:78px;object-fit:contain}.premium-choice .c2art.glyph{font-size:45px}.premium-choice .c2top{display:block}.premium-choice .c2name{font:600 23px/1.1 Georgia;color:#fff1d0}.premium-choice .c2role{display:inline-block;font:800 9px/1.3 system-ui;letter-spacing:.07em;color:var(--pick);margin-top:8px}.premium-choice .c2desc{display:block;margin-top:12px;font:13px/1.55 system-ui;color:#d8e0e5}.premium-choice .c2meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.premium-choice .c2badge{font:600 9px/1.3 system-ui;border:1px solid #59627388;border-radius:5px;padding:4px 6px;color:#d9e5ed;background:#111a26}.premium-choice .c2choose{grid-column:1/-1;margin-top:8px;padding:10px 0 0;border-top:1px solid #53607670;font:800 10px/1.4 system-ui;color:var(--pick);letter-spacing:.05em}.premium-choice .c2opt.progress-focused,.premium-choice .c2opt:focus-visible{outline:2px solid #ffd887!important;outline-offset:3px;border-color:#ffd887!important}.premium-choice .c2opt.is-selected{background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--pick) 23%,transparent),transparent 65%),#223442;border-color:#ffda8e;box-shadow:0 0 30px color-mix(in srgb,var(--pick) 15%,transparent),inset 0 0 0 1px #ffda8e50}.premium-choice .c2opt:hover{transform:translateY(-2px)}
.progress-illustration{display:block;grid-column:1/-1;border-radius:10px;background:linear-gradient(90deg,#0b142b00,#0b142b77,#0b142b00);text-align:center}.progress-illustration canvas{width:100%;max-width:280px;height:85px;display:block;margin:0 auto}.progress-illustration small{display:block;font:700 7px/1.4 system-ui;letter-spacing:.14em;color:#8e9ca7;padding-bottom:5px}.premium-choice #choiceReview{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid #f3c77a70;border-radius:10px;padding:12px 15px;background:linear-gradient(90deg,#61432650,#161f2d);margin-top:12px}.premium-choice #choiceSelected{margin:0;color:#ffe4af;font:600 20px Georgia}.premium-choice #classChoiceConfirm{margin:0;padding:12px 24px;background:linear-gradient(#edb35d,#c48939);border:1px solid #ffde99;color:#20180e;font:800 14px system-ui;box-shadow:0 3px 18px #b9853540}.premium-choice #classChoiceBack{margin:0;padding:11px 14px;color:#d9dde1;border-color:#66717e;font:600 12px system-ui}.premium-choice .choice-required{font:11px/1.5 system-ui;color:#aebdc7;text-align:center;margin:14px 0 0}.premium-choice #choiceReview[hidden]{display:none!important}
.progress-flight{position:fixed;display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--progress);border-radius:15px;background:#192637;z-index:90;box-shadow:0 0 25px var(--progress);pointer-events:none}.progress-flight img,.progress-flight .ico-event{width:64px;height:64px;object-fit:contain}.progress-slot-ready{outline:2px solid #ffe0a0!important;outline-offset:3px;box-shadow:0 0 25px #ffd17f88!important;animation:progress-slot 1.6s ease-out both}.progress-bar-awarded{box-shadow:0 0 12px #ffd17f77!important}.progress-stat-points{flex:none;margin-left:8px;padding:3px 6px;border:1px solid #b69153;border-radius:5px;background:#3b2f1f;color:#ffe4af;font:800 9px/1.2 system-ui;cursor:pointer;pointer-events:auto;white-space:nowrap}.progress-stat-points:focus-visible{outline:2px solid #ffe2a4;outline-offset:2px}
@keyframes progress-arrive{from{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:none}}@keyframes progress-leave{to{opacity:0;transform:translateY(-8px)}}@keyframes progress-number{from{opacity:0;transform:translateY(10px) scale(1.25)}to{opacity:1;transform:none}}@keyframes progress-seal{from{opacity:0;transform:rotate(12deg) scale(.55)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes progress-shine{to{left:140%}}@keyframes progress-ring{from{opacity:.9;scale:.3}to{opacity:0;scale:1.6}}@keyframes progress-rise{from{opacity:.6;transform:translateY(0) scaleY(.3)}to{opacity:0;transform:translateY(-65px) scaleY(1.4)}}@keyframes progress-spark{from{opacity:0;transform:rotate(var(--a)) translateY(-8px)}20%{opacity:.9}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1*var(--r) - 40px))}}@keyframes progress-choice-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes progress-hold{from{scale:0 1}to{scale:1 1}}@keyframes progress-slot{from{filter:brightness(1.4)}to{filter:brightness(1)}}
.progress-reduced .progress-celebration,.progress-celebration.reduced,.progress-reduced .premium-choice,.progress-reduced .progress-new-level,.progress-reduced .crest-orbit,.progress-reduced .progress-card-shine::after,.progress-reduced .progress-celebration.opening::after{animation:none}.progress-flare.reduced{display:none}.progress-reduced .progress-slot-ready{animation:none}
.progress-celebration[hidden],.progress-flare[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.progress-celebration,.progress-celebration.opening,.progress-celebration.opening::after,.premium-choice,.progress-new-level,.crest-orbit,.progress-card-shine::after,.progress-slot-ready{animation:none!important}.progress-flare{display:none}}
@media(max-width:740px){#progressCelebrations{padding-top:100px}.progress-celebration{gap:15px;padding:18px 20px;max-width:92vw}.progress-title{font-size:25px}.progress-crest{width:55px;height:55px}.progress-crest img{width:47px;height:47px}.progress-detail{font-size:11px}.progress-look{width:100px;padding-left:10px}.progress-look-model{height:100px}.progress-look-help{font-size:8px}.premium-choice.classpick{padding:18px!important;max-height:none!important}.premium-choice .pickhead{padding-left:78px}.premium-choice .progress-choice-emblem{left:0;top:22px}.premium-choice .ovsub{font-size:11px}.premium-choice .c2choices{gap:12px;margin-top:18px}.premium-choice .c2opt.bigbtn{grid-template-columns:56px minmax(0,1fr);min-height:200px;padding:12px!important;gap:8px}.premium-choice .c2art{width:54px;height:54px}.premium-choice .c2art .ico-event,.premium-choice .c2art img{width:49px;height:49px}.premium-choice .c2name{font-size:19px}.premium-choice .c2desc{font-size:11px}.premium-choice .c2meta{grid-column:1/-1}.premium-choice .pickhead.progress-has-look{padding-right:112px;min-height:145px}.premium-choice .pickhead>.progress-look{width:106px}.premium-choice .pickhead .progress-look-model{height:95px}.premium-choice .pickcrest{font-size:21px}.premium-choice #choiceReview{grid-template-columns:1fr auto}.premium-choice #choiceSelected{grid-column:1/-1}.premium-choice .c2role{font-size:8px}.premium-choice .c2badge{font-size:8px}}
@media(max-width:480px){.premium-choice .c2choices{grid-template-columns:1fr}.premium-choice .c2opt.bigbtn{grid-template-columns:64px minmax(0,1fr);min-height:150px}.progress-illustration canvas{height:58px}.progress-illustration{grid-column:1/-1}.premium-choice .pickhead.progress-has-look{padding-left:0;padding-top:72px}.premium-choice .pickhead>.progress-look{top:0;right:0}.progress-has-look.progress-celebration{flex-wrap:wrap}.progress-celebration>.progress-look{width:100%;display:grid;grid-template-columns:90px 1fr;text-align:left;border-left:0;border-top:1px solid #90734b55;padding:8px 0 0}.progress-celebration>.progress-look .progress-look-model{grid-row:1/5;height:85px}.progress-celebration>.progress-look .progress-look-help{grid-column:2}}

.premium-skill-ready{--progress:var(--pick);max-width:520px!important;border:1px solid var(--pick);border-radius:10px 26px 10px 26px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--pick) 18%,transparent),transparent 65%),#142231!important;padding:28px!important;text-align:center;box-shadow:0 20px 80px #0009}.premium-skill-ready .ovkicker{font:800 10px system-ui;letter-spacing:.16em;color:var(--pick)}.skill-ready-art{margin:24px auto 18px;width:100px;height:100px;display:grid;place-items:center;border:1px solid var(--pick);border-radius:20px;box-shadow:0 0 35px color-mix(in srgb,var(--pick) 18%,transparent);background:#0e192b}.skill-ready-art .ico-event{width:88px;height:88px}.premium-skill-ready h2{font:500 32px Georgia;color:#ffe2a8;margin:15px 0}.premium-skill-ready p{color:#d5dfe7;font:14px/1.6 system-ui}.premium-skill-ready .skill-ready-key{margin:23px 0 6px}.skill-ready-key b{display:inline-block;min-width:42px;margin-left:9px;padding:4px 14px;border:1px solid #f3ca85;border-radius:7px;color:#ffdfa4;background:#453522;font-size:22px}.premium-skill-ready .skill-ready-detail{font-size:11px;color:#a9becd}.premium-skill-ready #tutGo{width:100%;margin-top:20px;background:linear-gradient(#eeb760,#c28a3d);border:1px solid #ffdfa7;color:#241a0e;font-weight:800;padding:15px}

.progress-emblem-transfer{position:fixed!important;pointer-events:none;z-index:60;animation:none!important;margin:0;transform:translate(-50%,-50%)}.progress-emblem-transfer .crest-orbit{animation:none}

.progress-stat-guide{pointer-events:auto;position:fixed;top:12px;left:12px;width:340px;max-width:calc(100vw - 32px);padding:16px;border:2px solid #08776b;border-top:5px solid #33d8b6;border-radius:12px;background:linear-gradient(135deg,#fff8e5,#f9ebc5);box-shadow:0 0 0 2px #c6ffec,0 12px 35px #0007;color:#24352f;text-align:left;z-index:18;white-space:normal}.progress-stat-guide strong{font:700 18px Georgia,serif}.progress-stat-guide p{font:14px/1.5 system-ui;margin:8px 0 12px}.progress-stat-guide div{display:flex;gap:8px;flex-wrap:wrap}.progress-stat-guide button{padding:9px 11px;background:#a83c12;color:#fff9eb;border:1px solid #e5bb72;border-radius:7px;font:700 13px system-ui;cursor:pointer}.progress-stat-guide button:last-child{background:#edf4e5;color:#284a3e;border-color:#467366}.progress-stat-guide button:focus-visible{outline:3px solid #ffe485;outline-offset:2px}.charprog .proghead{position:relative}@media(max-width:650px){.progress-stat-guide{width:min(290px,calc(100vw - 24px));padding:12px}}

.progress-stat-points{display:inline-flex;align-items:center;gap:5px}
.progress-stat-key{display:inline-block;padding:1px 4px;border:1px solid currentColor;border-radius:3px;font:700 10px/1.3 system-ui;white-space:nowrap}
.progress-stat-guide button{display:inline-flex;align-items:center;gap:8px}
.progress-stat-guide[hidden]{display:none!important}