/* Restored gilded immortal-jade collection. */
.classes{--jade-veins:url('assets/ui-jade-veins.svg');--immortal-cloud:url('assets/ui-xianxia-cloud.svg')}
.class-panel .class-tags{gap:11px;margin:22px 0 19px}
.class-panel .class-tags>span{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 15px;border:1px solid #efd491;border-radius:13px 4px 13px 4px;background:var(--jade-veins) center/180px 130px,radial-gradient(ellipse at 35% 0,#bcf6d577,transparent 70%),linear-gradient(145deg,#58b19b,#146d5f 54%,#0c463f);box-shadow:inset 0 0 0 2px #68451d66,inset 0 0 0 3px #ffe4a65c,inset 0 2px 8px #e0ffcd33,0 0 9px #ecc36d42,0 4px 8px #25574528;color:#fff3ce;transition:transform .25s,box-shadow .25s}
.class-panel .class-tags>span:before,.class-panel .class-tags>span:after{content:'';position:absolute;top:50%;width:5px;height:5px;border:1px solid #fff2be;background:#cca34f;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 7px #ffe4a3}
.class-panel .class-tags>span:before{left:-3px}.class-panel .class-tags>span:after{right:-3px}
.class-tags>span b{font:600 12px/1.4 var(--sans);letter-spacing:1px;text-shadow:0 1px 2px #114c42}
.class-tags>span .ui-icon{width:15px;height:15px;color:#fff1b3;stroke-width:1.5;flex:none;filter:drop-shadow(0 0 3px #ffd88877)}
.class-panel .class-tags>span:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px #68451d66,inset 0 0 0 3px #ffe4a688,0 0 17px #f4d18388,0 6px 12px #25574533}
.class-copy .class-note{position:relative;align-items:center;max-width:325px;margin:24px 0 13px;padding:18px 16px;gap:14px;border:1px solid #d7b66d;border-radius:22px 5px 22px 5px;background:var(--jade-veins) center/240px 175px,radial-gradient(ellipse at 25% 0,#ffffffc9,transparent 70%),linear-gradient(125deg,#f8f4d9f2,#d5ead5ed 65%,#edf1d7ed);box-shadow:inset 0 0 0 3px #fffae5a8,inset 0 0 0 4px #c9b16b55,0 0 13px #ffe3a342,0 6px 16px #66825218;overflow:hidden}
.class-copy .class-note:before{content:'';position:absolute;inset:6px;border:1px solid #bca26355;border-radius:17px 2px 17px 2px;pointer-events:none}
.class-copy .class-note:after{content:'';position:absolute;bottom:0;right:0;width:132px;height:38px;background:var(--immortal-cloud) center/contain no-repeat;opacity:.65;pointer-events:none}
.class-note .class-note-symbol{display:grid;place-items:center;position:relative;flex:none;width:36px;height:36px;border:1px solid #f9dfa0;border-radius:50%;background:var(--jade-veins) center/110px 80px,radial-gradient(circle at 32% 24%,#8bd5a9,#2c8c73 60%,#18574c);box-shadow:0 0 0 3px #bfa36255,inset 0 0 0 2px #fff0a744,0 0 13px #e9c8796b;color:#fff0b3;z-index:1}
.class-note-symbol .ui-icon{width:21px;height:21px;transition:transform .5s;filter:drop-shadow(0 0 3px #ffe5a66b)}
.class-note:hover .class-note-symbol .ui-icon{transform:rotate(16deg)}
.class-copy .class-note p{position:relative;font:13px/1.9 var(--sans);color:#46695a;margin:0;z-index:1;text-shadow:0 1px #fff9}
.character-frame .character-caption{min-width:220px;padding:16px 30px 13px;bottom:8px;border:1px solid #ffde89;border-radius:25px 7px 25px 7px;background:var(--immortal-cloud) center bottom/160px 22px no-repeat,var(--jade-veins) center/230px 166px,radial-gradient(ellipse at 50% 0,#c8ffd866,transparent 65%),linear-gradient(145deg,#46947d,#0b6655 60%,#134e44);box-shadow:inset 0 0 0 3px #553a1766,inset 0 0 0 4px #f5d58a9c,inset 0 0 18px #98f4c530,0 0 17px #ffd7845c,0 8px 20px #285b4233;backdrop-filter:blur(8px);color:#fff1be}
.character-frame .character-caption:before,.character-frame .character-caption:after{content:'';position:absolute;top:50%;width:11px;height:11px;transform:translateY(-50%) rotate(45deg);border:1px solid #fff4c5;background:linear-gradient(135deg,#fff9d6,#ecc16a 48%,#aa7832);box-shadow:0 0 0 3px #c79c4f4d,0 0 12px #ffe295}
.character-caption:before{left:-6px}.character-caption:after{right:-6px}
.character-frame .character-caption>span{font:600 28px/1.3 var(--serif);letter-spacing:5px;background:linear-gradient(#fff9d5,#f2ce7d);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #204536);text-shadow:none}
.character-frame .character-caption small{position:relative;font:10px/1.8 var(--sans);letter-spacing:1.2px;color:#f5e0a9;text-shadow:0 1px 2px #0a4a3b;margin-top:6px;padding-bottom:6px}
.class-weapon{padding-top:80px}
.class-weapon .weapon-eyebrow{font:11px/1.5 var(--sans);letter-spacing:2px;color:#8b753e;margin-bottom:15px}
.class-weapon .weapon-preview{position:relative;padding:12px 12px 20px;border:1px solid #ffdb87;border-radius:31px 8px 31px 8px;background:var(--immortal-cloud) center bottom/170px 25px no-repeat,var(--jade-veins) center/260px 188px,radial-gradient(ellipse at 40% 0,#7ce7b666,transparent 70%),linear-gradient(150deg,#328b77,#075c4e 60%,#164b41);box-shadow:inset 0 0 0 3px #68431688,inset 0 0 0 4px #efcd83a8,inset 0 0 22px #b7ffd52b,0 0 19px #edcb715c,0 8px 20px #255a423b;color:#fff2c6;overflow:hidden;transition:filter .3s,transform .3s,box-shadow .3s}
.class-weapon .weapon-preview:before{content:'';position:absolute;inset:7px;border:1px solid #fce6a788;border-radius:24px 3px 24px 3px;background:linear-gradient(90deg,transparent,#fff2ca99,transparent) center top/70% 1px no-repeat;pointer-events:none;z-index:3}
.class-weapon .weapon-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 27%,#fff0b924 47%,#fffce743 50%,transparent 67%);background-size:250% 100%;opacity:.65;pointer-events:none;transition:opacity .3s;animation:immortal-jade-sheen 8s ease-in-out infinite}
.class-weapon .weapon-preview:hover,.class-weapon .weapon-preview:focus-visible{box-shadow:inset 0 0 0 3px #68431688,inset 0 0 0 4px #ffe5a6cc,0 0 28px #f3ce91a8,0 0 46px #9ce8bb55,0 10px 23px #255a4250;filter:brightness(1.08)}
.class-weapon .weapon-preview:hover:after{opacity:1}
.weapon-preview .weapon-thumb{height:140px;border:1px solid #e2c47888;border-radius:22px 3px 20px 3px;mask-image:linear-gradient(180deg,#000 72%,#000b);transition:transform .4s;box-shadow:0 0 0 2px #123f3555,inset 0 0 18px #4bbd9a44;background-color:#1c3e3d}
.weapon-preview:hover .weapon-thumb{transform:scale(1.025)}
.weapon-preview .weapon-name{position:relative;margin:14px 4px 0;font:650 19px/1.5 var(--sans);letter-spacing:1px;color:#fff0b6;text-shadow:0 0 8px #f9d37866,0 2px 2px #113e32;z-index:2}
.weapon-preview small{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;font:10px/1.6 var(--sans);color:#ffecb2;margin-top:8px;padding-bottom:8px;text-shadow:0 1px 2px #064c3d;z-index:2}
.weapon-preview small .ui-icon{width:12px;height:12px}
@keyframes immortal-jade-sheen{0%,18%{background-position:100% 0}70%,100%{background-position:-70% 0}}
.ui-paused .class-weapon .weapon-preview:after{animation-play-state:paused}
@media(max-width:1100px){.class-panel .class-tags{gap:6px}.class-panel .class-tags>span{padding-inline:10px;gap:5px}.class-tags>span b{font-size:11px}.class-weapon .weapon-preview{padding:9px 9px 14px}.weapon-preview .weapon-name{font-size:17px}.weapon-preview .weapon-thumb{height:126px}}
@media(max-width:650px){.class-panel .class-tags{gap:8px;margin:18px 0 16px}.class-panel .class-tags>span{min-height:33px;padding:7px 11px;gap:6px}.class-tags>span b{font-size:12px}.class-copy .class-note{max-width:100%;margin:20px 0 13px;padding:16px 13px;gap:12px}.class-note .class-note-symbol{width:32px;height:32px}.class-note-symbol .ui-icon{width:18px;height:18px}.class-copy .class-note p{font-size:12px;line-height:1.85}.character-frame .character-caption{min-width:174px;padding:12px 20px 11px;bottom:3px;border-radius:19px 5px 19px 5px;background-size:135px 18px,230px 166px,auto,auto}.character-frame .character-caption>span{font-size:24px;letter-spacing:4px}.character-frame .character-caption small{font-size:9px;letter-spacing:.7px;margin-top:3px;padding-bottom:4px}.class-weapon{padding-top:54px}.class-weapon .weapon-preview{padding:6px 6px 14px;border-radius:20px 5px 20px 5px;background-size:100px 17px,180px 130px,auto,auto}.class-weapon .weapon-preview:before{inset:5px;border-radius:16px 2px 16px 2px}.weapon-preview .weapon-thumb{height:87px;border-radius:15px 2px 13px 2px}.weapon-preview .weapon-name{font-size:14px;letter-spacing:0;margin:9px 1px 0;line-height:1.45}.weapon-preview small{font-size:8px;gap:3px;line-height:1.4;margin-top:6px;padding-bottom:5px}.weapon-preview small .ui-icon{width:10px;height:10px}.class-weapon .weapon-eyebrow{font-size:9px;letter-spacing:0;margin-bottom:10px}}
@media(max-width:360px){.class-panel .class-tags{gap:9px}.class-panel .class-tags>span{padding-inline:9px;gap:5px}.class-tags>span b{font-size:11px}.character-frame .character-caption{min-width:152px;padding:8px 16px}.character-frame .character-caption>span{font-size:22px}.character-frame .character-caption small{font-size:8px}.weapon-preview .weapon-name{font-size:13px}.weapon-preview small{font-size:7px}.class-weapon{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.class-panel .class-tags>span,.class-note-symbol .ui-icon,.class-weapon .weapon-preview,.weapon-preview .weapon-thumb{transition:none}.class-panel .class-tags>span:hover,.class-note:hover .class-note-symbol .ui-icon,.weapon-preview:hover .weapon-thumb{transform:none}.class-weapon .weapon-preview:after{animation:none;background-position:50% 0}}