:root{--primary:#2b6cb0;--dark:#20242b;--accent:#e8b545;--bg:#eef0f2;--text:#20242b;--card:#ffffff;}*{box-sizing:border-box;}html{margin:0;padding:0;height:100%;overflow-x:hidden;}body{margin:0;padding:0;}body{font-family:"Noto Sans Thai","Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;}body.has-bg{background:none;}.bg-layer{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;}.bg-layer img,.bg-layer video{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1920px;min-width:100%;max-width:none;height:100%;object-fit:cover;object-position:center top;}.bg-layer.bg-effect{z-index:-1;}a{color:inherit;text-decoration:none;}img{max-width:100%;display:block;}.rimg{width:100%;height:auto;border-radius:6px;position:relative;z-index:1;}.portrait-fade{-webkit-mask-image:linear-gradient(to bottom, black 82%, transparent 100%);mask-image:linear-gradient(to bottom, black 82%, transparent 100%);}.ph-box{background:repeating-linear-gradient(135deg,#5a5f68,#5a5f68 10px,#4c5058 10px,#4c5058 20px);color:#e5e5e5;display:flex;align-items:center;justify-content:center;min-height:180px;border-radius:6px;font-size:.95rem;opacity:.85;position:relative;z-index:1;}@media(max-width:760px){[style*="max-width:none"],[style*="max-height:none"]{width:100% !important;height:auto !important;max-width:100% !important;max-height:none !important;}}[style*="max-width:none"],[style*="max-height:none"]{margin-left:auto;margin-right:auto;}h1,h2,h3,h4,h5,h6,p,span,a,button,label,.tag,.btn,.badge-pill{position:relative;z-index:2;}.topbar{position:sticky;top:0;z-index:50;background:var(--dark);color:#fff;align-items:center;gap:1.2rem;padding:.6rem 1.4rem;flex-wrap:wrap;flex-shrink:0;display:flex;}.home-route .topbar{position:absolute;top:0;left:0;right:0;width:100%;background:var(--dark);box-shadow:none;}@media(max-width:880px){.home-route .topbar{position:sticky;background:var(--dark);}}.topbar .logo{font-weight:800;font-size:1.05rem;color:var(--accent);white-space:nowrap;}.topbar nav{display:flex;gap:.3rem;flex-wrap:wrap;flex:1;}.topbar .navitem{position:relative;}.topbar nav a, .topbar nav .toplink{padding:.5rem .7rem;border-radius:5px;font-size:.92rem;display:inline-block;cursor:pointer;white-space:nowrap;}.topbar nav a:hover,.topbar nav .toplink:hover,.topbar nav a.active{background:rgba(255,255,255,.12);}.submenu{display:none;position:absolute;left:0;top:100%;background:var(--dark);border:1px solid rgba(255,255,255,.15);border-top:none;border-radius:0 0 8px 8px;min-width:200px;padding:.3rem;box-shadow:0 8px 20px rgba(0,0,0,.35);}.navitem.open .submenu{display:flex;flex-direction:column;}.topbar .submenu a{display:block;padding:.5rem .7rem;white-space:normal;}.right-icons .navitem .submenu{left:auto;right:0;}.topbar .right-icons{display:flex;align-items:center;gap:.5rem;margin-left:auto;}.icon-btn{background:rgba(255,255,255,.08);border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;}.bgm-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}.bgm-mute-slash{display:none;}#bgmBtn.bgm-off .bgm-mute-slash{display:block;position:absolute;left:1px;top:50%;width:24px;height:2px;background:#fff;transform:translateY(-50%) rotate(-45deg);border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35);}.bgm-credit-bar{position:fixed;left:0;right:0;bottom:0;transform:translateY(100%);background:rgba(20,22,26,.72);color:#fff;padding:.55rem 1.2rem;font-size:.85rem;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .45s ease;z-index:900;}.bgm-credit-bar.show{transform:translateY(0);}.icon-btn:hover{background:rgba(255,255,255,.2);}.icon-btn.lang-btn{width:auto;border-radius:16px;padding:0 .65rem;font-size:.8rem;gap:.3rem;white-space:nowrap;}.navitem.open .submenu.submenu-social{min-width:0;width:max-content;max-width:420px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.6rem;padding:.75rem;}.submenu.submenu-social .icon-btn{width:102px;height:102px;font-size:2.55rem;}.submenu.submenu-lang a.active{background:rgba(255,255,255,.15);font-weight:700;}.social-rail{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:70;display:flex;align-items:stretch;}.social-rail-toggle{width:22px;min-height:52px;border:none;background:rgba(20,22,26,.72);color:#fff;cursor:pointer;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;padding:0;}.social-rail-toggle:hover{background:rgba(20,22,26,.88);}.social-rail-toggle .arr{display:inline-block;transition:transform .25s ease;}.social-rail.collapsed .social-rail-toggle .arr{transform:rotate(180deg);}.social-rail-icons{display:flex;flex-direction:column;gap:.55rem;background:rgba(20,22,26,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-height:70vh;overflow:hidden;padding:.7rem .55rem;max-width:80px;opacity:1;transition:max-width .22s ease, padding .22s ease, opacity .18s ease;}.social-rail.collapsed .social-rail-icons{max-width:0;padding-left:0;padding-right:0;opacity:0;}.social-rail-icons .icon-btn{width:32px;height:32px;flex-shrink:0;}@media(max-width:640px){.social-rail-icons .icon-btn{width:28px;height:28px;font-size:.85rem;}.social-rail-toggle{width:18px;min-height:42px;}}.hamburger{display:none;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;}.ext-link-disabled{opacity:.4;cursor:not-allowed;}.topbar nav a,.topbar nav .toplink,.side-list a,.side-list .side-item,.class-list button.classrow,.shop-item,.shop-row,.news-card,.pagination button,.intro-tabs button,.icon-btn,.btn,.filter-bar button,.suggest-list div{transition:box-shadow .15s ease, filter .15s ease;}.side-list a:hover,.side-list .side-item:hover,.class-list button.classrow:hover,.shop-item:hover,.shop-row:hover,.news-card:hover,.pagination button:hover,.filter-bar button:hover,.suggest-list div:hover,.btn:hover,.icon-btn:hover{box-shadow:0 0 0 2px rgba(255,255,255,.2), 0 0 14px rgba(255,255,255,.18);}@media(max-width:880px){.topbar nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;flex-direction:column;background:var(--dark);box-shadow:0 10px 24px rgba(0,0,0,.4);max-height:calc(100vh - 70px);overflow-y:auto;}.topbar.nav-open nav{display:flex;}.hamburger{display:block;}.submenu{position:static;display:block;border:none;background:rgba(255,255,255,.05);}.navitem .submenu{display:none;}.navitem.open .submenu{display:block;}}.page{max-width:clamp(1200px, 82vw, 1800px);margin:0 auto;padding:2rem 1.4rem 4rem;}@media(min-width:761px){.page.page-art-fill{display:flex;flex-direction:column;flex:1 0 0;min-height:0;width:100%;}}@media(min-width:761px){.route-page.ov-grow .page-art-fill{min-height:auto;}}.page.narrow{max-width:880px;}[data-route='home'] .page{max-width:clamp(1200px, 88vw, 2000px);}h1.page-title{font-size:2rem;margin:0 0 1.4rem;}.section{margin:2.6rem 0;}[data-route='home'] .section{margin:var(--home-gap, 2.6rem) 0;}.step-more-btn{display:inline-block;margin-top:.7rem;text-decoration:none;}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.6rem;}.section-head h2{margin:0;font-size:1.5rem;}.btn .arr{display:inline-block;font-size:.8em;margin-left:.15em;transform:scale(.85,1);}.btn{display:inline-block;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;}.btn.ghost{background:transparent;border:1px solid var(--primary);color:var(--primary);}.class-name-tight{margin-bottom:.415em;}h3.class-name-tight{margin-bottom:.5em;}.tag{display:inline-block;background:#3a3f47;color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.78rem;margin-right:.4rem;}.voice-btn{margin:.5rem .4rem .5rem 0;}.voice-btn.playing{background:var(--primary);color:#fff;}.mic-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:.85rem;margin-right:.4rem;vertical-align:middle;}.mic-btn.playing{background:var(--accent);}.char-social-label{display:inline-block;font-size:.8rem;opacity:.65;margin:.35rem .35rem 0 .6rem;vertical-align:middle;}.char-social-row{display:inline-flex;gap:.4rem;vertical-align:middle;margin-top:.35rem;}.char-social-btn{display:inline-flex;width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--primary);color:#fff;vertical-align:middle;}.char-social-btn a,.char-social-btn .ext-link-disabled{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;font-size:.75rem;}.faq-cat{margin-bottom:1.2rem;}.faq-cat summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem;}.faq-cat summary::-webkit-details-marker{display:none;}.faq-cat summary::after{content:"▾";opacity:.6;flex-shrink:0;font-size:1.1rem;transition:transform .2s ease;}.faq-cat[open] summary::after{transform:rotate(180deg);}.faq-cat h2{margin:0;}.faq-cat-body{margin-top:.7rem;}.faq-item{background:var(--card);border-radius:8px;margin-bottom:.6rem;overflow:hidden;}.faq-item summary{list-style:none;cursor:pointer;padding:.85rem 1rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.6rem;}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary::after{content:"▾";opacity:.6;flex-shrink:0;transition:transform .2s ease;}.faq-item[open] summary::after{transform:rotate(180deg);}.faq-answer{padding:0 1rem 1rem;opacity:.85;white-space:pre-line;font-size:.92rem;}.faq-more-wrap{margin-top:.6rem;}.news-body a{color:var(--primary,#2b6cb0);text-decoration:underline;word-break:break-word;}.news-body a:hover{opacity:.8;}.grid{display:grid;gap:1.2rem;}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}@media(max-width:760px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:480px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:minmax(0,1fr);}}.card{background:var(--card);border-radius:10px;padding:1rem;box-shadow:0 1px 4px rgba(0,0,0,.08);}.ev-thumb{cursor:pointer;}.ev-thumb img,.ev-thumb .ph-box{width:100%;aspect-ratio:5/7;object-fit:cover;transition:transform .15s ease;}.ev-thumb:hover img,.ev-thumb:hover .ph-box{transform:scale(1.04);}.lightbox{display:none;position:fixed;inset:0;background:rgba(10,12,16,.92);z-index:500;align-items:center;justify-content:center;}.lightbox.show{display:flex;}.lightbox .lb-imgwrap{width:88vw;height:88vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}.lightbox .lb-imgwrap img{display:block;max-width:88vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px rgba(0,0,0,.6);transform-origin:center center;transition:transform .15s ease;-webkit-user-drag:none;user-select:none;}.lightbox .lb-imgwrap img.lb-zoomed{cursor:grab;}.lightbox .lb-imgwrap img.lb-dragging{cursor:grabbing;transition:none;}.lightbox button{background:rgba(255,255,255,.12);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}.lightbox button:hover{background:rgba(255,255,255,.24);}.lightbox .lb-topbtns{position:absolute;top:78px;right:16px;display:flex;gap:.5rem;z-index:2;}.lightbox .lb-topbtns button{width:40px;height:40px;font-size:1.1rem;}.lightbox .lb-counter{position:absolute;top:88px;left:24px;color:#fff;font-size:.92rem;opacity:.85;letter-spacing:.02em;}.lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:1.5rem;z-index:2;}.lightbox .lb-prev{left:16px;} .lightbox .lb-next{right:16px;}@media(max-width:640px){.lightbox .lb-nav{width:38px;height:38px;font-size:1.2rem;}.lightbox .lb-prev{left:6px;}.lightbox .lb-next{right:6px;}}.tier-sample-card{display:flex;align-items:center;gap:.6rem;flex-shrink:0;margin-left:auto;}.tier-sample-card img{width:150px;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.28);}.tier-sample-card img.orientation-landscape{width:263px;}@media(max-width:640px){.tier-sample-card img{width:125px;}.tier-sample-card img.orientation-landscape{width:213px;}}.wp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;}.wp-card{background:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex;flex-direction:column;}.wp-thumb{cursor:pointer;overflow:hidden;}.wp-thumb img,.wp-thumb .ph-box{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .15s ease;}.wp-thumb:hover img{transform:scale(1.04);}.wp-card-body{padding:.7rem .8rem .85rem;display:flex;flex-direction:column;gap:.5rem;flex:1;}.wp-card-body .wp-name{font-weight:600;font-size:.95rem;flex:1;}.wp-dl-btn{align-self:flex-start;}.reward-stage-wrap{display:flex;flex-direction:column;align-items:center;padding:1.2rem 0 2rem;}.reward-stage{position:relative;display:inline-block;}.reward-stage-shadow{position:absolute;inset:12px -12px -12px 12px;background:var(--card);opacity:0;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.12);}.reward-stage-card{position:relative;width:min(360px,80vw);background:var(--card);border-radius:16px;box-shadow:0 14px 36px rgba(0,0,0,.24);overflow:hidden;}.reward-stage-card.orientation-landscape{width:min(640px,92vw);}.reward-link-btn{position:fixed;top:70px;right:1rem;z-index:90;}.reward-stage-img{position:relative;z-index:1;display:block;width:100%;min-height:160px;max-height:58vh;object-fit:contain;background:var(--card);}.reward-stage-img.is-empty{visibility:hidden;}.reward-stage-ph{position:absolute;inset:0;min-height:160px;}.reward-stage-label{position:absolute;z-index:2;left:.7rem;bottom:.7rem;right:.7rem;display:flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.6);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;width:fit-content;max-width:100%;}.reward-stage-icon{font-size:.9em;flex-shrink:0;}.reward-strip-wrap{display:flex;align-items:center;justify-content:center;gap:.6rem;}.reward-strip-nav{background:rgba(0,0,0,.08);border:none;border-radius:50%;width:36px;height:36px;flex-shrink:0;cursor:pointer;font-size:1rem;color:var(--text);display:flex;align-items:center;justify-content:center;}.reward-strip-nav:hover{background:rgba(0,0,0,.16);}.reward-strip{display:flex;gap:.6rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem;max-width:min(592px,76vw);scrollbar-width:none;-ms-overflow-style:none;}.reward-strip::-webkit-scrollbar{display:none;}.reward-thumb,.intro-tabs button,.char-thumb{border-width:1.5px;border-style:solid;border-color:rgba(127,127,127,.32);transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;}.reward-thumb.active,.intro-tabs button.active,.char-thumb.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary), 0 0 10px rgba(0,0,0,.35);transform:scale(1.05);}.reward-thumb{width:64px;height:64px;flex-shrink:0;padding:0;border-radius:8px;background:var(--card);cursor:pointer;overflow:hidden;}.reward-thumb img,.reward-thumb .ph-box{width:100%;height:100%;object-fit:contain;display:block;background:var(--card);}.reward-thumb .ph-box{min-height:0;}@media(max-width:480px){.reward-strip{max-width:80vw;}.reward-thumb{width:52px;height:52px;}}.char-strip-wrap{display:flex;align-items:center;justify-content:center;gap:.6rem;}@media(min-width:761px){.char-strip-bottom{margin-bottom:1.5rem;}}.char-strip-nav{background:rgba(0,0,0,.08);border:none;border-radius:50%;width:36px;height:36px;flex-shrink:0;cursor:pointer;font-size:1rem;color:var(--text);display:flex;align-items:center;justify-content:center;}.char-strip-nav:hover{background:rgba(0,0,0,.16);}.char-strip{display:flex;gap:.6rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem;max-width:min(412px,84vw);scrollbar-width:none;-ms-overflow-style:none;}.char-strip::-webkit-scrollbar{display:none;}.char-thumb{width:64px;height:64px;flex-shrink:0;padding:0;border-radius:8px;background:var(--card);cursor:pointer;overflow:hidden;display:block;}.char-thumb img,.char-thumb .ph-box{width:100%;height:100%;object-fit:contain;display:block;background:var(--card);}.char-thumb .ph-box{min-height:0;font-size:.55rem;}@media(max-width:480px){.char-strip{max-width:80vw;}.char-thumb{width:52px;height:52px;}}.hero{position:relative;width:100%;max-width:1920px;margin:0 auto;aspect-ratio:16/9;overflow:hidden;border-radius:0 0 14px 14px;-webkit-mask-image:linear-gradient(to bottom, black 85%, transparent 100%);mask-image:linear-gradient(to bottom, black 85%, transparent 100%);}.hero img{width:100%;height:100%;object-fit:cover;display:block;}.hero .ph-box{width:100%;height:100%;border-radius:0;}@supports not (aspect-ratio:16/9){.hero{height:0;padding-bottom:56.25%;}}.hero-fx{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;}.hero-fx img,.hero-fx video{width:100%;height:100%;object-fit:cover;}.hero-cta-btn{position:absolute;left:50%;bottom:25%;transform:translateX(-50%);z-index:2;padding:1.2rem 3.3rem;font-size:1.575rem;font-weight:700;border-radius:44px;letter-spacing:.02em;box-shadow:0 4px 18px rgba(0,0,0,.35);max-width:86%;text-align:center;white-space:normal;}@media(max-width:640px){.hero-cta-btn{padding:.65rem 1.6rem;font-size:.95rem;border-radius:26px;bottom:14%;box-shadow:0 3px 12px rgba(0,0,0,.32);}}@media(max-width:400px){.hero-cta-btn{padding:.55rem 1.25rem;font-size:.82rem;bottom:11%;}}.intro-row{display:grid;grid-template-columns:minmax(0, var(--intro-img-col-w, .9fr)) minmax(0,1.3fr);gap:1.6rem;align-items:center;}@media(max-width:760px){.intro-row{grid-template-columns:minmax(0,1fr);}}.intro-img-col{display:flex;flex-direction:column;align-items:center;}.intro-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem;}.intro-tabs button{width:63px;height:63px;border-radius:50%;background:#dfe3e8;cursor:pointer;overflow:hidden;padding:0;}.intro-tabs img{width:100%;height:100%;object-fit:cover;}.credit-tag{font-size:.78rem;opacity:.6;margin-top:.4rem;}.slideshow{position:relative;background:#2c2f36;border-radius:10px;overflow:hidden;}.slideshow .slide{display:none;min-height:260px;}.slideshow .slide.active{display:block;}.slideshow .slide a,.slideshow .slide .noclick{display:block;min-height:260px;display:flex;align-items:center;justify-content:center;}.slideshow .arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.1rem;}.slideshow .arrow.prev{left:10px;} .slideshow .arrow.next{right:10px;}.slideshow .dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;}.slideshow .dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;}.slideshow .dots span.active{background:#fff;}.detail-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.6rem;}@media(max-width:760px){.detail-layout{grid-template-columns:minmax(0,1fr);}}.detail-layout.detail-layout-art{position:relative;}@media(min-width:761px){.detail-layout.detail-layout-art{display:flex;flex-direction:column;flex:1 0 0;min-height:0;}}@media(min-width:761px){.route-page.ov-grow .detail-layout-art{min-height:auto;}}@media(min-width:761px){.char-art-wrap{display:flex;flex-direction:column;flex:1 0 0;min-height:0;}}@media(min-width:761px){.route-page.ov-grow .char-art-wrap{min-height:auto;}}.side-list{display:flex;flex-direction:column;gap:.3rem;}.side-list a,.side-list .side-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:6px;cursor:pointer;font-size:.92rem;border:1.5px solid transparent;background:var(--side-bg, transparent);transition:border-color .15s ease, box-shadow .15s ease;}.side-list a{font-size:.85rem;margin-left:.4rem;padding-left:.9rem;border-left:2px solid rgba(127,127,127,.25);border-radius:0 6px 6px 0;}.side-list a.active,.side-list .side-item.active{border-color:var(--side-active-bg, var(--primary));box-shadow:0 0 0 2px var(--side-active-bg, var(--primary));transform:translateX(6px);transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;}.side-list a.active::after,.side-list .side-item.active::after{content:"\203A";font-size:1.15rem;line-height:1;flex-shrink:0;color:var(--side-active-bg, var(--primary));}.side-list .side-cat-group{margin:.7rem 0 0;}.side-list .side-cat-group:first-child{margin-top:0;}.side-list .side-cat-label{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;background:var(--side-cat-bg, none);border:none;font:inherit;text-align:left;font-weight:700;font-size:.76rem;letter-spacing:.03em;opacity:.7;text-transform:uppercase;margin:0 0 .1rem;padding:.3rem .7rem;cursor:pointer;color:inherit;border-radius:6px;transition:background-color .15s ease;}.side-list .side-cat-label:hover{background:var(--side-cat-bg-hover, rgba(0,0,0,.05));}.side-list .side-cat-arrow{transition:transform .15s ease;flex-shrink:0;font-size:.7rem;}.side-list .side-cat-group.collapsed .side-cat-arrow{transform:rotate(-90deg);}.side-list .side-cat-items{display:flex;flex-direction:column;gap:.3rem;overflow:visible;}.side-list .side-cat-group.collapsed .side-cat-items{display:none;}@media(min-width:761px){.char-art-side-overlay{position:absolute;top:.9rem;left:.9rem;z-index:3;gap:.25rem;max-width:200px;}}.detail-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.8rem;}@media(max-width:760px){.detail-main{grid-template-columns:minmax(0,1fr);}}@media(min-width:761px){.detail-main.detail-main-art{display:flex;flex-direction:row;align-items:stretch;gap:1.8rem;flex:1 0 0;min-height:0;}.detail-main.detail-main-art .char-art-slot{flex:1.4 1 0;min-width:0;min-height:0;}.detail-main.detail-main-art .char-text-col{flex:1 1 0;min-width:0;}}@media(min-width:761px){.route-page.ov-grow .detail-main-art{min-height:auto;}.route-page.ov-grow .detail-main-art .char-art-slot{min-height:auto;}}.char-text-col{display:flex;flex-direction:column;position:relative;z-index:1;}.detail-desc-box{background:var(--info-box-bg,var(--card));border-radius:8px;padding:1rem;max-height:260px;overflow:auto;}.boss-desc-box{scrollbar-width:thin;}.boss-desc-box::-webkit-scrollbar{width:6px;}.boss-desc-box::-webkit-scrollbar-track{background:transparent;}.boss-desc-box::-webkit-scrollbar-thumb{background:rgba(127,127,127,.45);border-radius:3px;}.costume-effect-box{margin-top:.6rem;max-height:150px;overflow:auto;padding-right:.5rem;scrollbar-width:thin;}.costume-effect-box::-webkit-scrollbar{width:6px;}.costume-effect-box::-webkit-scrollbar-track{background:transparent;}.costume-effect-box::-webkit-scrollbar-thumb{background:rgba(127,127,127,.45);border-radius:3px;}.costume-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.6rem;}.char-art-slot{display:flex;flex-direction:column;}.char-art-frame{position:relative;margin:0 auto;width:100%;max-width:420px;}@media(min-width:761px){.char-art-frame{margin:0 auto;flex:1 0 0;min-height:0;}.route-page.ov-grow .char-art-frame{min-height:auto;}.char-art-slot.showing-card .char-art-frame{max-width:560px;}.char-art-slot:not(.showing-card) .char-art-frame{max-width:none;}}.char-art-fade{-webkit-mask-image:linear-gradient(to bottom, black 78%, transparent 100%);mask-image:linear-gradient(to bottom, black 78%, transparent 100%);}@media(min-width:761px){.char-art-fade{-webkit-mask-image:linear-gradient(to bottom, black 70%, transparent 96%), linear-gradient(to right, black 58%, transparent 92%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom, black 70%, transparent 96%), linear-gradient(to right, black 58%, transparent 92%);mask-composite:intersect;}}.char-art-frame .card-view,.char-art-frame .char-art-bg,.char-art-frame .costume-sync{display:contents;}.char-art-frame .rimg{display:block;width:auto;height:auto;max-width:100%;border-radius:0;object-fit:contain;margin:0 auto;}.char-art-frame .ph-box{display:flex;align-items:center;justify-content:center;width:auto;height:auto;max-width:100%;border-radius:0;margin:0 auto;}@media(min-width:761px){.char-art-frame .rimg,.char-art-frame .ph-box{max-height:100%;}}.char-art-topctrls{display:none;}@media(min-width:761px){.char-art-topctrls{display:flex;align-items:center;gap:.5rem;position:absolute;top:0;left:0;z-index:3;transform:translateX(calc(-100% - .9rem));}.char-art-topctrls .costume-nav{margin:0;gap:.4rem;}}.char-art-controls{display:none;align-items:center;justify-content:center;gap:.6rem;margin-top:.6rem;flex-wrap:wrap;}@media(max-width:760px){.char-art-controls{display:flex;}.detail-main.detail-main-art{gap:1rem;}}.char-art-controls .costume-nav{margin:0;}.char-art-toggle{width:2.6rem;height:2.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;border-radius:50%;flex-shrink:0;}.char-art-toggle-icon{width:1.4rem;height:1.4rem;object-fit:contain;display:block;border-radius:0;}.class-list{position:relative;display:flex;flex-direction:column;gap:.6rem;}.class-list button.classrow{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;background:var(--hub-row-bg,#8b8f96);color:var(--hub-row-text,#fff);border:none;padding:.9rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;position:relative;z-index:1;transition:background .15s;}.class-list button.classrow:hover{background:#a5aab2;}.class-list.hub-custom button.classrow:hover{background:var(--hub-row-bg);filter:brightness(1.12);}.class-list button.classrow.active{background:#bfe6f5;color:#20242b;}.class-list-widget{position:relative;display:flex;gap:1.2rem;align-items:stretch;margin-bottom:1.5rem;}.class-list-widget .cl-sidebar{display:flex;flex-direction:column;gap:.5rem;flex:0 0 260px;max-width:100%;}.class-list-widget .cl-row{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:var(--cl-panel-bg,#23262d);color:var(--cl-row-text,#fff);border:1.5px solid rgba(127,127,127,.32);border-radius:8px;padding:.7rem .9rem;cursor:pointer;font-size:.95rem;transition:border-color .15s ease, box-shadow .15s ease;}.class-list-widget .cl-row img{width:24px;height:24px;object-fit:contain;flex-shrink:0;border-radius:4px;}.class-list-widget .cl-row-name{flex:1;font-weight:600;}.class-list-widget .cl-row-arrow{opacity:0;font-size:1.1rem;line-height:1;transition:opacity .15s ease;}.class-list-widget .cl-row.active{border-color:var(--cl-highlight,var(--primary));box-shadow:0 0 0 2px var(--cl-highlight,var(--primary));}.class-list-widget .cl-row.active .cl-row-arrow{opacity:1;color:var(--cl-highlight,var(--primary));}.class-list-widget .cl-preview{position:relative;flex:1;min-width:0;min-height:260px;border-radius:10px;background:var(--cl-detail-bg,#23262d);color:var(--cl-detail-text,#fff);border:1.5px solid rgba(127,127,127,.25);padding:1.4rem;display:flex;align-items:flex-end;overflow:visible;}.class-list-widget .cl-preview-bg{position:absolute;inset:0;border-radius:10px;background-size:cover;background-position:center;opacity:var(--cl-preview-op,.35);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 100%);mask-image:linear-gradient(to right, transparent 0%, black 100%);pointer-events:none;z-index:0;}.class-list-widget .cl-preview-art-wrap{position:absolute;top:-6%;right:-4%;bottom:-8%;width:62%;z-index:1;overflow:visible;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end;}.class-list-widget .cl-preview-art-wrap img{max-height:100%;width:auto;}.class-list-widget .cl-preview-art-wrap img.is-empty{display:none;}.class-list-widget .cl-preview-info{position:relative;z-index:2;max-width:56%;padding:.2rem 0;}.class-list-widget .cl-preview-info h3{margin:0 0 .35rem;font-size:1.35rem;}.class-list-widget .cl-preview-info p{margin:0 0 .9rem;font-size:.9rem;opacity:.92;line-height:1.5;}@media(max-width:900px){.class-list-widget{flex-direction:column;}.class-list-widget .cl-sidebar{flex:none;}.class-list-widget .cl-preview-art-wrap{display:none;}.class-list-widget .cl-preview-info{max-width:100%;}}table.skills{width:100%;border-collapse:collapse;margin:.8rem 0 1.4rem;font-size:.88rem;}table.skills th,table.skills td{border:1px solid #cfd3d8;padding:.45rem .6rem;text-align:left;}table.skills th{background:#dce6ef;}.awaken-badge{display:inline-block;background:linear-gradient(90deg,#e8b545,#f4d888);color:#3a2c00;padding:.3rem 1rem;border-radius:20px;font-weight:700;margin:1.6rem 0 .8rem;}.badge-row{display:flex;align-items:center;gap:.7rem;background:var(--card);padding:.6rem .8rem;border-radius:8px;margin-bottom:.5rem;}.badge-pill{padding:.3rem .8rem;border-radius:16px;font-size:.82rem;font-weight:700;color:#fff;background:#9aa0a8;min-width:150px;text-align:center;}.badge-ap{margin-left:auto;background:#c9ced4;border-radius:22px;min-width:44px;height:auto;min-height:44px;padding:.25rem .55rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.68rem;font-weight:700;color:#fff;line-height:1.2;max-width:130px;word-break:break-word;flex-shrink:0;}.pagination{display:flex;gap:.4rem;justify-content:center;align-items:center;margin-top:1.4rem;flex-wrap:wrap;}.pagination button{border:none;background:#dfe3e8;padding:.4rem .7rem;border-radius:5px;cursor:pointer;}.pagination button.active{background:var(--primary);color:#fff;}.pagination button.pag-arrow{border-radius:50%;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;}.pagination a{border:none;background:#dfe3e8;padding:.4rem .7rem;border-radius:5px;cursor:pointer;text-decoration:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;}.pagination a.active{background:var(--primary);color:#fff;}.pagination a.pag-arrow{border-radius:50%;width:32px;height:32px;padding:0;font-size:.85rem;}.pagination .pag-arrow-disabled{opacity:.35;cursor:default;}.story-pager{margin-top:1.4rem;}.filter-bar{display:flex;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap;}.filter-bar button{background:none;border:none;font-size:1rem;cursor:pointer;padding:.3rem .5rem;opacity:.6;}.filter-bar button.active{opacity:1;font-weight:700;border-bottom:2px solid var(--primary);}.news-card{background:var(--card);border-radius:8px;overflow:hidden;cursor:pointer;}.news-card .meta{padding:.7rem .9rem;}.news-card .date{font-size:.78rem;opacity:.6;}.news-card .cat{font-size:.72rem;background:#dce6ef;padding:.15rem .5rem;border-radius:10px;margin-left:.4rem;}.shop-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.6rem;}@media(max-width:760px){.shop-layout{grid-template-columns:minmax(0,1fr);}}.shop-notice{display:flex;align-items:center;justify-content:center;gap:.75rem;width:fit-content;max-width:92%;margin:1.6rem auto 0;padding:.55rem .9rem;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.12);border-left:4px solid var(--primary);border-radius:8px;font-size:.85rem;text-align:center;}.shop-notice.dismissed{display:none;}.shop-notice-close{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;opacity:.6;padding:.2rem;flex-shrink:0;color:inherit;}.shop-notice-close:hover{opacity:1;}.shop-item{position:relative;background:var(--info-box-bg,var(--card));border-radius:8px;padding:.9rem;}.shop-new-badge{position:absolute;top:.5rem;right:.5rem;z-index:2;background:#d62828;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;line-height:1;padding:.28rem .5rem;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.3);pointer-events:none;}.shop-row{display:flex;align-items:center;background:var(--info-box-bg,var(--card));border-radius:8px;padding:.9rem;margin-bottom:.7rem;flex-wrap:wrap;gap:.6rem;}.shop-row .cost{margin-left:auto;background:#c7d6e4;padding:.3rem .8rem;border-radius:6px;font-size:.85rem;}.desc-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;overflow:hidden;}.desc-wrap.expanded .desc-clamp{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;}.desc-toggle{display:none;background:none;border:0;padding:0;margin-top:.25rem;color:inherit;opacity:.75;font-weight:700;font-size:.8rem;cursor:pointer;font-family:inherit;}.desc-toggle:hover{opacity:1;text-decoration:underline;}.desc-toggle .t-less{display:none;}.desc-wrap.expanded .desc-toggle .t-more{display:none;}.desc-wrap.expanded .desc-toggle .t-less{display:inline;}.shop-row-icon{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0;}.shop-item .shop-img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;}.shop-item .shop-skill-item-img{object-fit:contain;aspect-ratio:auto;margin:0 auto .3rem;width:50%;height:auto;max-height:240px;display:block;}.shop-item .shop-skill-item-img.ph-box{aspect-ratio:1/1;min-height:0;}.shop-skill-group-heading{grid-column:1/-1;font-size:.8rem;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.04em;margin:1.1rem 0 .5rem;}.shop-skill-group-heading:first-child{margin-top:0;}.shop-filter-bar{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem;}.skb-page .skb-intro{opacity:.75;margin:-.4rem 0 1.4rem;font-size:.92rem;}.skb-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.6rem;align-items:start;}@media(max-width:820px){.skb-layout{grid-template-columns:minmax(0,1fr);}}.skb-side{display:flex;flex-direction:column;gap:1rem;background:var(--info-box-bg,var(--card));border-radius:10px;padding:1rem;align-self:start;}.skb-field{display:flex;flex-direction:column;gap:.35rem;}.skb-field label{font-size:.8rem;font-weight:700;opacity:.75;}.skb-select{width:100%;padding:.55rem .6rem;border-radius:6px;border:1px solid rgba(127,127,127,.35);background:#fff;color:#20242b;font-size:.9rem;}.skb-select:disabled{opacity:.55;cursor:not-allowed;}.skb-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem;}.skb-filter-btn,.shop-filter-btn{border:1.5px solid rgba(127,127,127,.35);background:none;color:inherit;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:background-color .15s ease, border-color .15s ease, color .15s ease;}.skb-filter-btn.active,.shop-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;}.skb-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;align-content:start;}.skb-skill-card{display:flex;flex-direction:column;text-align:left;background:var(--info-box-bg,var(--card));border:2px solid transparent;border-radius:10px;padding:.7rem;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease, box-shadow .15s ease;}.skb-skill-card .skb-skill-img{width:50%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;margin:0 auto .5rem;display:block;}.skb-skill-card .ph-box{aspect-ratio:1/1;margin-bottom:.5rem;}.skb-skill-name{font-weight:700;font-size:.9rem;}.skb-skill-desc{font-size:.76rem;opacity:.7;margin:.3rem 0;max-height:3.4em;overflow:hidden;}.skb-skill-cost{margin-top:auto;padding-top:.4rem;font-size:.82rem;font-weight:700;color:var(--primary);}.skb-skill-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), 0 0 16px 2px var(--primary);}.skb-loadout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.4rem;margin-top:1.6rem;background:var(--info-box-bg,var(--card));border-radius:10px;padding:1.1rem;align-items:start;}@media(max-width:640px){.skb-loadout{grid-template-columns:minmax(0,1fr);}}.skb-loadout-char{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;}.skb-char-art-wrap{position:relative;width:100%;max-width:200px;}.skb-char-ph{aspect-ratio:3/4;}.skb-char-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;}.skb-char-art-wrap.has-art .skb-char-ph{visibility:hidden;}.skb-char-img.is-empty{display:none;}.skb-loadout-caption{font-weight:700;font-size:.9rem;}.skb-loadout-skills{display:flex;flex-direction:column;gap:.5rem;min-height:60px;}.skb-empty-hint{opacity:.55;font-size:.85rem;}.skb-selected-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:.5rem .8rem;border-radius:6px;font-size:.88rem;gap:.6rem;}.skb-selected-cost{font-weight:700;color:var(--primary);white-space:nowrap;flex-shrink:0;}.skb-base-skills-wrap:empty{display:none;}.skb-base-skills-wrap{margin-top:1rem;}.skb-base-skills-title{font-weight:700;font-size:.85rem;opacity:.75;margin-bottom:.4rem;}.skb-ap-bar{margin-top:1rem;text-align:center;font-weight:700;font-size:1.05rem;background:var(--primary);color:#fff;padding:.7rem;border-radius:8px;}.skb-download-row{margin-top:.8rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;}.skb-download-hint{font-size:.8rem;opacity:.65;}.search-box{display:flex;max-width:600px;margin:1rem 0 2rem;}.search-box input{flex:1;padding:.7rem 1rem;border:none;border-radius:6px 0 0 6px;background:#dfe3e8;font-size:1rem;}.search-box button{border:none;background:var(--primary);color:#fff;padding:0 1.2rem;border-radius:0 6px 6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;}.suggest-list{max-width:600px;background:var(--card);border-radius:8px;overflow:hidden;}.suggest-list div{padding:.6rem 1rem;cursor:pointer;}.suggest-list div:hover{background:#eef0f2;}.player-card{width:260px;max-width:100%;background:linear-gradient(160deg,#1f3a5f,#0d1b2e);border:2px solid #cfae5c;border-radius:7px;padding:.7rem;color:#fff;}.player-card .num{width:26px;height:26px;border-radius:50%;background:#0d1b2e;border:1px solid #cfae5c;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.6rem;}.player-card .name{font-size:.85rem;font-weight:800;margin:.25rem 0 .5rem;}.card-img-click{cursor:pointer;}.player-badges{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.5rem;}.player-badges span{font-size:.35rem;background:rgba(255,255,255,.12);padding:.1rem .25rem;border-radius:5px;}.player-result-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;}.player-items{max-width:230px;min-width:170px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.6rem .7rem;}.player-items-label{font-size:.8rem;opacity:.65;margin-bottom:.5rem;font-weight:700;}.player-items-groups{display:flex;flex-direction:column;gap:.6rem;}.player-item-cat{padding-top:.5rem;border-top:1px solid rgba(0,0,0,.08);}.player-item-cat:first-child{padding-top:0;border-top:none;}.player-item-cat-name{font-size:.68rem;opacity:.6;font-weight:700;margin-bottom:.35rem;}.player-items-grid{display:flex;flex-direction:column;gap:.45rem;}.player-item-row{display:flex;align-items:center;gap:.5rem;}.player-item-icon{width:28px;height:28px;flex-shrink:0;object-fit:cover;border-radius:5px;border:1px solid rgba(0,0,0,.15);background:#fff;}.player-item-noimg{background:repeating-linear-gradient(45deg,#e2e5ea,#e2e5ea 4px,#d5d9df 4px,#d5d9df 8px);}.player-item-name{font-size:.8rem;line-height:1.25;}.player-season-switch{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;max-width:260px;}.player-season-switch button{background:rgba(255,255,255,.4);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:.2rem .6rem;font-size:.7rem;cursor:pointer;color:var(--text);}.player-season-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;}.sitefooter{position:relative;z-index:5;background:var(--dark);color:#fff;padding:1.1rem 1.4rem;flex-shrink:0;width:100%;}.sitefooter .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:clamp(1200px, 82vw, 1800px);margin:0 auto;}.sitefooter .follow-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;}.sitefooter .socials{display:flex;gap:.8rem;align-items:center;}.sitefooter .partners{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;justify-content:center;padding-top:1.2rem;margin-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);opacity:.85;}.sitefooter .partners img{height:60px;width:auto;}.sitefooter .icon-btn{width:34px;height:34px;font-size:.85rem;}.route-page.has-page-bg.own-page-bg{backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;}.route-page{display:none;color:var(--text);} .route-page.active{display:block;color:var(--text);width:100%;flex:1 0 auto;}@media(min-width:761px){.route-page.active[data-route^="characters"],.route-page.active[data-route^="collection/bosses"]{display:flex;flex-direction:column;flex:1 0 0;min-height:0;}}@media(min-width:761px){.route-page.active.ov-grow{min-height:auto;}}.lang-en{display:none;} .lang-en-active .lang-th{display:none;} .lang-en-active .lang-en{display:inline;}.back-to-top{position:fixed;right:1.4rem;bottom:1.4rem;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.3rem;line-height:1;display:none;align-items:center;justify-content:center;z-index:90;box-shadow:0 3px 12px rgba(0,0,0,.3);}.back-to-top.show{display:flex;}.back-to-top:hover{filter:brightness(1.1);}.route-page.has-page-bg{background:rgba(255,255,255,var(--panel-alpha,.84));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}.route-page.text-shadow-mode .page{text-shadow:0 1px 3px rgba(0,0,0,var(--shadow-alpha,.55)), 0 2px 10px rgba(0,0,0,var(--shadow-alpha,.55));}.rimg,.ph-box,.card,.reveal-el{transition:opacity .7s ease, transform .7s ease;}.anim-fade .rimg,.anim-fade .ph-box,.anim-fade .card,.anim-fade .reveal-el{opacity:0;}.anim-fade-up .rimg,.anim-fade-up .ph-box,.anim-fade-up .card,.anim-fade-up .reveal-el{opacity:0;transform:translateY(34px);}.anim-fade-down .rimg,.anim-fade-down .ph-box,.anim-fade-down .card,.anim-fade-down .reveal-el{opacity:0;transform:translateY(-34px);}.anim-fade-left .rimg,.anim-fade-left .ph-box,.anim-fade-left .card,.anim-fade-left .reveal-el{opacity:0;transform:translateX(-70px);}.anim-fade-right .rimg,.anim-fade-right .ph-box,.anim-fade-right .card,.anim-fade-right .reveal-el{opacity:0;transform:translateX(70px);}.anim-zoom-in .rimg,.anim-zoom-in .ph-box,.anim-zoom-in .card,.anim-zoom-in .reveal-el{opacity:0;transform:scale(.82);}.anim-zoom-out .rimg,.anim-zoom-out .ph-box,.anim-zoom-out .card,.anim-zoom-out .reveal-el{opacity:0;transform:scale(1.18);}.anim-none .rimg,.anim-none .ph-box,.anim-none .card,.anim-none .reveal-el{opacity:1 !important;transform:none !important;}.reveal-in{opacity:1 !important;transform:none !important;}.reward-thumb .rimg,.reward-thumb .ph-box,.char-thumb .rimg,.char-thumb .ph-box{opacity:1 !important;transform:none !important;}.anim-none .reward-stage-shadow{opacity:var(--reward-shadow-op,.4) !important;transform:none !important;}.reward-stage-shadow.reveal-in{opacity:var(--reward-shadow-op,.4) !important;transform:none !important;}.reveal-reset{transition:none !important;}[data-route="home"] .page{max-width:clamp(1200px, 82vw, 1300px) !important;}[data-route="home"] h1.page-title{font-size:62px;}[data-route="home"] .section-head h2,[data-route="home"] .faq-cat h2,[data-route="home"] .class-list-widget .cl-preview-info h3{font-size:32px;}[data-route="home"] .tag{font-size:15px;}[data-route="home"] .side-cat-label,[data-route="home"] .shop-skill-group-heading,[data-route="home"] .ov-group-label{font-size:20px;}[data-route="home"] .ov-entity-name{font-size:35px;}[data-route="home"] .ov-quote{font-size:17px;}[data-route="home"] .ov-desc{font-size:17px;}[data-route^="characters"] .page{max-width:clamp(1200px, 82vw, 2000px) !important;}[data-route="game/about"] .page{max-width:clamp(1200px, 82vw, 1200px) !important;}[data-route="game/howto"] .page{max-width:clamp(1200px, 82vw, 1200px) !important;}[data-route="game/supporter"] .page{max-width:clamp(1200px, 82vw, 1200px) !important;}[data-route^="game/classes"] h1.page-title{font-size:42px;}[data-route^="game/classes"] .section-head h2,[data-route^="game/classes"] .faq-cat h2,[data-route^="game/classes"] .class-list-widget .cl-preview-info h3{font-size:42px;}[data-route^="game/classes"] .ov-entity-name{font-size:42px;}[data-route="collection/achievements"] .badge-ap{font-size:13px;}[data-route="shop"] .side-cat-label,[data-route="shop"] .shop-skill-group-heading,[data-route="shop"] .ov-group-label{font-size:16px;}