@font-face{font-family:Zethrone;src:url('/assets/fonts/ExocetReaper-Medium.woff2') format('woff2'),url('/assets/fonts/ExocetReaper-Medium.otf') format('opentype');font-display:swap}
#class-dialog .class-detail{align-items:stretch!important}
.zethrone-brand,.footer-brand{display:flex;align-items:center;gap:9px;color:#fff;flex-shrink:0;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb80;border-right:1px solid #e5e7eb80;padding-right:1rem;height:auto;}.zethrone-mark{width:39px;height:39px;border-radius:9px;background:#ffffff;display:grid;place-items:center}.zethrone-mark img{width:27px;height:27px;object-fit:contain}.zethrone-name{font:20px/18px Zethrone,serif;letter-spacing:.6px;text-shadow:0 0 18px #f22a2a55}.zethrone-name small{display:block;font:500 12px/10px Onest,sans-serif;letter-spacing:2.4px;color:#d3ccdf;text-shadow:none}.reference-header .main-nav{gap:18px}.reference-header .main-nav>a,.nav-dropdown>summary{font-size:15px}.nav-dropdown>div{top:56px!important;left:-18px!important;min-width:210px!important;background:#fff!important;border:0!important;border-radius:6px!important;padding:10px!important;box-shadow:0 8px 20px #0803134d!important}.nav-dropdown>div:before{content:'';position:absolute;left:55px;top:-10px;border:10px solid transparent;border-bottom-color:#fff;border-top:0}.nav-dropdown>div>a{display:flex!important;align-items:center;gap:10px;color:#1a1720!important;font-size:14px!important;padding:11px 12px!important;border-radius:5px}.nav-dropdown>div>a:hover{color:#6a4ba4!important;background:#f3effa}.nav-dropdown>summary i{transition:transform .2s}.nav-dropdown[open]>summary i{transform:rotate(180deg)}
.zethrone-mark{width:39px;height:39px;display:grid;border-radius:9px;background:rgb(255,255,255);place-items:center;position:relative;overflow:hidden}
.zethrone-mark::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(244,0,0,0) 40%,rgba(244,0,0,0.12) 48%,rgba(244,0,0,0.2) 50%,rgba(244,0,0,0.12) 52%,rgba(244,0,0,0) 60%,transparent 70%);background-size:300% 100%;background-position:100% 50%;mix-blend-mode:darken;animation:ragnarok-red-shine 8.8s ease-in-out infinite}
@keyframes ragnarok-red-shine{0%{background-position:100% 50%}50%,100%{background-position:0% 50%}}

