.main-nav,.header-actions{font-family:Georgia,"Times New Roman",serif;color:#e8dcc2;font-size:15px;font-weight:600}
.header-inner{gap:22px}.brand{flex:0 0 220px}.brand img{width:220px;height:54px;object-fit:contain}
.main-nav{gap:20px}.header-actions .sign-in{font-size:16px}.header-actions .create-account{font-family:Georgia,serif;font-size:16px;padding-inline:20px;min-height:39px}
.locale-picker{position:relative}.locale-control{font-family:Georgia,serif;color:#e8dcc2;font-size:13px;min-width:126px;padding-inline:10px;justify-content:center;cursor:pointer}.locale-control:hover,.locale-control[aria-expanded=true]{background:#292a22;border-color:#bd9c57}.locale-control .chevron{width:7px;height:7px;border-width:2px;margin-left:4px}
#locale-menu[hidden]{display:none}#locale-menu{position:absolute;z-index:40;right:0;top:calc(100% + 9px);min-width:174px;padding:6px;background:#11191dfc;border:1px solid #b28e4e;border-radius:6px;box-shadow:0 12px 30px #0009;font-family:Georgia,serif}#locale-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid transparent;border-radius:3px;color:#e8dcc2;font-size:14px;text-align:left}#locale-menu button:hover,#locale-menu button:focus-visible{background:#3c3423;border-color:#a7894f;outline-offset:0}#locale-menu button[aria-selected=true]{background:#302b20;color:#ffde87}.locale-check{margin-left:auto;visibility:hidden}#locale-menu [aria-selected=true] .locale-check{visibility:visible}
.platform{font-size:13px;font-weight:600;letter-spacing:.1px;color:#e9e0c8}.platform .icon{width:18px;height:18px}.hero-download .icon{width:28px;height:28px}.hero-download .icon img{width:100%;height:100%;object-fit:contain}
.hero-buttons .button-outline{min-width:195px;gap:10px;text-align:center;isolation:isolate;background:linear-gradient(135deg,#f7db87,#a47732,#edc86d);box-shadow:0 3px 14px #0004}
.hero-buttons .button-outline:before{inset:2px;background:linear-gradient(135deg,#f5e2ac17,#17212775 50%,#fff0ba13);backdrop-filter:blur(9px);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.hero-buttons .button-outline:after{content:"";position:absolute;inset:2px;background:#081319a3;clip-path:inherit;z-index:-1}.hero-buttons .button-outline>*{z-index:1}.hero-buttons .button-outline .icon{margin:0}
.hero-buttons .button-outline{background:linear-gradient(135deg,#0c1921a8,#e8d5ab13);backdrop-filter:blur(8px);border:2px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='50' viewBox='0 0 200 50'%3E%3Cpath d='M8 1H192L199 8V42L192 49H8L1 42V8Z' fill='none' stroke='%23dfbc69' stroke-width='2'/%3E%3C/svg%3E") 10 / 10px / 0 stretch}
.hero-buttons .button-outline:before,.hero-buttons .button-outline:after{display:none}
.double-chevron{border-width:3px;width:15px;height:15px;filter:drop-shadow(0 1px 2px #000);animation:explore-float 2.8s ease-in-out infinite}.double-chevron:before{border-width:3px;inset:-7px 5px 5px -7px}
@keyframes explore-float{0%,100%{transform:translateY(-3px) rotate(45deg)}50%{transform:translateY(5px) rotate(45deg)}}
.section-rule{position:relative;gap:20px;margin-top:18px;margin-bottom:28px}.section-rule span{background:linear-gradient(90deg,transparent,#6f5024 18%,#d9ad55 78%,#ffe0a0);height:2px;box-shadow:0 1px #080c0e}.section-rule i{position:relative;width:18px;height:18px;border:3px ridge #ffd27a;background:conic-gradient(from 45deg,#073d5e,#6bd8ff,#145d88,#0a253a,#429bce,#073d5e);box-shadow:0 0 0 3px #201b12,0 0 0 4px #b68e46,0 0 18px #dea83c33}.section-rule i:before,.section-rule i:after{content:"";position:absolute;width:10px;height:10px;background:#ae8038;border:1px solid #f4d07e;transform:rotate(45deg);top:1px}.section-rule i:before{left:-22px}.section-rule i:after{right:-22px}
.class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.class-card{padding:0;overflow:hidden;display:block;border-color:#a48245;background:linear-gradient(#1a2226,#0d1418);min-height:0}.class-card .class-portrait{width:100%;height:225px;object-fit:cover;margin:0;border-bottom:1px solid #a48245}.class-copy{display:block;padding:15px 16px 20px}.class-heading{display:flex;align-items:center;justify-content:center;gap:9px;color:#f1d598;font:600 25px Georgia,serif;line-height:1.2;margin-bottom:9px}.class-card .class-symbol{width:34px;height:34px;margin:0;object-fit:contain}.class-summary{display:block;max-width:280px;margin:auto;font-size:13px;font-weight:500;line-height:1.6;color:#ddd9ce}
.panel{background:linear-gradient(125deg,#1c2325d4,#090f13e8);border-color:#a07c3c}.panel-heading{border-bottom-color:#6e582e;padding-bottom:11px;margin-bottom:14px}.panel-heading h2{font-size:29px;color:#eed19a}.panel-heading>.icon,.panel-heading h2>.icon{color:#efc75a;stroke-width:2.3}.world-row{padding:17px 0;gap:12px;grid-template-columns:34px 1fr auto}.world-row h3{font-size:23px;font-weight:600}.world-row p{font-size:12px;font-weight:500}.world-status{font-size:11px;max-width:91px;border-left:1px solid #615136;padding-left:10px;min-height:35px;justify-content:center}.world-icon{width:30px;height:30px}.world-icon svg{stroke-width:2.2}.account-panel p,.encyclopedia-panel>p{font-weight:500;color:#e1ddd3}.account-panel .button{min-height:42px}.account-panel .button-outline{border-color:#cba252}.quick-panel>a{font-weight:500;color:#e9e1d1}.quick-panel>a>.icon:first-child{width:27px;height:27px}.quick-panel .icon svg{stroke-width:2.2}.discovery-grid .panel{min-height:355px}.discovery-grid .panel-heading h2{font-size:28px}.discovery-grid .panel-heading h2 img{width:30px;height:30px}.event-announcement h3,.ranking-empty p{color:#e6c786}.event-announcement p,.ranking-empty small{font-weight:500;color:#d8d1c2}.segmented button{font-weight:500}.table-head{color:#daca9e}.community-copy p{font-weight:500}
.class-details-page{padding-top:130px;padding-bottom:50px}.class-details-page>h1{font:500 42px Georgia,serif;color:#edcc8d;margin-top:24px}.class-details-page>.lead{font-weight:500;color:#d7cebb;margin-bottom:30px}.class-detail{display:grid;grid-template-columns:minmax(230px,36%) 1fr;gap:28px;padding:0;margin-bottom:24px;scroll-margin-top:110px}.detail-portrait{width:100%;height:100%;min-height:360px;object-fit:cover}.detail-copy{padding:25px 28px 28px 0}.detail-copy h2{display:flex;gap:13px;align-items:center;font-size:32px}.detail-copy h2 img{width:48px;height:48px;object-fit:contain}.detail-copy>p{font-weight:500;color:#e1ddd3}.class-stats h3{font-size:19px;color:#e5c480;margin:18px 0 12px}.class-stats dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 15px}.class-stats dl>div{border:1px solid #5a4e34;padding:10px;border-radius:4px;background:#08111577}.class-stats dt{font-size:12px;color:#cfc6b0}.class-stats dd{margin:4px 0 0;font-weight:600;color:#f1d38d}.class-stats small{color:#aaa89b;font-size:11px}
.community-art{background-image:linear-gradient(90deg,transparent 35%,#101719 100%),url('/assets/community-v3.webp')}
@media(max-width:1250px){.brand{flex-basis:190px}.brand img{width:190px}.header-inner{gap:16px}.main-nav{gap:12px;font-size:14px}.header-actions{gap:12px}.header-actions .create-account{padding-inline:15px}.class-card .class-portrait{height:190px}.class-heading{font-size:23px}.class-summary{font-size:12px}}
@media(max-width:760px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.class-card .class-portrait{height:210px}.class-heading{font-size:23px}.class-details-page{padding-top:110px}.class-detail{grid-template-columns:1fr;gap:0}.detail-portrait{height:300px;min-height:0}.detail-copy{padding:22px}.world-row{grid-template-columns:34px 1fr auto}.platform{font-size:12px}.hero-buttons .button-outline{min-width:220px}}
@media(max-width:480px){.header-actions{gap:9px}.header-actions .sign-in{font-size:14px}.locale-control{min-width:113px;font-size:12px;padding-inline:8px}.brand{flex-basis:145px}.brand img{width:145px;height:44px}.header-inner{gap:7px}.class-grid{gap:12px}.class-card .class-portrait{height:155px}.class-copy{padding:11px 8px 14px}.class-heading{font-size:19px;gap:5px}.class-card .class-symbol{width:26px;height:26px}.class-summary{font-size:12px;line-height:1.5}.panel-heading h2{font-size:26px}.class-stats dl{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.double-chevron{animation:none}}