@charset "UTF-8";
:root{--paper:#f5f2eb;--ink:#342d25;--muted:#827568;--gold:#a58452;--line:#d8cbb7;--red:#873427;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b44a2f;outline-offset:5px}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}svg{display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.content-width{width:calc(100% - 112px);max-width:1178px;margin-left:auto;margin-right:auto}.section-space{padding-top:76px;padding-bottom:20px}.eyebrow{display:block;color:var(--gold);font:10px/1.6 Georgia,serif;letter-spacing:3px}.skip-link{position:fixed;top:-60px;left:20px;z-index:50;padding:10px 20px;background:white}.skip-link:focus{top:10px}.mobile-header{display:none}
.opening{position:relative;width:100%;margin:0;overflow:hidden;background:#22211e}.opening-art{width:100%;height:auto}.explore{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);text-align:center;color:#f1debd;text-shadow:0 2px 7px #000;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;letter-spacing:3px}.scroll-mark{width:8px;height:8px;transform:rotate(45deg);border-bottom:1px solid #ead2a1;border-right:1px solid #ead2a1}.opening:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8a693d,#ead8ad,#8a693d)}
main{background-image:radial-gradient(ellipse at 8% 15%,#dacbad28,transparent 45%),radial-gradient(ellipse at 95% 45%,#cabb9e22,transparent 40%)}.quick-links{display:grid;grid-template-columns:1.12fr 1.38fr 1fr 1fr;position:relative;margin-top:-1px;min-height:106px;border:1px solid var(--line);border-top:0;background:#f2ede2;box-shadow:0 8px 20px #5a46270b}.quick-links>button{padding:21px 24px;display:flex;text-align:left;align-items:center;gap:14px;position:relative;border-right:1px solid var(--line);transition:background .25s}.quick-links>button:last-child{border-right:0}.quick-links strong,.quick-links small{display:block}.quick-links strong{font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:2px}.quick-links small{color:#8d7d67;font-size:10px;margin-top:3px;letter-spacing:1px}.quick-links .download-block{background:linear-gradient(120deg,#943d2c,#63261f);color:#f0d9ad;outline:1px solid #b68051;outline-offset:-7px;border:0}.download-block>.icon{width:32px;height:32px}.quick-links .download-block:hover{background:linear-gradient(120deg,#a54832,#762e25)}.quick-links .download-block small{color:#d0a982}.corner-arrow{position:absolute;right:18px;top:10px;opacity:.5}.launch-date{font:30px/1.1 Georgia,serif;color:#927043;white-space:nowrap}.launch-date span{font-size:20px}.launch-block .icon{margin-left:auto;width:20px;color:var(--gold)}.quick-links .launch-block strong{font-size:16px;letter-spacing:1px}.quick-links .quick-item strong{font-size:17px;letter-spacing:1px}.quick-item .icon{color:var(--gold);width:25px;height:25px}.quick-links>button:not(.download-block):hover{background:#e9e0d0}
.intro-section{display:grid;grid-template-columns:.9fr 1.2fr;gap:85px;padding-top:69px;padding-bottom:32px}.intro-copy h1{font:40px/1.45 var(--serif);letter-spacing:4px;margin:14px 0 14px}.intro-copy h1 span{color:var(--red)}.intro-copy p{color:#796b5a;font-size:13px;line-height:2}.intro-copy .intro-note{font-size:12px;max-width:335px;margin-top:15px;color:#918270}.text-link{padding:0;display:inline-flex;gap:28px;align-items:center;color:#915034;margin-top:22px;font-size:12px;letter-spacing:1px}.text-link .icon{width:25px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.news-panel{align-self:center;min-width:0}.news-tabs{display:flex;border-bottom:1px solid #c8bba4;gap:24px;align-items:center;position:relative}.news-tabs button{padding:13px 0;font-family:var(--serif);font-size:17px;white-space:nowrap;position:relative}.news-tabs button.active{color:var(--red)}.news-tabs button.active:after{content:"";height:2px;background:var(--red);bottom:-1px;left:0;right:0;position:absolute}.tiny-mark{font:9px Georgia,serif;color:#a99a83;margin-left:auto;letter-spacing:1px;white-space:nowrap}.news-list{min-height:290px}.news-row{width:100%;display:flex;align-items:center;text-align:left;gap:17px;padding:19px 1px;border-bottom:1px solid #ddd2c0;font-size:12px;line-height:1.5}.news-row:first-child{padding-top:24px;padding-bottom:23px}.news-row:hover .news-title{color:var(--red)}.news-category{color:#9e8864;font-size:10px;flex-shrink:0}.news-row:first-child .news-title{color:#8c3d29;font-size:16px;font-family:var(--serif)}.news-title{flex:1}.news-row .icon{width:15px;height:15px;color:#a4927a}.news-meta{color:#a18e72;font:10px Georgia,serif;white-space:nowrap}
.section-heading{text-align:center;margin-bottom:35px}.section-heading h2{font:34px/1.4 var(--serif);letter-spacing:6px;margin:7px 0 12px;display:flex;justify-content:center;align-items:center;gap:25px}.section-heading h2:before,.section-heading h2:after{content:"";width:74px;height:1px;background:linear-gradient(90deg,transparent,#ad9268)}.section-heading h2:after{transform:rotate(180deg)}.section-heading p{color:#8c7e6c;font-size:12px;letter-spacing:2px}.class-showcase{height:500px;position:relative;overflow:hidden;border-top:1px solid #c8b48e;border-bottom:1px solid #c8b48e;background:#eae3d7}.class-showcase:after{content:"";position:absolute;inset:7px;border:1px solid #b39e7d52;pointer-events:none;z-index:3}.class-art{position:absolute;inset:12px 24px 10px 47%;background-size:contain;background-position:center bottom;background-repeat:no-repeat;background-color:transparent;transition:opacity .25s;pointer-events:none}.class-grain{position:absolute;inset:0;background:none;pointer-events:none}.class-tabs{position:absolute;left:30px;top:45px;bottom:40px;z-index:2;width:100px;display:flex;flex-direction:column;justify-content:center;gap:26px;border-right:1px solid #bdaa884c}.class-tabs button{padding:10px 23px 10px 0;display:flex;flex-direction:column;align-items:center;position:relative;color:#8c7b61;opacity:.65}.class-tabs button>svg{width:35px;height:35px;filter:grayscale(.5);margin-bottom:5px}.class-tabs button span{font:20px/1.2 var(--serif)}.class-tabs small{display:block;font:7px/2.5 Georgia,serif;letter-spacing:2px}.class-tabs button.active{opacity:1;color:var(--red)}.class-tabs button.active:after{content:"";position:absolute;right:-3px;top:50%;height:6px;width:6px;background:var(--red);transform:rotate(45deg)}.class-copy{position:relative;z-index:1;padding-top:90px;left:165px;width:390px}.class-numeral{font:11px Georgia,serif;color:#967a53;letter-spacing:2px}.class-copy h3{font:43px/1.4 var(--serif);letter-spacing:4px;margin:12px 0 20px}.class-tags{display:flex;gap:8px;margin-bottom:22px}.class-tags span{font-size:10px;letter-spacing:1px;color:#8f6c42;padding:1px 8px;border:1px solid #bba47b7d;background:#eee5d7b3}.class-copy>p{font-size:12px;line-height:2.1;color:#76644f;max-width:335px}.class-skills{display:flex;flex-direction:column;gap:5px;margin-top:20px}.class-skills small{font-size:9px;color:#9d896c;letter-spacing:2px}.class-skills strong{font-size:11px;font-weight:400;letter-spacing:1px;color:#786041}.outline-button{display:inline-flex;align-items:center;gap:24px;margin-top:23px;padding:8px 20px;border:1px solid #ad9068;font-size:11px;letter-spacing:2px;transition:background .2s}.outline-button:hover{background:#c1a17422}.outline-button .icon{width:19px;height:19px}.art-caption{position:absolute;right:24px;bottom:16px;z-index:4;font-size:9px;letter-spacing:2px;color:#927e5c;opacity:.9}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{position:relative;text-align:center;border:1px solid #cfc0a8;background:radial-gradient(circle at 50% 30%,#e5dbc844,transparent 60%),#ece7dc;padding:23px 20px 0;transition:transform .25s,box-shadow .25s}.feature-card:after{content:"";position:absolute;inset:5px;border:1px solid #cbb79250;pointer-events:none}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 23px #44321116}.feature-number{display:block;text-align:left;font:8px/1.7 Georgia,serif;letter-spacing:1.3px;color:#a08c6c}.item-orbit{width:132px;height:132px;margin:22px auto 16px;display:grid;place-items:center;background:radial-gradient(circle,#d5cbb38c,transparent 66%);position:relative}.item-orbit:before,.item-orbit:after{display:none}.item-orbit>.feature-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px #33231445);z-index:1;transition:transform .25s}.feature-card:hover .item-orbit>.feature-icon{transform:scale(1.045)}.feature-card h3{font:24px/1.5 var(--serif);letter-spacing:3px;margin-bottom:10px}.feature-card p{font-size:11px;line-height:2;color:#897861}.feature-bottom{display:flex;align-items:center;justify-content:space-between;text-align:left;letter-spacing:.5px;font-size:9px;color:#9a805b;border-top:1px solid #cbb79566;margin-top:27px;padding:15px 0}.feature-bottom>span{font-size:16px}.gems .item-orbit{background:radial-gradient(circle,#bbaad050,transparent 67%)}.skills .item-orbit{background:radial-gradient(circle,#cf8a602e,transparent 67%)}
.activities-section{margin-top:55px;background:#e9e3d7;padding-top:62px;padding-bottom:36px;border-top:1px solid #dfd3c0;border-bottom:1px solid #dfd3c0}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.activity-card{position:relative;height:224px;text-align:left;overflow:hidden;background:#25241f;color:#f5e8cf}.activity-card:after{content:"";position:absolute;inset:6px;border:1px solid #d2b78148;pointer-events:none}.activity-bg{position:absolute;inset:0;background-size:cover;background-position:58% 44%;background-repeat:no-repeat;transition:transform .7s,filter .5s}.activity-card:hover .activity-bg{transform:scale(1.035);filter:brightness(1.08)}.activity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171512eb 0%,#171512aa 24%,#17151218 62%),linear-gradient(90deg,#17151235,transparent 65%);z-index:1;pointer-events:none}.activity-type{position:absolute;top:20px;left:21px;z-index:2;border:1px solid #d6bf9273;background:#17171252;padding:0 8px;font-size:9px;letter-spacing:2px}.activity-copy{position:absolute;left:26px;bottom:24px;z-index:2}.activity-copy small{font:8px/1.5 Georgia,serif;letter-spacing:1.8px;color:#d0b585}.activity-copy h3{font:26px/1.5 var(--serif);letter-spacing:3px;margin:4px 0}.activity-copy p{font-size:10px;letter-spacing:1px;color:#bcae98}.activity-arrow{position:absolute;right:24px;bottom:25px;z-index:2;color:#cfb98b;font-size:20px}.section-footnote{text-align:right;font-size:12px;letter-spacing:1px;color:#9a8b72;margin-top:16px}
.inline-heading{display:flex;align-items:flex-end;justify-content:space-between;text-align:left}.inline-heading h2{justify-content:flex-start;margin-bottom:0}.inline-heading h2:before,.inline-heading h2:after{display:none}.inline-heading p{font-size:11px;letter-spacing:1px;padding-bottom:5px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.moment-card{padding:0;text-align:left}.moment-visual{height:207px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #b9a47b;background-size:cover;background-position:center}.moment-visual:before{content:"";position:absolute;inset:0;background:#16171338;transition:background .2s}.moment-card:hover .moment-visual:before{background:#16171312}.beast-watermark{width:76px;height:76px;position:absolute;right:14px;bottom:14px;opacity:.45}.play-ring{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e6d8bf;border-radius:50%;background:#211c1859;position:relative;z-index:2;transition:transform .25s}.play-ring .icon{width:19px;height:19px;color:#f9e8c9;margin-left:2px}.moment-card:hover .play-ring{transform:scale(1.1)}.video-status{position:absolute;right:9px;bottom:8px;background:#191714b5;color:#dbcbb1;font-size:9px;letter-spacing:1px;padding:1px 6px}.moment-label{display:flex;justify-content:space-between;align-items:center;padding-top:13px}.moment-label h3{font:15px/1.5 var(--serif);letter-spacing:.5px}.moment-label>span{font-size:9px;color:#9d8a6d}
.community-band{margin-top:65px;padding:45px 0;background:linear-gradient(90deg,#26271ff5,#343028d9),url('assets/optimized/battle-1672.3f4147111a80.webp') center 42%/cover;border-top:3px double #a78b58;border-bottom:3px double #a78b58;color:#e5d2ac}.community-band>.content-width{display:flex;justify-content:space-between;align-items:center}.community-band .eyebrow{color:#a99572;font-size:9px}.community-band h2{font:31px/1.5 var(--serif);letter-spacing:3px;margin-top:8px}.community-band p{font-size:11px;color:#a7977c;letter-spacing:1px;margin-top:9px}.gold-button{display:flex;align-items:center;gap:40px;border:1px solid #b59663;color:#d2b689;padding:14px 27px;font:16px var(--serif);outline:1px solid #b5966344;outline-offset:5px;transition:background .2s}.gold-button:hover{background:#a8874c1f}.media-section{padding-top:59px;padding-bottom:60px}.media-section .section-heading h2{font-size:27px}.social-grid{display:grid;grid-template-columns:repeat(5,1fr);margin:40px auto 0;max-width:970px}.social-grid>button{display:flex;align-items:center;flex-direction:column;gap:4px;padding:0 15px;border-right:1px solid #d5c9b4}.social-grid>button:last-child{border-right:0}.social-icon{height:52px;display:flex;align-items:flex-start;justify-content:center;transition:transform .2s}.social-icon svg{width:32px;height:32px;fill:none;stroke:#8e7853;stroke-width:1.7}.social-grid>button:hover .social-icon{transform:translateY(-3px)}.social-grid strong{font:16px var(--serif);letter-spacing:1px;font-weight:400}.social-grid small{font-size:9px;letter-spacing:1px;color:#a08f75;margin-top:6px}
.site-footer{background:#20211d;color:#aa9678;padding:37px 0 23px;border-top:3px double #736143}.footer-top{display:flex;align-items:center;border-bottom:1px solid #806d4945;padding-bottom:25px}.footer-brand{display:flex;gap:14px;align-items:center;font:27px var(--serif);letter-spacing:3px;color:#c2a77c}.seal{display:inline-flex;align-items:center;justify-content:center;font:40px Georgia,serif;border:1px solid #b49868;border-radius:50%;width:53px;height:53px;outline:1px solid #b498683e;outline-offset:4px;letter-spacing:0}.footer-brand small{display:block;font:7px/2.8 Georgia,serif;letter-spacing:4px;color:#9f8660}.footer-top nav{display:flex;gap:27px;margin-left:auto;font-size:11px}.footer-top nav button{padding:0}.footer-top nav a:hover,.footer-top nav button:hover{color:#ebd0a1}.back-top{margin-left:55px;font-size:10px;color:#9d8868;white-space:nowrap}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.footer-bottom p{font-size:9px;color:#7f7767;letter-spacing:1px;line-height:2}.footer-bottom>small{font-size:8px;color:#756c5d;letter-spacing:1px}
dialog{border:1px solid #ad8d5c;background:var(--paper);padding:0;color:var(--ink);max-width:640px;width:calc(100% - 38px);max-height:85vh;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#171a18bb;backdrop-filter:blur(5px)}.dialog-inner{padding:42px 48px}.dialog-close{position:absolute;right:14px;top:8px;font-size:28px;font-family:Arial,sans-serif;color:#a18a65;line-height:1;padding:8px}.dialog-inner h2{font:28px/1.5 var(--serif);letter-spacing:2px;margin:9px 0 23px}.dialog-inner p{color:#796b58;font-size:13px;line-height:2.1;margin-bottom:13px}.dialog-inner h3{font:17px/1.6 var(--serif);color:#8b5e3c;margin:20px 0 8px}.dialog-inner ul,.dialog-inner ol{font-size:13px;color:#796b58;line-height:2;padding-left:23px}.dialog-inner strong{font-weight:500;color:#824630}.dialog-banner{padding:18px 22px;border:1px solid #cab898;background:#ebe2d0;color:#896a3e;font:22px/1.5 var(--serif);letter-spacing:2px;margin-bottom:22px}.dialog-notice{font-size:11px!important;padding-top:12px;border-top:1px solid #dacdb7;color:#a08b6b!important}.dialog-cover{width:100%;height:180px;object-fit:cover;margin-bottom:20px}.dialog-inner .dialog-confirm{margin-top:12px}.dialog-media-symbol{font:44px var(--serif);color:#a48c61;margin-bottom:20px}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.content-width{max-width:1290px}.class-showcase{height:540px}.class-copy{padding-top:110px}.activity-card{height:255px}.moment-visual{height:225px}}
@media(max-width:1100px){.content-width{width:calc(100% - 60px)}.quick-links>button{padding:18px 17px;gap:10px}.quick-links strong{font-size:18px}.launch-date{font-size:24px}.quick-links .quick-item strong{font-size:15px}.quick-links small{font-size:9px;letter-spacing:0}.quick-links .launch-block{flex-wrap:wrap;gap:8px}.launch-block .icon{display:none}.intro-section{gap:45px}.tiny-mark{display:none}.class-copy{left:140px;width:300px}.class-art{left:58%}.class-copy h3{font-size:38px}.class-tabs{left:20px;width:95px}.feature-card{padding:17px 14px 0}.feature-bottom{font-size:8px}.activity-copy{left:20px}.activity-copy h3{font-size:24px}.moment-visual{height:180px}.moment-label{align-items:flex-start;gap:4px;flex-direction:column}.footer-top nav{gap:20px}.back-top{margin-left:25px}}
@media(max-width:800px){.content-width{width:calc(100% - 40px)}.eyebrow{font-size:9px;letter-spacing:2px}.section-space{padding-top:55px}.explore{bottom:24px;font-size:8px}.quick-links{grid-template-columns:repeat(2,1fr)}.quick-links>button{min-height:88px}.quick-links>button:nth-child(2){border-right:0}.quick-links>button:nth-child(n+3){border-top:1px solid var(--line)}.quick-links .launch-block{flex-wrap:nowrap}.launch-date{font-size:28px}.quick-links .quick-item{justify-content:center;min-height:73px}.intro-section{grid-template-columns:1fr 1.25fr;gap:30px}.intro-copy h1{font-size:32px}.intro-copy p{font-size:11px}.intro-copy .intro-note{font-size:10px}.news-tabs{gap:19px}.news-tabs button{font-size:14px}.news-row{font-size:10px;gap:10px;padding:15px 0}.news-row:first-child .news-title{font-size:14px}.news-list{min-height:245px}.section-heading h2{font-size:29px}.class-showcase{height:480px}.class-tabs{left:20px;top:22px;right:20px;bottom:auto;flex-direction:row;width:auto;border-right:0;border-bottom:1px solid #bdaa8877;justify-content:flex-start;gap:20px}.class-tabs button{padding:0 14px 14px 0;flex-direction:row;gap:8px}.class-tabs button>svg{width:28px;height:28px;margin:0}.class-tabs button span{font-size:17px}.class-tabs small{font-size:6px}.class-tabs button.active:after{right:40%;top:auto;bottom:-3px}.class-copy{left:33px;padding-top:150px;width:315px}.class-copy h3{font-size:36px}.class-copy p{font-size:11px;max-width:255px}.class-art{inset:92px 10px 12px 45%}.class-grain{position:absolute;inset:0;background:none;pointer-events:none}.class-skills strong{font-size:10px}.features-grid{grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{padding:20px 25px 0}.feature-number{font-size:9px}.item-orbit{margin-top:20px;margin-bottom:12px}.feature-bottom{font-size:10px}.activities-grid{grid-template-columns:repeat(2,1fr)}.activity-card{height:230px}.activity-copy h3{font-size:25px}.moments-grid{gap:14px}.moment-visual{height:142px}.moment-label h3{font-size:13px}.inline-heading p{font-size:9px;max-width:200px}.community-band h2{font-size:26px}.community-band p{font-size:10px;max-width:370px}.gold-button{font-size:14px;gap:20px;padding:12px 20px}.social-grid strong{font-size:14px}.social-grid small{font-size:8px;letter-spacing:0}.footer-brand{font-size:23px}.footer-brand small{font-size:6px}.footer-brand .seal{width:42px;height:42px;font-size:32px}.footer-top nav{gap:15px;font-size:10px}.back-top{display:none}.footer-bottom{gap:15px}.footer-bottom p{font-size:8px;letter-spacing:0}.footer-bottom>small{font-size:7px;text-align:right}}
@media(max-width:560px){html{scroll-padding-top:72px}.content-width{width:calc(100% - 32px)}.mobile-header{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#20211e;border-bottom:1px solid #8f7548;color:#d0b17c}.wordmark{display:flex;align-items:center;gap:10px;font:22px var(--serif);letter-spacing:2px}.wordmark .seal{width:30px;height:30px;font-size:22px;outline-offset:2px}.menu-toggle{width:35px;height:40px;padding:8px 4px;display:flex;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{height:1px;width:24px;background:#c6ac7e}.mobile-header nav{position:absolute;top:60px;left:0;right:0;padding:15px 24px;background:#262620;border-bottom:1px solid #89704a;box-shadow:0 10px 20px #0003}.mobile-header nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.mobile-header nav a,.mobile-header nav button{padding:10px 0;text-align:left;font-size:13px}.opening{margin-top:0}.opening-art{width:100%;margin-top:-8.75%;max-width:none}.image-nav{display:none}.explore{display:none}.quick-links{width:100%;border-left:0;border-right:0}.quick-links>button{padding:16px 20px;min-height:84px}.quick-links .download-block strong{font-size:19px;letter-spacing:1px}.quick-links .download-block>.icon{width:25px}.launch-date{font-size:24px}.quick-links .launch-block{gap:12px}.quick-links .launch-block strong{font-size:14px}.quick-links .launch-block small{font-size:8px}.quick-links .quick-item{min-height:64px;padding:13px}.quick-links .quick-item strong{font-size:14px}.quick-links .quick-item .icon{width:22px}.intro-section{display:block;padding-top:43px;padding-bottom:0}.intro-copy .eyebrow{font-size:8px}.intro-copy h1{font-size:31px;line-height:1.4;margin-top:10px}.intro-copy h1 br{display:none}.intro-copy h1 span{margin-left:5px}.intro-copy p{font-size:12px}.intro-copy p br{display:none}.intro-copy .intro-note{font-size:11px;max-width:none;margin-top:10px}.text-link{font-size:11px;margin-top:14px}.news-panel{margin-top:28px}.news-tabs{gap:27px}.news-tabs button{font-size:16px}.news-row{font-size:12px;padding:16px 0}.news-row:first-child .news-title{font-size:16px}.news-row:first-child{padding:21px 0}.news-list{min-height:267px}.section-space{padding-top:47px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:28px;letter-spacing:4px;gap:18px}.section-heading h2:before,.section-heading h2:after{width:43px}.section-heading p{font-size:10px;letter-spacing:1px}.class-showcase{width:100%;height:820px}.class-showcase:after{inset:6px}.class-tabs{left:24px;right:24px;gap:25px;top:22px}.class-tabs button{gap:6px;padding:0 12px 12px 0}.class-tabs button>svg{width:25px}.class-tabs button span{font-size:17px}.class-tabs small{font-size:6px;letter-spacing:1px}.class-copy{left:27px;padding-top:400px;width:calc(100% - 50px)}.class-copy h3{font-size:33px;margin:7px 0 15px}.class-copy>p{font-size:11px;max-width:none}.class-tags{gap:5px;margin-bottom:13px}.class-tags span{font-size:9px;padding:0 5px}.class-numeral{font-size:9px;letter-spacing:1px}.class-skills{margin-top:14px}.class-skills strong{font-size:10px}.class-copy .outline-button{margin-top:18px;background:#eee5d7b3}.class-art{inset:82px 18px auto;height:300px;background-size:contain;background-position:center bottom}.class-grain{position:absolute;inset:0;background:none;pointer-events:none}.art-caption{font-size:8px;bottom:14px;right:17px;color:#725e3f}.features-grid{gap:12px}.feature-card{padding:15px 13px 0}.feature-number{font-size:6px;letter-spacing:.9px}.item-orbit{width:105px;height:105px;margin:16px auto 12px}.item-orbit>.feature-icon{width:100%;height:100%}.feature-card h3{font-size:21px;letter-spacing:2px}.feature-card p{font-size:10px;line-height:1.9}.feature-bottom{font-size:8px;letter-spacing:0;margin-top:20px;padding:11px 0}.features-section{padding-bottom:0}.activities-section{margin-top:43px;padding-top:43px;padding-bottom:25px}.activities-grid{gap:11px}.activity-card{height:205px}.activity-type{font-size:8px;letter-spacing:1px;top:14px;left:14px;padding:0 5px}.activity-copy{left:14px;bottom:16px;right:12px}.activity-copy small{font-size:6px;letter-spacing:.6px}.activity-copy h3{font-size:22px;letter-spacing:1px}.activity-copy p{font-size:8px;letter-spacing:0;max-width:132px}.activity-arrow{right:14px;bottom:17px;font-size:14px;display:none}.activity-card:after{inset:4px}.section-footnote{font-size:11px;letter-spacing:0;text-align:center}.inline-heading{display:block}.inline-heading p{max-width:none;margin-top:10px}.moments-grid{display:grid;grid-template-columns:1fr;gap:23px}.moment-visual{height:auto;aspect-ratio:16/8.5}.moment-label{flex-direction:row;align-items:center;padding-top:10px}.moment-label h3{font-size:15px}.moment-label>span{font-size:9px}.community-band{margin-top:37px;padding:32px 0}.community-band>.content-width{display:block}.community-band h2{font-size:25px}.community-band p{font-size:10px}.community-band .eyebrow{font-size:7px;letter-spacing:1.5px}.gold-button{margin-top:24px;font-size:14px;padding:11px 19px;gap:32px}.media-section{padding-top:43px;padding-bottom:38px}.social-grid{grid-template-columns:repeat(3,1fr);row-gap:30px;margin-top:30px}.social-grid>button{padding:0 6px}.social-grid>button:nth-child(3){border-right:0}.social-grid strong{font-size:14px}.social-grid small{font-size:8px}.social-icon{height:43px}.social-icon svg{width:28px;height:28px}.footer-top{flex-direction:column;gap:26px;padding-bottom:20px}.footer-top nav{margin:0;gap:25px;font-size:10px}.footer-bottom{display:block;text-align:center;padding-top:17px}.footer-bottom p{font-size:7px;line-height:2.4}.footer-bottom>small{font-size:7px;display:block;margin-top:10px;text-align:center}.dialog-inner{padding:33px 25px}.dialog-inner h2{font-size:25px}.dialog-inner p,.dialog-inner ol,.dialog-inner ul{font-size:12px}.dialog-banner{font-size:20px;padding:15px}.dialog-inner .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* The community banner's subdued city backdrop, antique gold and outlined action. */
.image-nav{position:relative;z-index:2;background:linear-gradient(90deg,#26271ff5,#343028d9),url('assets/optimized/battle-1672.3f4147111a80.webp') center 42%/cover;color:#e5d2ac;border-top:3px double #a78b58;border-bottom:3px double #a78b58}
.header-inner{position:relative;z-index:1;width:calc(100% - 112px);max-width:1290px;height:122px;margin:auto;display:flex;align-items:center;gap:38px}
.image-nav .brand-hit{flex:none;padding:5px 0}
.header-brand{white-space:nowrap;line-height:1.25;color:#e5c997;text-shadow:0 1px 1px #0005}
.header-brand .seal{flex-shrink:0;border-color:#b59663;outline-color:#b5966344}
.header-brand small{margin-top:3px;color:#a99572;text-shadow:none}
.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto;height:100%}
.nav-link{display:flex;align-items:center;position:relative;height:100%;padding:0 12px;color:#c1aa83;font:500 18px/1.5 var(--serif);letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 1px #0005;transition:color .2s}
.nav-link:after{content:"";position:absolute;left:50%;bottom:29px;width:30px;height:1px;background:#c3a16a;transform:translateX(-50%) scaleX(0);transition:transform .2s}
.nav-link:hover,.nav-link[aria-current]{color:#efd5a5}
.nav-link[aria-current]:after{transform:translateX(-50%) scaleX(1)}
.header-download{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:0 23px;flex:none;border:1px solid #b59663;outline:1px solid #b5966344;outline-offset:5px;background:transparent;color:#d2b689;font:500 16px/1.5 var(--serif);letter-spacing:1.5px;white-space:nowrap;transition:background .2s,border-color .2s}
.header-download .icon{width:17px;height:17px;stroke-width:1.5}
.header-download:hover{background:#a8874c1f;border-color:#d5b983}
.image-nav a:focus-visible,.image-nav button:focus-visible{outline-color:#e5cea5;outline-offset:5px}
.hero-visual{position:relative;overflow:hidden}
.hero-visual .opening-art{width:100%;height:auto;max-width:none;margin-top:-9.45%}
@media(min-width:801px) and (max-width:1100px){
  .header-inner{width:calc(100% - 64px);height:94px;gap:24px}
  .nav-links{gap:16px}
  .nav-link{font-size:15px;letter-spacing:0;padding:0 3px}
  .nav-link:after{bottom:20px}
  .header-download{font-size:14px;padding:0 14px;gap:7px}
}
@media(max-width:800px){
  .image-nav{display:none}
  .mobile-header{height:80px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#26271ff5,#343028d9),url('assets/optimized/battle-1672.3f4147111a80.webp') center 42%/cover;border-top:3px double #a78b58;border-bottom:3px double #a78b58;color:#e5d2ac}
  .mobile-header .wordmark{display:block;font:inherit;letter-spacing:normal}
  .mobile-header .header-brand{gap:14px;font-size:23px;letter-spacing:3px}
  .mobile-header .seal{width:42px;height:42px;font:32px Georgia,serif;outline-offset:4px}
  .mobile-header .menu-toggle{width:40px;height:44px;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:7px}
  .mobile-header .menu-toggle span{height:1px;width:24px;background:#d2b689}
  .mobile-header nav{position:absolute;top:77px;left:0;right:0;padding:16px 25px;background:#29291ff5;border-bottom:1px solid #a78b58;box-shadow:0 10px 20px #0003}
  .mobile-header nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}
  .mobile-header nav a,.mobile-header nav button{padding:10px 0;text-align:left;font:15px/1.8 var(--serif);color:#d2b689}
  html{scroll-padding-top:88px}
}

.icp-footer{padding:0 20px 24px;text-align:center;background:#1c1b18;color:#aa9676;font-size:12px}.icp-footer a:hover{color:#e5d2ac}

/* Native lazy images retain the original card crops and transparent character art. */
.class-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.activity-bg{width:100%;height:100%;object-fit:cover;object-position:58% 44%}
.moment-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.moment-visual:before{z-index:1;pointer-events:none}
.moment-adventure .moment-art{inset:auto 0 0 auto;width:auto;height:125%;max-width:none}
.moment-beast .moment-art{inset:0 auto auto 0;width:185%;height:auto;max-width:none}
.moment-visual .beast-watermark,.moment-visual .video-status{z-index:2}