@charset "UTF-8";
:root{--paper:#f6f4f5;--ink:#393c3b;--muted:#8b908d;--green:#65aa8a;--dark:#1c1d25;--line:#ebebeb;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.7;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}input:focus{outline:2px solid var(--green);outline-offset:2px}.wrap{width:calc(100% - 112px);max-width:1450px;margin:0 auto}.skip-link{position:fixed;left:20px;top:-80px;padding:12px;background:#fff;z-index:99}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.platform-bar{height:55px;background:#222426;color:#939695;display:flex;align-items:center;padding:0 25px;gap:40px;font-size:11px}.platform-brand{display:flex;align-items:center;gap:8px;font:bold 22px Arial;color:#fff;letter-spacing:1.7px}.platform-brand img{height:25px;width:25px;object-fit:contain}.platform-links{display:flex;gap:32px}.platform-links span{margin-left:10px}.platform-actions{margin-left:auto;display:flex;gap:25px;align-items:center}.platform-actions>button{font-size:11px}.platform-actions .platform-download{background:#5470f1;border-radius:4px;color:white;padding:6px 28px;margin-right:20px;min-width:165px}.game-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid transparent}.game-nav{height:123px;display:flex;align-items:center;justify-content:space-between;gap:25px}.game-brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.game-brand img{width:93px;height:64px;object-fit:contain}.game-brand>span{font-weight:600;letter-spacing:1px;font-size:15px}.game-brand small{display:block;font:8px Arial;letter-spacing:4px;margin-top:3px;color:#888}.game-nav nav{display:flex;align-self:stretch;justify-content:space-between;flex:1;max-width:850px;margin-left:20px}.game-nav nav>button{font-size:15px;color:#717673;padding:0 9px;position:relative;white-space:nowrap}.game-nav nav>button:after{content:'';position:absolute;bottom:27px;left:20%;right:20%;height:2px;background:var(--green);transform:scaleX(0);transition:.2s}.game-nav nav>button.selected:after,.game-nav nav>button:hover:after{transform:scaleX(1)}.game-start{background:#111314;color:white;padding:15px 19px;border-radius:13px;font-size:12px;white-space:nowrap;transition:.2s}.game-start:hover{background:#467c62}.menu-button{display:none}.mega-menu{position:absolute;left:0;right:0;top:123px;background:#fffffff5;border-top:1px solid #e8e8e8;box-shadow:0 30px 40px #292e2a14;backdrop-filter:blur(18px)}.mega-menu[hidden]{display:none}.mega-inner{display:grid;grid-template-columns:repeat(6,1fr);padding:35px 0 30px;gap:24px}.mega-inner section{border-left:1px solid #ededed;padding-left:20px}.mega-inner h2{font-size:14px;margin:0 0 17px;font-weight:600}.mega-inner a{font-size:12px;color:#8c928e;display:block;padding:7px 0}.mega-inner a:hover{color:var(--green)}.mega-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;color:#9ba69e;font-size:11px}.mega-footer button{font-size:11px}.home-top{padding-bottom:0}.carousel{height:430px;border-radius:26px;position:relative;overflow:hidden;background:#45665c;margin-bottom:62px}.hero-slide{position:absolute;inset:0}.hero-background{height:100%;width:100%;object-fit:cover;object-position:center;animation:slide-in .55s ease-out}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,var(--slide-color),transparent);background:linear-gradient(90deg,var(--slide-color) 0%,color-mix(in srgb,var(--slide-color),transparent 18%) 28%,transparent 80%);opacity:.9}.hero-slide-link{position:absolute;inset:0}.hero-slide-copy{position:absolute;left:55px;top:70px;color:#fff;max-width:72%;text-shadow:0 1px 12px #20272b15}.hero-category{display:inline-block;border:1px solid #ffffffc0;font-size:14px;line-height:1.4;padding:3px 10px;margin-bottom:18px}.hero-slide h1{font-weight:500;font-size:40px;line-height:1.4;margin:0 0 13px;letter-spacing:1px}.hero-slide p{font-size:16px;color:#fffffff0;max-width:670px;margin:0;letter-spacing:.3px}.hero-cta{display:inline-flex;align-items:center;gap:30px;font-size:12px;margin-top:27px;border-bottom:1px solid #ffffff7a;padding-bottom:7px}.hero-cta b{font-size:18px;font-weight:400}.carousel-counter{position:absolute;bottom:100px;right:45px;display:flex;gap:14px;align-items:center;color:#fff;font-size:11px;letter-spacing:1px;background:#161b23a1;backdrop-filter:blur(10px);padding:10px 17px;border-radius:10px}.carousel-counter button{font-size:15px;color:white;padding:0 3px}.carousel-counter strong{color:#9dd8ba;font-weight:500}.carousel-counter>span{color:#c5c9c9}.carousel-navigation{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:stretch;background:#ffffffeb;backdrop-filter:blur(15px);height:70px;border-radius:23px}.carousel-navigation>button{width:62px;flex-shrink:0;background:#fff;font-size:34px;line-height:1;color:#747a76}.carousel-navigation>button:hover{color:var(--green)}.carousel-tabs{display:flex;flex:1;min-width:0;padding:0 8px}.carousel-tabs>button{flex:1;position:relative;line-height:1.5;text-align:center;font-size:11px;padding:10px 15px;min-width:0;display:flex;align-items:center;justify-content:center}.carousel-tabs>button+button:before{content:'';position:absolute;left:0;top:25px;bottom:25px;width:1px;background:#dedfdf}.carousel-tabs small{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#55595c;color:white;padding:0 5px;font:10px/18px Arial;border-radius:2px}.carousel-tabs .active:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:4px;background:var(--green)}.carousel-tabs .active small{background:var(--green)}.carousel-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:25px;min-width:0}.section-title h2{font-size:25px;font-weight:500;line-height:1.3;margin:0;display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:1px}.section-title h2>i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid var(--green);border-radius:3px;display:block}.more{display:grid;place-items:center;border:1px solid #cbd0cc;border-radius:6px;width:20px;height:20px;font:15px Arial;color:#a5ada8;flex-shrink:0}.more:hover{background:var(--green);color:#fff;border-color:var(--green)}.pills{display:flex;align-items:center;gap:7px;margin-left:8px;flex-wrap:wrap}.pills button,.pills a{border:1px solid #b8bcb9;border-radius:20px;padding:3px 15px;white-space:nowrap;font-size:11px;line-height:1.8;color:#737975}.pills .active{background:#5e6261;border-color:#5e6261;color:#fff}.news-grid{display:grid;grid-template-columns:1fr 1fr .59fr;gap:21px}.news-grid .section-title{gap:9px;margin-bottom:22px;flex-wrap:wrap}.news-grid .section-title h2{font-size:24px}.news-grid .pills{gap:6px;margin-left:1px}.news-grid .pills button{font-size:10px;padding:2px 12px}.news-column{min-width:0}.news-panel{height:362px;background:#fff;border-radius:25px;padding:10px 30px;overflow:auto;scrollbar-width:thin}.news-line{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #eee;min-height:56px;color:#777e79;font-size:12px}.news-line:last-child{border-bottom:0}.news-line:hover .news-line-title{color:#3e795b}.category{display:inline-block;white-space:nowrap;border:1px solid #e0e5e0;border-radius:16px;padding:0 10px;font-size:10px;font-weight:400;line-height:1.7;color:#969e98;flex-shrink:0}.news-line-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.download-side{align-self:end;height:362px;border-radius:25px;padding:30px 19px;background:linear-gradient(145deg,#172637ed,#1b3c2fdc),url('assets/academy.webp') center/cover;color:white;text-align:center;display:flex;align-items:center;flex-direction:column}.download-side>p{font-size:11px;color:#d5ded3;margin:0 0 14px;letter-spacing:1px}.download-side>img{height:85px;width:150px;object-fit:contain;margin-bottom:23px}.download-side-main{border-radius:10px;border:1px solid #9ab4a4;background:#60886c;color:white;width:100%;padding:13px 11px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px}.download-side-main svg{width:27px;height:27px}.download-side-main small{display:block;font:7px Arial;letter-spacing:1px;margin-top:5px}.download-side>a{margin-top:15px;color:#d0ddce;font-size:10px}.side-status{margin-top:auto;border-top:1px solid #ffffff20;padding-top:15px;font-size:9px;color:#c4d4bf;width:100%}.side-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#99cfa2;margin-right:7px}.empty-small{font-size:12px;color:var(--muted);padding:25px}.community-ribbon{display:flex;align-items:center;gap:30px;min-height:220px;padding:25px 15px}.community-ribbon>img{width:170px;height:170px;object-fit:contain}.community-ribbon small{font:8px Arial;letter-spacing:2px;color:#91a88d}.community-ribbon h2{font-size:22px;font-weight:500;margin:7px 0}.community-ribbon p{font-size:11px;color:#939c94;line-height:2;margin:0}.community-ribbon>a{margin-left:auto;font-size:12px;border:1px solid #bec9be;border-radius:30px;padding:12px 22px;white-space:nowrap}.community-ribbon>a span{margin-left:20px;color:var(--green)}.white-section{background:#fff}.media-home{padding:60px 0 45px}.media-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 15px}.media-rail::-webkit-scrollbar{display:none}.media-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;flex-shrink:0}.media-rail .media-card{width:calc((100% - 80px)/5);scroll-snap-align:start}.media-image{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:1.77;background:#23322e}.media-image>img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.media-card:hover .media-image>img{transform:scale(1.06)}.media-card strong{font-size:12px;font-weight:400;margin:13px 5px 4px;color:#6c746e}.media-card small{font-size:9px;color:#a1aba3;margin-left:5px}.video-tag{position:absolute;left:10px;top:10px;color:#fff;border-left:3px solid var(--green);padding-left:7px;font-size:9px;text-shadow:0 1px 10px #000}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:2px solid #ffffffdb;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1a302b44;opacity:0;transition:opacity .2s}.play-icon svg{width:20px;height:20px;fill:#fff;stroke-width:0;margin-left:3px}.media-card:hover .play-icon,.media-card:focus-visible .play-icon{opacity:1}.rail-controls{margin-left:auto;display:flex;gap:8px}.rail-controls button{font-size:22px;width:29px;height:29px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;line-height:1}.rail-controls button:hover{background:var(--green);border-color:var(--green);color:#fff}.guide-home{padding:25px 0 65px}.section-subtitle{font-size:11px;color:#98a298;margin-left:auto;letter-spacing:1px}.guide-rail{display:flex;gap:27px;overflow-x:auto;padding:15px 5px 20px;scrollbar-width:thin;scrollbar-color:#d7e4da transparent}.guide-circle{width:145px;flex-shrink:0;text-align:center}.guide-circle>span{width:145px;height:145px;border-radius:50%;background:linear-gradient(#315f6dd6,#325f6dd6),url('assets/campus.webp') center/cover;display:grid;place-items:center;color:white;transition:transform .3s,background .3s}.guide-circle svg{width:50px;height:50px;stroke-width:1.3}.guide-circle:hover>span{transform:translateY(-6px);background:linear-gradient(#4b9a78d9,#4b9a78d9),url('assets/campus.webp') center/cover}.guide-circle strong{display:block;font-size:13px;font-weight:400;margin-top:15px}.guide-circle small{display:block;font-size:9px;color:#a7b0a8;margin-top:5px}.profession-home{background:var(--dark);color:#fff;padding:65px 0 55px;position:relative;overflow:hidden}.profession-home:before{content:'';position:absolute;inset:0;opacity:.35;pointer-events:none;background:repeating-linear-gradient(45deg,transparent 0 300px,#6d798d33 301px 302px,transparent 303px 450px)}.profession-home .wrap{position:relative}.profession-home .section-title{margin-bottom:40px}.profession-home .more{border-color:#565a61;color:#c0c9c0}.profession-home .section-subtitle{color:#9ca79f}.profession-family{border:1px solid #ffffff15;border-radius:16px;padding:19px;display:flex;gap:12px;margin-bottom:18px}.profession-family-name{width:140px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ffffff0d;background:#20212a;border-radius:10px}.profession-family-name>span{font:32px Georgia;color:#657f74}.profession-family-name>strong{font-size:18px;font-weight:400;margin:10px 0}.profession-family-name>small{font-size:8px;color:#7d8781}.profession-family-cards{display:grid;grid-template-columns:repeat(3,1fr);flex:1;gap:12px;min-width:0}.profession-card{height:180px;position:relative;overflow:hidden;background:linear-gradient(130deg,#2d343b,#252830);border:1px solid #ffffff0c;border-radius:11px}.profession-card:before{content:'';position:absolute;top:-30%;left:30%;width:180px;height:180px;border:25px solid #ffffff04;border-radius:50%}.profession-card>div{position:relative;padding:30px 20px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.profession-card small{font-size:9px;color:#a3b6ac;max-width:130px}.profession-card strong{font-size:24px;font-weight:400;margin:9px 0 1px}.profession-card span{font-size:11px;color:#b4c3b9}.profession-card b{border-radius:13px;background:#466457;color:#97c9aa;font-size:15px;line-height:17px;padding:0 9px;margin-top:10px;transition:.25s;font-weight:400}.profession-card>img{height:120%;width:77%;object-fit:contain;object-position:top right;position:absolute;right:-11%;bottom:-20%;transition:transform .4s}.profession-card:hover{border-color:#70ad8d99}.profession-card:hover>img{transform:scale(1.045)}.profession-card:hover b{background:#71b393;color:#fff}.section-note{color:#849188;font-size:10px;line-height:2;margin:30px 0 0}.world-home{padding:65px 0 55px;background:#eff2ed}.landscape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.landscape-card{height:240px;position:relative;overflow:hidden;border-radius:14px}.landscape-card>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.landscape-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142a22cf,transparent 90%)}.landscape-card>span{position:absolute;inset:auto 22px 25px;color:white;z-index:1}.landscape-card small{font:8px Arial;letter-spacing:2px;display:block;color:#cddcce}.landscape-card strong{font-size:21px;font-weight:400;display:block;margin-top:6px}.landscape-card b{position:absolute;right:0;bottom:2px;font-weight:400}.landscape-card:hover>img{transform:scale(1.06)}.home-help{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;padding-top:60px;padding-bottom:65px}.home-help .section-title{margin-bottom:20px}.faq-item{border-bottom:1px solid #e1e5df;background:#fff}.faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:17px;padding:20px;font-size:13px}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary b{color:var(--green);font:20px Arial}.faq-item>summary i{font-style:normal;font-size:20px;margin-left:auto;color:#929e94}.faq-item[open]>summary{color:#438c67}.faq-item[open]>summary i{transform:rotate(45deg)}.faq-item>div{padding:0 35px 23px 58px;font-size:12px;color:#859184;line-height:2.1}.music-banner{border-radius:20px;overflow:hidden;position:relative;display:block;min-height:275px}.music-banner>img{height:100%;width:100%;object-fit:cover;filter:brightness(.5)}.music-banner>span{position:absolute;inset:35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.music-banner svg{width:33px;height:33px;margin-bottom:16px}.music-banner small{font:8px Arial;letter-spacing:2px;color:#d5e8d5}.music-banner strong{font-weight:400;font-size:25px;margin:8px 0 18px}.music-banner span>span{font-size:11px;color:#dfebdd}.site-footer{background:#fff;border-top:1px solid #e4e7e2}.footer-main{padding:43px 0;text-align:center}.footer-logos{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.footer-logos>img{width:29px;height:29px;object-fit:contain}.footer-logos>strong{font:bold 21px Arial;letter-spacing:2px}.footer-logos>span{border-left:1px solid #d7ddd6;margin-left:10px;padding-left:18px;font-size:18px;letter-spacing:2px}.footer-links{display:flex;justify-content:center;gap:30px;font-size:11px;color:#7c897f;margin-bottom:15px}.footer-main p,.footer-main small{font-size:9px;color:#9ca79e;line-height:2}.page-control{position:fixed;right:0;bottom:45px;z-index:25;background:#fff;border:1px solid #eceeed;box-shadow:0 2px 15px #26382f09;border-radius:16px 0 0 16px;width:58px;display:flex;align-items:center;flex-direction:column;padding:8px 0}.page-control button{width:45px;height:35px;font-size:24px;color:#707a73;line-height:1}.page-control button:hover{color:var(--green)}.page-control>span{height:1px;width:15px;background:#e4e9e3}.subpage-heading{background:linear-gradient(110deg,#eaf1e9,#f8f8f5);padding:24px 0 55px;border-top:1px solid #e6e9e3}.breadcrumb{display:flex;gap:13px;color:#9ca69e;font-size:10px;margin-bottom:35px}.breadcrumb a:hover{color:var(--green)}.subpage-heading .wrap>p{font:8px Arial;letter-spacing:3px;color:#9ba99d}.subpage-heading h1{font-size:34px;font-weight:500;letter-spacing:2px;margin:16px 0 12px}.subpage-heading .wrap>div:last-child{color:#899a8a;font-size:12px;line-height:2}.subpage-body{padding:45px 0 75px;min-height:450px}.page-tabs{display:flex;border-bottom:1px solid #d9dfd7;gap:35px;margin-bottom:35px;overflow-x:auto;scrollbar-width:none}.page-tabs>a{position:relative;padding:0 6px 18px;font-size:14px;white-space:nowrap;color:#929d94}.page-tabs>a.active{color:#456e54;font-weight:600}.page-tabs>a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green)}.list-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 25px;font-size:12px;color:#98a297}.list-toolbar strong{color:#5f9a75;font-weight:500}.search-form{display:flex;border:1px solid #dce2d9;background:#fff;border-radius:7px;overflow:hidden}.search-form input{border:0;background:none;padding:11px 16px;font-size:12px;min-width:240px;color:#5c6a5c}.search-form button{background:#6d9275;color:white;display:flex;align-items:center;gap:10px;padding:0 17px;font-size:11px}.search-form svg{width:14px;height:14px}.article-list{background:white;border-radius:18px;overflow:hidden;padding:0 30px}.article-list-row{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid #eee;align-items:center}.article-list-row:last-child{border-bottom:0}.article-number{width:60px;text-align:center;font:9px Arial;letter-spacing:1px;color:#a8b1a6;flex-shrink:0}.article-list-row>span:nth-child(2){flex:1;min-width:0}.article-list-row strong{font-size:15px;display:block;font-weight:400;margin-top:7px;color:#4b5c4b}.article-list-row p{color:#9aa596;font-size:11px;margin:6px 0 0}.article-list-row time{font:10px Arial;color:#a9b2a4;white-space:nowrap}.article-list-row>b{font-size:18px;font-weight:400;color:#aab7a4}.article-list-row:hover strong{color:#549367}.pagination{display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination a{height:34px;width:34px;border:1px solid #dfe4db;border-radius:5px;display:grid;place-items:center;font:12px Arial;color:#9aa791}.pagination a.active{background:#6f9779;color:white;border-color:#6f9779}.article-detail{background:#fff;border-radius:20px;padding:40px max(5%,25px)}.article-detail-top{display:flex;justify-content:space-between;align-items:center;color:#9caa91;font:11px Arial}.article-detail h2{font-size:28px;font-weight:500;line-height:1.7;margin:25px 0 10px}.article-lead{font-size:13px;color:#93a18a;line-height:2;margin:0 0 30px}.article-cover{width:100%;max-height:470px;object-fit:cover;border-radius:12px;margin:20px 0 35px}.article-text{font-size:14px;line-height:2.3;color:#73816a;padding:20px 0 35px;max-width:950px}.article-text p{margin:0 0 23px}.article-actions{border-top:1px solid #e6ebe1;padding-top:25px;display:flex;gap:12px}.solid-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:7px;font-size:12px;line-height:1.6;transition:.2s;min-height:46px}.solid-button{background:#466a50;color:white}.solid-button:hover{background:#6b9471}.outline-button{border:1px solid #cdd9c5;color:#7e9571;background:#fff}.outline-button:hover{border-color:#79a36d;color:#5e8e50}.text-link{display:inline-flex;align-items:center;gap:10px;color:#6f9562;font-size:12px;line-height:1.8}.related-title{font-size:18px;font-weight:400;margin:50px 0 20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-grid>a{border:1px solid #e1e7dc;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.related-grid small{font-size:10px;color:#9eaf90}.related-grid strong{font-size:13px;font-weight:400;line-height:1.9}.related-grid span{font-size:10px;color:#83a16e;margin-top:auto}.page-note{font-size:11px;line-height:2;color:#9bab90;margin:20px 0 30px}.character-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.directory-card{background:#fff;border:1px solid #e8ebe4;border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}.directory-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #354d3010}.directory-portrait{height:280px;background:radial-gradient(circle at center,#edf4e5,#e2e9db);position:relative;overflow:hidden}.directory-portrait>img{height:125%;width:100%;object-fit:contain;position:absolute;bottom:-23%;transition:transform .4s}.directory-card:hover .directory-portrait>img{transform:scale(1.04)}.directory-portrait>span{position:absolute;top:17px;left:18px;padding:2px 11px;border:1px solid #bacbb0;border-radius:12px;font-size:10px;color:#7e9a6e}.directory-card>div:last-child{padding:23px}.directory-card small{font-size:9px;letter-spacing:2px;color:#9eb28e}.directory-card h2{font-size:25px;font-weight:400;margin:7px 0 12px}.directory-card h2>span{font-size:12px;color:#9fb38d;margin-left:14px}.directory-card p{font-size:11px;color:#98a88b;margin:0}.directory-link{display:flex;justify-content:space-between;border-top:1px solid #e5ebdf;padding-top:16px;margin-top:20px;font-size:11px;color:#739963}.directory-link b{font-weight:400}.character-detail{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:20px;overflow:hidden}.character-detail-art{position:relative;min-height:520px;background:radial-gradient(circle at center,#ecf3e5,#e0e8d8);overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.character-detail-art>span{position:absolute;top:40px;left:25px;font:bold 65px Arial;color:#d1ddc750;writing-mode:vertical-rl;letter-spacing:5px}.character-detail-art>img{height:520px;width:100%;object-fit:contain;z-index:1}.character-detail-copy{padding:50px 45px}.character-detail-copy h2{font-size:51px;letter-spacing:5px;margin:20px 0;font-weight:400}.character-facts{display:flex;gap:45px;margin:25px 0 35px;padding-bottom:25px;border-bottom:1px solid #e1e9da}.character-facts small{display:block;color:#a1b18f;font-size:10px;margin-bottom:6px}.character-facts strong{font-size:15px;font-weight:400;color:#6e8660}.character-detail-copy h3{font-weight:400;font-size:15px}.character-detail-copy>p{font-size:12px;color:#8d9d7e;line-height:2.2;margin:20px 0 30px}.character-detail-copy>.text-link{display:flex;margin-top:20px}.more-characters{margin-top:45px}.more-characters h2{font-size:20px;font-weight:400;margin-bottom:20px}.character-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.character-chips a{background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;gap:15px;border:1px solid #e7ecdf}.character-chips img{width:54px;height:70px;object-fit:cover;object-position:top;border-radius:8px;background:#e2eada}.character-chips span{font-size:14px}.character-chips small{font-size:10px;color:#9cae8d;display:block;margin-top:5px}.guide-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-directory>a{display:flex;align-items:center;background:#fff;padding:30px;border-radius:15px;border:1px solid #e5eadf;gap:25px}.guide-symbol{height:75px;width:75px;border-radius:50%;background:#e6eedf;display:grid;place-items:center;flex-shrink:0;color:#789e64}.guide-symbol svg{width:31px;height:31px}.guide-directory small{font:8px Arial;letter-spacing:2px;color:#a6b894}.guide-directory h2{font-size:20px;font-weight:400;margin:9px 0 5px}.guide-directory p{font-size:11px;color:#9cab8c;margin:0}.guide-directory b{margin-left:auto;font-size:19px;font-weight:400;color:#9fb98d}.guide-bottom-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:15px;background:#e7eedd;padding:30px 35px;margin-top:40px}.guide-bottom-callout h2{font-size:19px;font-weight:400;margin:0 0 8px}.guide-bottom-callout p{font-size:11px;color:#97aa82;margin:0;line-height:2}.feature-grid{display:flex;flex-direction:column;gap:30px}.feature-grid article{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:white;padding:25px;border-radius:20px}.feature-grid article:nth-child(even)>img{order:1}.feature-grid article>img{width:100%;height:300px;object-fit:cover;border-radius:12px}.feature-grid article>div{padding:20px}.feature-grid small{font:9px Arial;letter-spacing:2px;color:#9eb88b}.feature-grid h2{font-size:27px;font-weight:400;margin:18px 0}.feature-grid p{font-size:12px;color:#93a481;line-height:2.2}.feature-grid a{display:inline-block;font-size:12px;color:#6f9d55;margin-top:15px}.world-story{background:#fff;border-radius:20px;overflow:hidden}.world-story>img{width:100%;max-height:480px;object-fit:cover}.world-story>div{max-width:800px;margin:auto;padding:45px}.world-story small{font:10px Arial;letter-spacing:3px;color:#9caf8c}.world-story h2{font-size:36px;font-weight:400;line-height:1.7;margin:20px 0}.world-story p{font-size:13px;color:#8d9f7a;line-height:2.3}.world-story .solid-button{margin-top:20px}.region-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.region-selector a{display:flex;align-items:center;background:#fff;border:1px solid #e5ebde;border-radius:12px;overflow:hidden;gap:15px;padding-right:10px}.region-selector img{width:85px;height:80px;object-fit:cover}.region-selector span{font-size:13px}.region-selector small{display:block;font:8px Arial;letter-spacing:1px;color:#9cb28a;margin-top:6px}.region-selector a.active{border-color:#83a46b;box-shadow:0 0 0 1px #83a46b}.world-map{display:grid;grid-template-columns:1.5fr 1fr;gap:0;border-radius:20px;overflow:hidden;background:white}.map-visual{height:530px;position:relative;background:#e6e9df;padding:25px;display:grid;place-items:center}.map-visual>img{max-height:100%;width:100%;height:100%;object-fit:contain}.map-visual>span{position:absolute;bottom:17px;left:20px;border-radius:4px;background:#ffffffd9;padding:3px 10px;font-size:10px;color:#8aa270}.world-map aside{padding:55px 40px}.world-map aside>small{font:10px Arial;letter-spacing:3px;color:#9bb184}.world-map h2{font-size:30px;font-weight:400;margin:20px 0}.world-map p{font-size:13px;color:#91a27d;line-height:2.2}.world-map .page-note{font-size:11px}.map-key{display:block;font-size:11px;color:#8aab6b;margin:20px 0}.world-map .outline-button{margin-top:15px}.media-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 23px}.media-directory .media-card strong{font-size:14px;margin-top:16px}.media-directory .media-card small{font-size:10px}.media-directory .play-icon{opacity:1}.music-list{display:flex;flex-direction:column;gap:25px}.music-list article{display:grid;grid-template-columns:1fr 1.5fr;background:#fff;border-radius:18px;overflow:hidden}.music-list article>img{width:100%;height:100%;max-height:310px;object-fit:cover}.music-list article>div{padding:35px 40px}.music-list small{font:8px Arial;letter-spacing:2px;color:#a3b88c}.music-list h2{font-size:27px;font-weight:400;margin:14px 0}.music-list p{font-size:11px;color:#9aaf81}.music-list audio{margin-top:20px;width:100%;max-width:480px;height:40px}.gallery-directory{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-directory>button{padding:0;border-radius:17px;overflow:hidden;text-align:left;background:white}.gallery-directory img{width:100%;height:300px;object-fit:cover;transition:transform .5s}.gallery-directory button:hover img{transform:scale(1.035)}.gallery-directory span{position:relative;display:block;padding:20px 25px;background:#fff;font-size:15px}.gallery-directory b{font-weight:400;float:right;color:var(--green)}.wallpaper-feature{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;background:#fff;border-radius:18px;overflow:hidden}.wallpaper-feature>img{width:100%;height:100%;object-fit:cover}.wallpaper-feature>div{padding:40px}.wallpaper-feature small{font:9px Arial;letter-spacing:2px;color:#9fb18d}.wallpaper-feature h2{font-size:30px;font-weight:400;margin:20px 0}.wallpaper-feature p{font-size:11px;color:#9cae87}.wallpaper-feature .solid-button{margin:18px 0}.download-packages{display:flex;flex-direction:column;gap:20px}.download-package{display:flex;align-items:center;gap:25px;background:#fff;border-radius:17px;padding:30px}.package-icon{width:75px;height:75px;border-radius:15px;background:#e6efdd;color:#7b9f65;display:grid;place-items:center;flex-shrink:0}.package-icon svg{height:34px;width:34px}.download-package h2{font-size:21px;font-weight:400;margin:0 0 8px}.download-package p{font-size:12px;color:#98ab84;margin:0 0 7px}.package-meta{font-size:10px;color:#b2c09e}.download-package>.solid-button,.download-package>button{margin-left:auto;white-space:nowrap}.download-package>button{padding:13px 22px;border-radius:7px;background:#e6ebdf;color:#a1b18c;font-size:12px}.block-title{font-size:23px;font-weight:400;margin:45px 0 25px}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.install-steps>div{background:#fff;border-radius:15px;padding:30px}.install-steps b{font:30px Georgia;color:#b0c69a}.install-steps h3{font-size:16px;font-weight:400;margin:17px 0}.install-steps p{font-size:11px;color:#9aae82;line-height:2}.requirements{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.requirements th,.requirements td{text-align:left;border-bottom:1px solid #e8eddf;padding:19px 24px;line-height:2}.requirements th{width:230px;font-weight:400;color:#819b6a;background:#eef2e8}.requirements td{color:#92a57b}.download-help{display:flex;gap:30px;margin-top:25px;font-size:11px;color:#81a067}.support-search{background:#fff;border-radius:17px;padding:30px;margin-bottom:25px;display:flex;align-items:center;gap:30px}.support-search label{font-size:18px;white-space:nowrap}.support-search>div{display:flex;flex:1;gap:12px}.support-search input{border:1px solid #dbe3d1;background:#f9faf5;padding:13px 16px;border-radius:6px;flex:1;min-width:0;font-size:12px;color:#778f5f}.support-search button{padding:0 25px;background:#6d915d;color:#fff;border-radius:6px;font-size:12px}.faq-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.faq-filters button{border:1px solid #d7dfcd;background:#fff;border-radius:25px;padding:7px 22px;color:#9bad89;font-size:12px}.faq-filters button.active{background:#6d915d;border-color:#6d915d;color:#fff}#faq-results{border-radius:15px;overflow:hidden}.contact-panel{background:#fff;border-radius:20px;padding:50px;max-width:900px;text-align:center;margin:0 auto}.large-support-icon{margin:0 auto 25px;height:80px;width:80px;background:#e6efd9;border-radius:50%;display:grid;place-items:center;color:#8ca970}.large-support-icon svg{height:35px;width:35px}.contact-panel h2{font-size:29px;font-weight:400}.contact-panel p{font-size:12px;color:#95a880;line-height:2.2;max-width:600px;margin:25px auto}.contact-panel .outline-button{margin:20px auto 0}.contact-panel .text-link{display:block}.status-badge{display:inline-block;background:#e7eedd;border-radius:5px;padding:5px 13px;font-size:11px;color:#849e68}.rank-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font-size:11px;color:#a2b58a}.rank-table{background:#fff;border-radius:15px;overflow:hidden}.rank-table-head{display:grid;grid-template-columns:100px 1fr 1fr 1fr;background:#e9efdf;color:#809867;font-size:12px;padding:18px;text-align:center}.empty-state{text-align:center;padding:75px 25px;color:#9eae8c;font-size:13px;line-height:2.2}.empty-state>strong{display:block;font-size:24px;font-weight:400;color:#839b70}.empty-state a{display:inline-block;margin-top:12px;color:#6b9554;font-size:12px}.rank-about{padding:45px;background:#fff;border-radius:18px}.rank-about h2{font-size:25px;font-weight:400}.rank-about p{font-size:13px;color:#96a982;line-height:2.2}.rank-about a{margin-top:20px}.community-hero{height:380px;border-radius:22px;overflow:hidden;position:relative;color:#fff}.community-hero>img{height:100%;width:100%;object-fit:cover;filter:brightness(.65)}.community-hero>div{position:absolute;inset:45px 50px;max-width:600px}.community-hero small{font:9px Arial;letter-spacing:3px;color:#e9f0da}.community-hero h2{font-size:36px;font-weight:400;line-height:1.6;margin:19px 0}.community-hero p{font-size:12px;color:#e1eccf;max-width:480px;line-height:2}.community-hero .solid-button{margin-top:17px;background:#ffffffeb;color:#627d46}.community-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:45px 0 25px}.community-heading h2{font-size:23px;font-weight:400;margin:0}.community-heading>span{font-size:10px;color:#9fb18d}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.community-grid>a{background:#fff;border-radius:18px;overflow:hidden}.community-grid img{width:100%;height:260px;object-fit:cover;transition:transform .5s}.community-grid a:hover img{transform:scale(1.03)}.community-grid a>div{padding:25px}.community-grid small{font-size:10px;color:#9daf8d}.community-grid h3{font-weight:400;font-size:18px;line-height:1.8;margin:10px 0}.community-grid p{font-size:11px;color:#a0af91;line-height:2}.community-grid span{font-size:10px;color:#88a56e}.section-title .pills a{display:inline-block}.modal-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;background:#f0f3e9;border-bottom:1px solid #e1e7d9;position:sticky;top:0;z-index:1}.modal-bar>span{font:9px Arial;letter-spacing:2px;color:#95ab7f}.modal-bar button{font-size:28px;line-height:1}.modal-content{padding:27px 30px 35px}.modal-content>h2{font-weight:400;font-size:25px;margin:0 0 23px}.modal-content>p,.modal-content>ol{font-size:12px;color:#96a87f;line-height:2.2}.modal-content .download-package{border:1px solid #e2e9d9;border-radius:10px;margin-top:17px;padding:20px;gap:16px}.modal-content .package-icon{height:55px;width:55px}.modal-content .package-icon svg{width:27px;height:27px}.modal-content .download-package h2{font-size:17px}.modal-content .download-package p{font-size:10px;max-width:340px}.modal-content .package-meta{font-size:9px}.modal-content>.text-link{margin-top:23px}.modal-note{font-size:10px!important;color:#a9b79b!important}.modal-actions{display:flex;gap:14px;margin-top:25px}.character-video{display:block;background:#080a0a;width:100%;max-height:65vh;border-radius:6px}.modal-picture{max-height:65vh;width:100%;object-fit:contain}dialog{width:min(930px,94vw);max-height:90vh;border:1px solid #d6dfcd;border-radius:18px;padding:0;color:var(--ink);background:#fbfcf7;box-shadow:0 30px 100px #142d2826}dialog::backdrop{background:#15241dd6;backdrop-filter:blur(5px)}@keyframes slide-in{from{opacity:.55;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media(min-width:1750px){.carousel{height:480px}.hero-slide-copy{top:90px}.hero-slide h1{font-size:46px}.profession-card{height:210px}.profession-card>div{padding:35px 25px}.profession-card strong{font-size:28px}}
@media(max-width:1250px){.wrap{width:calc(100% - 70px)}.game-brand>span{display:none}.game-nav{gap:15px}.game-nav nav{margin-left:5px}.game-nav nav>button{font-size:13px;padding:0 9px}.game-start{font-size:11px;padding:13px 15px}.game-nav{height:110px}.mega-menu{top:110px}.news-grid{grid-template-columns:1fr 1fr .6fr;gap:16px}.news-panel{padding:8px 21px}.news-grid .section-title h2{font-size:21px}.news-grid .pills button{padding:2px 9px;font-size:9px}.news-grid .pills{gap:5px}.section-title h2{font-size:23px}.carousel{height:400px;margin-bottom:45px}.hero-slide-copy{top:60px;left:45px}.hero-slide h1{font-size:34px}.hero-slide p{font-size:14px}.hero-cta{margin-top:24px}.media-rail .media-card{width:calc((100% - 60px)/4)}.guide-circle,.guide-circle>span{width:130px}.guide-circle>span{height:130px}.guide-rail{gap:24px}.profession-family-name{width:110px}.profession-card strong{font-size:21px}.profession-card>div{padding:26px 15px}.profession-card{height:175px}.profession-card small{font-size:8px}.download-side{padding:30px 15px}.download-side-main{font-size:12px}.download-side-main svg{width:23px}.landscape-card{height:220px}.landscape-card strong{font-size:18px}.character-detail-copy{padding:40px 32px}.region-selector a{gap:10px}.region-selector img{width:64px}.region-selector span{font-size:11px}.directory-portrait{height:240px}.news-line{gap:9px;font-size:11px}}
@media(max-width:1000px){.platform-bar{height:45px;padding:0 20px;gap:30px}.platform-brand{font-size:18px}.platform-links{gap:20px;font-size:10px}.platform-actions{gap:18px}.platform-actions .platform-download{min-width:125px;margin-right:5px;padding:5px 18px}.game-nav{height:95px;gap:15px}.game-nav nav>button{font-size:12px;padding:0 7px}.game-brand img{width:80px}.game-start{font-size:10px;padding:12px}.mega-menu{top:95px}.mega-inner{gap:10px}.mega-inner section{padding-left:13px}.mega-inner h2{font-size:12px}.mega-inner a{font-size:11px}.wrap{width:calc(100% - 55px)}.news-grid{grid-template-columns:1fr 1fr}.download-side{grid-column:1/-1;height:auto;min-height:130px;flex-direction:row;text-align:left;gap:25px;flex-wrap:wrap;padding:20px 30px}.download-side>p{display:none}.download-side>img{width:100px;height:75px;margin:0}.download-side-main{width:auto;padding:13px 22px;font-size:15px}.download-side>a{margin:0;margin-left:auto}.side-status{display:none}.news-panel{height:350px}.news-grid .section-title{min-height:30px}.news-grid .pills{margin-left:auto}.news-grid .pills button{font-size:10px;padding:2px 13px}.community-ribbon{gap:20px;padding:22px 0;min-height:200px}.community-ribbon>img{width:130px;height:140px}.community-ribbon h2{font-size:18px}.community-ribbon p{font-size:10px}.community-ribbon>a{padding:10px 16px;font-size:11px}.community-ribbon>a span{margin-left:10px}.section-subtitle{font-size:10px;letter-spacing:0}.profession-family{padding:14px;gap:10px;display:block}.profession-family-name{width:auto;border:0;background:none;flex-direction:row;justify-content:flex-start;gap:12px;margin:0 0 13px}.profession-family-name>span{font-size:18px}.profession-family-name>strong{font-size:15px;margin:0}.profession-family-name>small{font-size:9px}.profession-card{height:180px}.profession-card strong{font-size:22px}.landscape-grid{grid-template-columns:1fr 1fr}.landscape-card{height:230px}.home-help{gap:25px}.home-help .section-title h2{font-size:21px}.faq-item>summary{font-size:12px;padding:18px 17px}.faq-item>div{padding:0 25px 20px 50px;font-size:11px}.music-banner>span{inset:25px}.music-banner strong{font-size:22px}.article-list{padding:0 23px}.article-list-row{gap:20px}.character-directory{gap:18px}.directory-card>div:last-child{padding:18px}.directory-card h2{font-size:23px}.directory-card h2>span{font-size:10px;margin-left:9px}.directory-portrait{height:215px}.character-detail-art{min-height:490px}.character-detail-art>img{height:450px}.character-detail-copy{padding:35px 25px}.character-detail-copy h2{font-size:43px}.character-facts{gap:25px}.character-facts strong{font-size:13px}.character-detail-copy>p{font-size:11px}.character-chips{grid-template-columns:repeat(3,1fr)}.feature-grid article{gap:20px}.feature-grid article>div{padding:10px}.feature-grid h2{font-size:23px}.feature-grid article>img{height:270px}.region-selector{gap:12px}.region-selector a{flex-direction:column;padding:0 0 15px;gap:10px;text-align:center}.region-selector img{width:100%;height:80px}.world-map{grid-template-columns:1.2fr 1fr}.map-visual{height:450px;padding:15px}.world-map aside{padding:35px 25px}.world-map h2{font-size:26px}.world-map p{font-size:12px}.world-map .page-note{font-size:10px}.world-map .outline-button{font-size:11px;padding:11px 15px}.wallpaper-feature{grid-template-columns:1fr 1fr}.wallpaper-feature>div{padding:25px}.wallpaper-feature h2{font-size:25px}.guide-directory>a{padding:23px;gap:18px}.guide-symbol{height:60px;width:60px}.guide-directory h2{font-size:18px}.guide-directory p{font-size:10px}.download-package{padding:25px}.download-package h2{font-size:19px}.download-package p{font-size:11px}.download-package>button{font-size:11px;padding:12px 15px}.download-package .solid-button{font-size:11px;min-width:105px}.requirements th{width:185px}.support-search{gap:20px}.support-search label{font-size:16px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.platform-bar{height:40px;padding:0 18px;gap:20px}.platform-brand{font-size:16px;gap:5px}.platform-brand img{height:19px;width:19px}.platform-links{display:none}.platform-actions{gap:13px}.platform-actions>button{font-size:10px}.platform-actions .platform-download{font-size:10px;padding:4px 12px;margin:0;min-width:0}.game-nav{height:84px;gap:15px}.game-brand img{width:75px;height:55px}.game-brand>span{display:block;font-size:13px;letter-spacing:0}.game-brand small{font-size:7px;letter-spacing:3px}.game-nav nav{display:none}.game-start{margin-left:auto;padding:11px 14px;font-size:10px;border-radius:8px}.menu-button{display:flex;flex-direction:column;gap:5px;padding:8px 1px}.menu-button>span{width:20px;height:1px;background:#666}.mega-menu{top:84px;max-height:calc(100vh - 100px);overflow:auto}.mega-inner{grid-template-columns:repeat(3,1fr);gap:25px 15px;padding-top:25px;padding-bottom:25px}.mega-inner section{padding-left:11px}.mega-inner h2{font-size:12px;margin-bottom:10px}.mega-inner a{font-size:10px;padding:6px 0}.mega-footer{font-size:10px;padding:12px 0}.mega-footer button{font-size:10px}.carousel{height:430px;border-radius:18px;margin-bottom:35px}.hero-background{object-position:60% center}.hero-gradient{opacity:.9;background:linear-gradient(90deg,var(--slide-color),color-mix(in srgb,var(--slide-color),transparent 28%) 55%,transparent)}.hero-slide-copy{top:55px;left:30px;max-width:83%}.hero-category{font-size:12px;margin-bottom:15px}.hero-slide h1{font-size:32px;max-width:350px}.hero-slide p{font-size:12px;max-width:330px;line-height:2}.hero-cta{font-size:11px;gap:18px;margin-top:23px}.carousel-navigation{height:64px;border-radius:18px}.carousel-navigation>button{width:40px;font-size:27px}.carousel-tabs{padding:0}.carousel-tabs>button{font-size:9px;padding:8px 6px}.carousel-tabs small{font-size:8px;line-height:16px;padding:0 4px}.carousel-counter{bottom:85px;right:20px;gap:10px;padding:7px 12px;font-size:9px}.carousel-counter button{font-size:13px}.news-grid{gap:26px;grid-template-columns:1fr}.news-grid .section-title h2{font-size:23px}.news-grid .pills{margin-left:5px}.news-grid .pills button{font-size:10px;padding:2px 13px}.news-grid .section-title{gap:10px;margin-bottom:17px}.news-panel{height:auto;min-height:240px;max-height:370px;padding:9px 23px;border-radius:19px}.news-line{font-size:11px;min-height:54px}.download-side{grid-column:auto;flex-wrap:nowrap;padding:22px;gap:17px;border-radius:18px}.download-side>img{width:85px;height:65px}.download-side-main{margin-left:auto;font-size:12px;padding:13px 17px}.download-side>a{display:none}.community-ribbon{min-height:170px;gap:13px;padding:30px 0}.community-ribbon>img{width:95px;height:110px}.community-ribbon small{font-size:6px;letter-spacing:1px}.community-ribbon h2{font-size:16px;line-height:1.8;margin:6px 0}.community-ribbon p{font-size:9px;max-width:260px}.community-ribbon>a{font-size:0;padding:8px 12px;flex-shrink:0}.community-ribbon>a span{font-size:16px;margin:0}.section-title{gap:10px;margin-bottom:23px;flex-wrap:wrap}.section-title h2{font-size:22px}.section-title h2>i{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}.section-subtitle{display:none}.section-title .pills{gap:6px;margin-left:5px}.section-title .pills a{padding:2px 12px;font-size:10px}.media-home{padding:40px 0 25px}.media-rail{gap:15px}.media-rail .media-card{width:calc((100% - 15px)/2.2)}.media-card strong{font-size:11px;line-height:1.8;margin:9px 2px 3px}.media-card small{font-size:8px;margin-left:2px}.play-icon{opacity:.85;width:33px;height:33px}.play-icon svg{width:15px;height:15px}.video-tag{font-size:8px;left:8px;top:8px}.rail-controls{gap:6px}.rail-controls button{width:25px;height:25px;font-size:20px}.guide-home{padding:25px 0 40px}.guide-circle,.guide-circle>span{width:108px}.guide-circle>span{height:108px}.guide-circle svg{width:39px;height:39px}.guide-circle strong{font-size:12px;margin-top:12px}.guide-circle small{font-size:8px}.guide-rail{gap:22px;padding:10px 0 15px}.profession-home{padding:40px 0}.profession-home .section-title{margin-bottom:25px}.profession-family{padding:15px 13px;border-radius:13px;margin-bottom:15px}.profession-family-name{margin-bottom:14px;gap:11px}.profession-family-name>span{font-size:17px}.profession-family-name>strong{font-size:14px}.profession-family-name>small{font-size:8px}.profession-family-cards{gap:10px;display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#57665b transparent;padding-bottom:5px}.profession-card{height:170px;min-width:220px;flex:1}.profession-card>div{padding:24px 16px}.profession-card strong{font-size:24px}.profession-card>img{width:74%;right:-7%}.section-note{font-size:9px;margin-top:25px}.world-home{padding:40px 0}.landscape-grid{gap:12px}.landscape-card{height:190px;border-radius:11px}.landscape-card>span{inset:auto 16px 20px}.landscape-card small{font-size:7px;letter-spacing:1px}.landscape-card strong{font-size:17px}.home-help{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:30px}.music-banner{height:245px;min-height:0}.music-banner>span{inset:28px}.music-banner strong{font-size:25px}.music-banner>img{object-position:center 65%}.footer-main{padding:35px 0}.footer-logos>strong{font-size:18px}.footer-logos>img{height:25px;width:25px}.footer-logos>span{font-size:15px;letter-spacing:1px;margin-left:5px;padding-left:13px}.footer-links{gap:20px;font-size:10px;flex-wrap:wrap}.footer-main p,.footer-main small{font-size:8px}.page-control{width:40px;bottom:30px;border-radius:11px 0 0 11px;padding:5px 0}.page-control button{width:34px;height:29px;font-size:19px}.subpage-heading{padding:20px 0 35px}.breadcrumb{font-size:9px;margin-bottom:25px}.subpage-heading h1{font-size:29px;margin:15px 0 9px;letter-spacing:1px}.subpage-heading .wrap>p{font-size:7px;letter-spacing:2px}.subpage-heading .wrap>div:last-child{font-size:11px;line-height:2}.subpage-body{padding:30px 0 45px}.page-tabs{gap:24px;margin-bottom:25px}.page-tabs>a{font-size:12px;padding:0 3px 14px}.list-toolbar{gap:15px;align-items:flex-start;flex-direction:column;font-size:11px;margin-bottom:20px}.search-form{width:100%}.search-form input{min-width:0;flex:1;padding:12px}.search-form button{padding:0 15px;font-size:10px}.article-list{padding:0 18px;border-radius:13px}.article-list-row{padding:21px 0;gap:12px}.article-number{font-size:7px;width:30px}.article-list-row strong{font-size:12px;line-height:1.9}.article-list-row p{font-size:10px;line-height:1.9}.article-list-row time{font-size:8px;align-self:flex-start;margin-top:7px}.article-list-row>b{display:none}.category{font-size:9px;padding:0 8px}.article-detail{padding:25px 20px;border-radius:13px}.article-detail h2{font-size:23px;line-height:1.7;margin:20px 0 15px}.article-lead{font-size:11px;margin-bottom:20px}.article-detail-top{font-size:9px}.article-cover{max-height:300px;border-radius:8px;margin:15px 0 25px}.article-text{font-size:12px;line-height:2.3;padding-top:10px;padding-bottom:20px}.article-actions{flex-wrap:wrap;gap:12px;padding-top:20px}.solid-button,.outline-button{font-size:11px;padding:11px 17px;min-height:43px}.related-title{font-size:18px;margin-top:35px}.related-grid{grid-template-columns:1fr;gap:12px}.related-grid>a{padding:17px;gap:9px}.related-grid strong{font-size:12px}.related-grid small{font-size:9px}.character-directory{grid-template-columns:repeat(2,1fr);gap:13px}.directory-portrait{height:200px}.directory-portrait>span{font-size:8px;top:12px;left:12px;padding:1px 8px}.directory-card{border-radius:13px}.directory-card>div:last-child{padding:17px 14px}.directory-card small{font-size:8px;letter-spacing:1px}.directory-card h2{font-size:22px;margin:8px 0 8px}.directory-card h2>span{display:block;font-size:11px;margin:5px 0 0}.directory-card p{font-size:9px}.directory-link{font-size:9px;margin-top:14px;padding-top:12px}.page-note{font-size:10px;margin:15px 0 25px}.character-detail{grid-template-columns:1fr;border-radius:14px}.character-detail-art{min-height:350px;height:350px}.character-detail-art>img{height:380px}.character-detail-art>span{font-size:50px;writing-mode:horizontal-tb;top:20px;left:25px}.character-detail-copy{padding:30px 25px}.character-detail-copy h2{font-size:40px;margin:17px 0}.character-facts{margin:20px 0;padding-bottom:20px;gap:40px}.character-detail-copy .solid-button{width:100%}.character-chips{grid-template-columns:repeat(2,1fr);gap:12px}.character-chips a{padding:10px;gap:10px;border-radius:8px}.character-chips img{width:44px;height:55px}.character-chips span{font-size:12px}.character-chips small{font-size:9px}.more-characters h2{font-size:18px}.guide-directory{grid-template-columns:1fr;gap:15px}.guide-directory>a{padding:22px;gap:20px}.guide-symbol{height:62px;width:62px}.guide-directory h2{font-size:19px}.guide-directory small{font-size:8px}.guide-directory p{font-size:10px}.guide-directory b{font-size:17px}.guide-bottom-callout{flex-direction:column;align-items:flex-start;padding:25px;gap:18px;margin-top:30px}.guide-bottom-callout h2{font-size:18px}.guide-bottom-callout p{font-size:10px}.feature-grid{gap:20px}.feature-grid article{grid-template-columns:1fr;padding:18px;gap:8px;border-radius:15px}.feature-grid article:nth-child(even)>img{order:0}.feature-grid article>img{height:230px}.feature-grid article>div{padding:15px 8px}.feature-grid h2{font-size:24px;margin:16px 0}.feature-grid p{font-size:12px}.feature-grid a{font-size:11px}.world-story>div{padding:30px 24px}.world-story h2{font-size:30px}.world-story p{font-size:12px}.world-story>img{height:250px}.region-selector{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.region-selector img{height:65px}.region-selector a{border-radius:8px;padding-bottom:12px}.region-selector span{font-size:10px}.region-selector small{font-size:6px;letter-spacing:0;margin-top:4px}.world-map{grid-template-columns:1fr;border-radius:14px}.map-visual{height:370px;padding:16px}.map-visual>span{font-size:9px}.world-map aside{padding:30px 25px}.world-map h2{font-size:27px}.world-map p{font-size:12px}.world-map .page-note{font-size:10px}.media-directory{grid-template-columns:repeat(2,1fr);gap:25px 14px}.media-directory .media-card strong{font-size:11px;margin-top:11px}.media-directory .media-card small{font-size:8px}.media-image{border-radius:8px}.music-list article{grid-template-columns:1fr}.music-list article>img{height:220px}.music-list article>div{padding:25px}.music-list h2{font-size:25px}.music-list p{font-size:10px}.music-list audio{margin-top:15px}.gallery-directory{grid-template-columns:1fr;gap:22px}.gallery-directory img{height:260px}.gallery-directory span{font-size:13px;padding:18px 22px}.wallpaper-feature{grid-template-columns:1fr}.wallpaper-feature>img{height:auto}.wallpaper-feature>div{padding:27px}.wallpaper-feature h2{font-size:27px}.wallpaper-feature small{font-size:8px}.download-package{padding:22px;gap:17px;flex-wrap:wrap;border-radius:13px}.package-icon{height:58px;width:58px;border-radius:12px}.package-icon svg{height:28px;width:28px}.download-package>div:nth-child(2){width:calc(100% - 80px)}.download-package h2{font-size:18px}.download-package p{font-size:10px}.package-meta{font-size:9px}.download-package>button,.download-package>.solid-button{margin-left:75px;font-size:11px;padding:11px 17px}.block-title{font-size:22px;margin:35px 0 22px}.install-steps{grid-template-columns:1fr;gap:15px}.install-steps>div{padding:25px}.install-steps b{font-size:28px}.install-steps h3{margin:12px 0;font-size:17px}.requirements th{width:115px}.requirements th,.requirements td{font-size:10px;padding:15px 13px;line-height:2}.download-help{flex-direction:column;gap:14px;font-size:11px}.support-search{flex-direction:column;align-items:flex-start;padding:22px;gap:15px}.support-search label{font-size:18px}.support-search>div{width:100%;gap:8px}.support-search input{font-size:10px;padding:12px}.support-search button{padding:0 17px;font-size:11px}.faq-filters{gap:9px;margin-bottom:23px}.faq-filters button{padding:6px 15px;font-size:10px}.faq-item>summary{font-size:12px;padding:18px 16px;gap:12px}.faq-item>summary b{font-size:18px}.faq-item>summary i{font-size:18px}.faq-item>div{padding:0 23px 21px 46px;font-size:11px}.contact-panel{padding:35px 24px}.contact-panel h2{font-size:26px}.contact-panel p{font-size:12px;margin:20px auto}.rank-toolbar{align-items:flex-start;flex-direction:column;gap:12px;font-size:10px}.rank-table-head{grid-template-columns:50px 1fr 1fr 1fr;font-size:10px;padding:15px 10px}.empty-state{padding:55px 20px;font-size:12px}.empty-state>strong{font-size:21px}.rank-about{padding:28px}.rank-about h2{font-size:23px}.rank-about p{font-size:12px}.community-hero{height:400px;border-radius:15px}.community-hero>div{inset:30px 27px}.community-hero h2{font-size:31px;margin-top:19px;line-height:1.7}.community-hero p{font-size:11px}.community-hero small{font-size:7px;letter-spacing:2px}.community-hero .solid-button{font-size:11px;margin-top:16px}.community-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-top:35px}.community-heading h2{font-size:23px}.community-heading>span{font-size:9px}.community-grid{grid-template-columns:1fr;gap:22px}.community-grid img{height:240px}.community-grid a>div{padding:23px}.community-grid h3{font-size:18px}.modal-bar{padding:13px 20px}.modal-bar>span{font-size:8px}.modal-content{padding:23px 20px 28px}.modal-content>h2{font-size:21px;line-height:1.7;margin-bottom:19px}.modal-content .download-package{padding:15px;gap:12px;margin-top:15px}.modal-content .package-icon{height:45px;width:45px;border-radius:9px}.modal-content .package-icon svg{height:23px;width:23px}.modal-content .download-package>div:nth-child(2){width:calc(100% - 60px)}.modal-content .download-package h2{font-size:15px}.modal-content .download-package p{font-size:9px;line-height:1.9}.modal-content .package-meta{font-size:8px}.modal-content .download-package>button,.modal-content .download-package>.solid-button{margin-left:57px;font-size:10px;padding:9px 13px}.modal-actions{gap:10px;flex-wrap:wrap}dialog{border-radius:12px}.modal-content>p,.modal-content>ol{font-size:11px}.modal-picture{max-height:60vh}}
@media(max-width:420px){.game-brand>span{display:none}.game-start{font-size:10px;padding:11px 12px}.game-nav{gap:10px}.game-brand img{width:86px}.platform-actions{gap:10px}.platform-actions>button{font-size:9px}.platform-actions .platform-download{font-size:9px;padding:4px 10px}.platform-brand{font-size:14px;letter-spacing:1px}.platform-bar{padding:0 15px}.hero-slide-copy{left:25px;top:46px;max-width:85%}.hero-slide h1{font-size:29px;max-width:260px;line-height:1.5}.hero-slide p{font-size:11px;max-width:260px}.carousel{height:440px}.carousel-navigation{height:65px}.carousel-tabs>button{min-width:105px;flex:1}.carousel-tabs{overflow-x:auto;scrollbar-width:none}.carousel-navigation>button{width:33px}.carousel-tabs>button span{white-space:normal;font-size:9px}.carousel-tabs small{top:4px;line-height:13px;font-size:7px}.carousel-tabs>button{padding:19px 7px 5px}.carousel-tabs>button+button:before{display:none}.carousel-counter{bottom:82px;right:17px}.news-grid .pills button{font-size:9px;padding:2px 10px}.news-grid .section-title{gap:8px}.news-grid .section-title h2{font-size:22px}.news-grid .pills{gap:5px;margin-left:3px}.community-ribbon>img{width:80px}.community-ribbon h2{font-size:15px}.community-ribbon p{font-size:8px}.community-ribbon>a{padding:7px 10px}.media-home .pills{margin-left:3px}.media-home .pills a{font-size:9px;padding:2px 10px}.media-home .section-title{gap:7px}.media-home .section-title h2{font-size:21px}.rail-controls{gap:4px}.rail-controls button{width:22px;height:22px;font-size:18px}.directory-portrait{height:170px}.directory-card>div:last-child{padding:15px 12px}.directory-card h2{font-size:21px}.character-directory{gap:11px}.directory-link{font-size:8px}.profession-card{min-width:210px}.gallery-directory img{height:230px}.article-list-row{gap:10px}.article-number{width:25px;font-size:6px}.article-list-row time{font-size:7px}.article-list-row strong{font-size:11px}.region-selector span{font-size:9px}.region-selector small{font-size:5px}.region-selector img{height:55px}.map-visual{height:320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Body copy remains readable on light panels. */
.article-text,.feature-grid p,.world-story p,.world-map p,.character-detail-copy>p,.faq-item>div,.rank-about p,.contact-panel p,.modal-content>p,.modal-content>ol{color:#69785f}

.npc-directory{display:grid;grid-template-columns:1fr 1fr;gap:25px}.npc-card{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:25px;padding:30px;background:#fff;border-radius:17px}.npc-image{min-height:190px;background:linear-gradient(130deg,#e7eddf,#eef4e8);border-radius:12px;display:grid;place-items:center;padding:20px}.npc-image img{max-height:180px;object-fit:contain}.npc-card small{font:8px Arial;letter-spacing:1px;color:#9db189}.npc-card h2{font-size:23px;font-weight:400;margin:15px 0}.npc-card p{font-size:12px;color:#6f805f;line-height:2.2}.npc-card span{font-size:9px;color:#a8b79b}@media(max-width:1000px){.npc-card{grid-template-columns:105px 1fr;gap:18px;padding:23px}.npc-card h2{font-size:21px}.npc-image{min-height:160px;padding:15px}}@media(max-width:760px){.npc-directory{grid-template-columns:1fr;gap:20px}.npc-card{grid-template-columns:105px 1fr;padding:22px}.npc-card h2{font-size:21px}.npc-card p{font-size:11px}.npc-card span{font-size:8px}}

/* Show only the selected navigation group beneath its trigger. */
.game-header .mega-menu.is-group-menu{top:100%;left:var(--menu-left,12px);right:auto;width:224px;max-width:calc(100vw - 24px);border:1px solid var(--line);border-top:2px solid var(--green)}
.is-group-menu .mega-inner{display:block;width:100%;margin:0;padding:12px 0}
.is-group-menu .mega-inner section{border:0;padding:0}
.mega-inner section[hidden]{display:none}
.is-group-menu .mega-inner h2,.is-group-menu .mega-footer{display:none}
.is-group-menu .mega-inner a{font-size:13px;padding:10px 22px}
.is-group-menu .mega-inner a:hover,.is-group-menu .mega-inner a:focus-visible{background:#65aa8a18;color:var(--green)}
.combat-theme .mega-menu.is-group-menu{border-color:#3b4030;border-top-color:#d4ff00}
.combat-theme .is-group-menu .mega-inner a:hover,.combat-theme .is-group-menu .mega-inner a:focus-visible{background:#d4ff0014;color:#d4ff00}