.animate-zethrone-pulse{animation: zethronePulse 5s ease-in-out infinite}
@keyframes zethronePulse{0%,100%{color:rgb(232,220,193);text-shadow:0 0 2px rgba(232,220,193,0.1)}50%{color:#F40000;text-shadow:0 0 15px rgba(244,0,0,0.6)}}
.page-banner,.page-forum .page-banner,.page-admin .page-banner,.page-shop .page-banner{background:radial-gradient(circle at 75% 30%,#38236b99,transparent 35%),linear-gradient(110deg,#110a27 0%,#191138 62%,#211746 100%)!important;border-bottom:1px solid #f9c10b30}.page-banner:after{opacity:.08}.page-banner .eyebrow,.page-shop .page-banner .eyebrow{color:#f9c10b}
.reference-home .hero{isolation:isolate;background-size:cover;animation:heroPan 18s ease-in-out infinite alternate}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,#fff4c657 0,transparent 22%);mix-blend-mode:screen;animation:heroGlow 3.8s ease-in-out infinite}.hero-runes{position:absolute;inset:0;background:radial-gradient(circle at 22% 35%,#fff 0 2px,transparent 3px),radial-gradient(circle at 78% 28%,#fff9 0 2px,transparent 3px),radial-gradient(circle at 68% 68%,#ffd88d 0 2px,transparent 3px);background-size:210px 170px,270px 230px,310px 260px;animation:stars 15s linear infinite}.reference-home .hero-character img{animation:heroCharacter 4s ease-in-out infinite;transform-origin:50% 100%}.hero-particles i{position:absolute;width:7px;height:7px;background:#fff7cf;border-radius:50%;filter:blur(.5px);box-shadow:0 0 12px #fff}.hero-particles i:nth-child(1){left:18%;top:65%;animation:floatParticle 7s infinite}.hero-particles i:nth-child(2){left:32%;top:40%;animation:floatParticle 5s 1s infinite}.hero-particles i:nth-child(3){left:47%;top:28%;animation:floatParticle 8s 2s infinite}.hero-particles i:nth-child(4){left:63%;top:55%;animation:floatParticle 6s .5s infinite}.hero-particles i:nth-child(5){left:76%;top:35%;animation:floatParticle 7s 3s infinite}.hero-particles i:nth-child(6){left:85%;top:72%;animation:floatParticle 5s 2s infinite}@keyframes heroPan{to{background-position:52% 3%}}@keyframes heroGlow{50%{opacity:.55;transform:scale(1.08)}}@keyframes heroCharacter{50%{transform:translateY(-8px)}}@keyframes stars{to{transform:translateY(-40px)}}@keyframes floatParticle{50%{transform:translate(18px,-55px) scale(.4);opacity:.2}}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.revealed{opacity:1;transform:none}
.feature-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:510px;height:80px;width:85px;background:#0003;color:#fff;font-size:28px;z-index:2}.feature-arrow:hover{background:#0006}.feature-next{right:0;border-radius:40px 0 0 40px}.feature-prev{left:0;border-radius:0 40px 40px 0}.class-track,.feature-slider{scroll-behavior:smooth;overscroll-behavior-x:contain}
.reference-footer{min-height:210px!important;padding:28px 65px 48px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:15px!important;text-align:center!important;background:#110a27!important;color:#aaa2bb}.footer-brand .zethrone-mark{width:34px;height:34px}.footer-brand .zethrone-mark img{width:24px;height:24px}.footer-brand .zethrone-name{font-size:21px}.footer-symbols{justify-content:center!important}.footer-symbols a{font-size:20px}.footer-info{max-width:100%!important;text-align:center!important}.footer-info nav{justify-content:center!important}.age-label{position:absolute;right:35px;bottom:32px;margin:0!important}
.category-icon{position:relative;display:grid!important;place-items:center;overflow:visible!important;background:linear-gradient(145deg,#241747,#4b347a)!important}.category-icon img{width:54px;height:54px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 6px #0005)}.category-icon i{position:absolute;right:-4px;top:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f9c10b;color:#241747;font-size:14px}.topic-icon i{font-size:25px}
.shop-intro{padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#191138,#30205b);color:#fff;border:0}.shop-intro h2{font-size:32px;margin:8px 0}.shop-intro p{color:#c5bdd6;max-width:650px}.shop-coins{display:flex;gap:10px;flex-wrap:wrap}.shop-coins span{display:flex;gap:8px;align-items:center;background:#ffffff12;border:1px solid #ffffff1c;padding:10px 14px;border-radius:30px;color:#f9c10b;white-space:nowrap}.shop-filters{display:flex;gap:12px;align-items:center;margin:22px 0;padding:18px}.shop-filters label{position:relative;flex:1}.shop-filters label i{position:absolute;left:14px;top:14px}.shop-filters input{padding-left:40px}.shop-filters input,.shop-filters select{height:45px;margin:0}.shop-result-line{display:flex;gap:6px;align-items:center;margin:24px 2px;color:#7f6d61}.shop-result-line span{margin-left:auto;font-size:13px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-card{overflow:hidden;background:#fff;border:1px solid #eadfd5;border-radius:12px;box-shadow:0 8px 24px #3f20300b;transition:.25s}.shop-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #3f20301c}.shop-card.featured{border-color:#e2b528}.shop-art{height:165px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff 0,#f3edf8 70%)}.shop-art img{width:100px;height:100px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 9px #28143b26)}.item-id{position:absolute;right:12px;top:10px;color:#a497ab;font-size:13px}.featured-label{position:absolute;left:10px;top:10px;background:#f9c10b;color:#211435;border-radius:4px;padding:5px 8px;font-size:13px}.shop-copy{padding:18px}.shop-copy small{color:#9a83a8}.shop-copy h3{font-size:16px;min-height:44px;margin:7px 0 14px}.shop-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee7f1;padding-top:13px}.shop-meta strong{display:flex;align-items:center;gap:6px;color:#6b4b92}.shop-meta .in-stock,.shop-meta .sold-out{font-size:13px}.in-stock{color:#438b68}.sold-out{color:#aa6f72}.shop-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:35px}.shop-pagination a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#191138;color:#f9c10b}.shop-pagination .disabled{pointer-events:none;opacity:.35}
#class-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;opacity:0;transition:opacity .25s}#class-dialog[open]{display:block}#class-dialog.profession-open{opacity:1}#class-dialog::backdrop{background:#110a27dd;backdrop-filter:blur(8px)}#class-detail-content{height:100%}.class-detail{display:grid!important;grid-template-columns:30% 70%!important;gap:0!important;height:100%;background:#faf7f3 url('/assets/img/ui/pattern.3df59ae3.webp')}.class-visual{position:relative;background:#8373b6;display:flex;align-items:center;justify-content:flex-end;overflow:visible}.class-visual img{position:relative;z-index:2;width:min(460px,39vw)!important;height:min(720px,82vh)!important;max-width:none;object-fit:contain;transform:translateX(38%);filter:drop-shadow(0 20px 15px #34255c33)}.class-sheet{padding:15vh 8vw 8vh 20vw;overflow-y:auto}.class-sheet h2{font-size:52px!important;margin:18px 0}.class-sheet>p{font-size:16px!important;line-height:1.8;max-width:620px;color:#8d8988}.class-sheet .badge{background:#ece8e4}.class-tabs{display:flex;max-width:600px;margin:55px 0 28px;border-radius:30px;background:#f5f1ed;overflow:hidden}.class-tabs>*{flex:1;padding:16px;text-align:center;font-size:14px}.class-tabs strong{background:#e7e3df}.gender-icons{position:absolute;left:55px;bottom:30px;display:flex;gap:15px}.gender-icons i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#29252c;font-size:30px}.dialog-close{position:fixed!important;left:32px!important;top:32px!important;right:auto!important;display:flex;align-items:center;gap:16px;color:#fff!important;font:700 14px Onest,sans-serif!important}.dialog-close i{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:#6c5c9e;font-size:32px}.class-modal-arrow{position:fixed;top:50%;width:80px;height:80px;border-radius:0 40px 40px 0;background:#6a5a9b;color:#fff;font-size:29px;z-index:5}.modal-prev{left:0}.modal-next{right:0;border-radius:40px 0 0 40px;background:#cbc8c4}.animate .class-visual{animation:purpleIn .6s cubic-bezier(.2,.8,.2,1)}.animate .class-visual img{animation:characterLeft .8s cubic-bezier(.18,.8,.25,1)}.animate .class-sheet{animation:paperDown .7s .08s both cubic-bezier(.2,.8,.2,1)}@keyframes purpleIn{from{transform:translateX(-100%)}}@keyframes characterLeft{from{transform:translateX(120%) scale(.7);opacity:0}to{transform:translateX(38%) scale(1);opacity:1}}@keyframes paperDown{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1000px){.zethrone-name{display:none}.shop-grid{grid-template-columns:repeat(2,1fr)}.class-detail{grid-template-columns:38% 62%!important}.class-sheet{padding-left:13vw}.dialog-close span{display:none}}
@media(max-width:650px){.shop-intro,.shop-filters{flex-direction:column;align-items:stretch}.shop-grid{grid-template-columns:1fr}.shop-result-line span{display:none}.class-detail{grid-template-columns:1fr!important;grid-template-rows:42% 58%}.class-visual{justify-content:center}.class-visual img{height:42vh!important;width:80vw!important;transform:translate(0,15%)}.class-sheet{padding:40px 25px 80px}.class-sheet h2{font-size:32px!important}.class-tabs{margin:25px 0 20px}.gender-icons{display:none}.dialog-close{top:12px!important;left:12px!important}.dialog-close i{width:46px;height:46px}.class-modal-arrow{width:48px;height:55px;font-size:20px}.animate .class-visual img{animation:characterMobile .7s both}@keyframes characterMobile{from{transform:translateY(80%) scale(.7);opacity:0}to{transform:translateY(15%) scale(1);opacity:1}}.reference-footer{padding-inline:20px!important}.age-label{right:15px}.footer-brand{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}