/* Allods CN: original layout with Allods-inspired brass, blue enamel and parchment. */
:root{--paper:#f1ead8;--white:#fff9e9;--ink:#263b43;--muted:#6d7167;--gold:#956c32;--gold-light:#e2c384;--line:#cabc98;--header:82px}
body{background:var(--paper) url('assets/interface/paper.svg')}
.section-width{width:min(1200px,calc(100% - 112px))}
h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:.07em}
.eyebrow{font-size:10px}
.button{min-height:54px;gap:30px;padding:12px 30px;border:1px solid #ad884c;position:relative;box-shadow:inset 0 0 0 3px #ffffff0d,0 2px 0 #604625,inset 0 0 0 4px #b89b6a4d}
.button::before,.button::after{content:"";position:absolute;width:6px;height:6px;top:calc(50% - 3px);background:#e7d1a1;box-shadow:0 0 0 1px #80612f;transform:rotate(45deg)}
.button::before{left:-4px}.button::after{right:-4px}
.button-dark{background:linear-gradient(180deg,#305c6d,#16394c 60%,#102b3c);color:#fff0cd;text-shadow:0 1px 3px #041c27}
.button-dark:hover{background:linear-gradient(180deg,#3b7387,#1b485f 70%,#16394c)}
.button-ghost{background:linear-gradient(#fff8e5e8,#eadab9ed);color:#4b4739;text-shadow:0 1px #fff9ed;border-color:#ad884c}
.button-ghost:hover{background:#fff6dc}
.header{height:var(--header);gap:25px;padding:0 max(36px,calc((100vw - 1320px)/2));color:#f1dfb7;background:linear-gradient(180deg,#264652,#142f3d 80%);border-bottom:3px solid #a78a51;box-shadow:0 1px 0 #e4ce94,0 5px 0 #243b43,0 6px 0 #9c8451,0 8px 22px #102a3c3d;backdrop-filter:none}
.header::before{content:"";position:absolute;inset:5px 12px;pointer-events:none;border-block:1px solid #b09b6655}
.wordmark{gap:10px;font-family:var(--serif);font-size:23px;letter-spacing:.07em;position:relative}
.wordmark b{font-size:12px;font-family:Georgia,serif;color:var(--gold-light);letter-spacing:.08em}
.wordmark small{font-size:8px;letter-spacing:.16em;margin-top:9px;color:#a9bbc0}
.brand-crest{width:39px;height:49px;object-fit:contain;filter:drop-shadow(0 2px 3px #0005)}
.main-nav{align-items:stretch;align-self:stretch;gap:0}
.main-nav a{display:flex;align-items:center;font-size:12px;letter-spacing:.08em;padding:0 24px;border-left:1px solid #b69c6333}
.main-nav a:last-child{border-right:1px solid #b69c6333}
.main-nav a::after{content:"◆";position:absolute;left:calc(50% - 3px);right:auto;bottom:8px;height:auto;background:none;font-size:7px;color:var(--gold-light);opacity:0;transition:opacity .2s}
.main-nav a:hover{background:linear-gradient(transparent,#e7cc8b16);color:#fff0cf}
.main-nav a:hover::after{right:auto;opacity:1}
.header-action{padding:8px 19px;border:1px solid #d4b573;background:linear-gradient(#79423a,#582b29);box-shadow:inset 0 0 0 2px #ffffff0b;position:relative}
.header-action:hover{background:#85483c;border-color:#d4b573}
.hero{min-height:780px;max-height:1050px}
.hero-image{object-position:center 40%}
.hero-wash{background:radial-gradient(ellipse 32% 38% at 50% 68%,#fff3ceeb,#fff1ce52 80%,transparent),linear-gradient(0deg,#f1ead8,transparent 24%)}
.hero-emblem{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;width:300px;text-align:center}
.hero-emblem img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 7px 12px #263b4344)}
.hero-emblem>span{display:inline-block;font-size:10px;letter-spacing:.3em;color:#26414a;padding:5px 20px;background:linear-gradient(90deg,transparent,#fff1c7cc,transparent);position:relative;top:-15px;text-shadow:0 1px 8px #fff}
.hero-copy{top:47%}
.hero-copy .eyebrow{color:#5e573f;font-size:9px;text-shadow:0 1px 8px #fff9e4}
.ornament,.heading-seal{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--gold);margin:18px 0;font-size:9px}
.ornament i,.heading-seal i{display:block;width:70px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.ornament i:last-child,.heading-seal i:last-child{transform:rotate(180deg)}
.hero h1{font-size:clamp(49px,4.5vw,68px);line-height:1.3;letter-spacing:.13em;color:#253e46;text-shadow:0 1px #fff6d5,0 3px 24px #fff0c2}
.hero-description{color:#4d5748;margin-top:20px;font-size:14px;letter-spacing:.17em}
.hero-actions{gap:22px;margin-top:30px}
.hero-bottom{inset:auto 44px 25px;font-size:9px;color:#5e665b}
.hero-bottom>a span{font-size:20px}
.chapter-bar{display:flex;position:relative;align-items:center;justify-content:center;gap:22px;min-height:110px;padding:23px 35px;border-block:1px solid #b59c69;background:linear-gradient(#fff7e2a6,#e0d3b599);box-shadow:inset 0 3px 0 #fcf4e0,inset 0 -3px 0 #f7efda}
.chapter-bar p{display:flex;align-items:center;gap:25px;font-size:11px}
.chapter-bar strong{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.1em;color:#4b574e}
.chapter-bar p>span{border-left:1px solid var(--line);padding-left:25px}
.chapter-line{height:1px;background:linear-gradient(90deg,transparent,#ae9154);width:min(15vw,200px)}
.chapter-line:last-child{transform:rotate(180deg)}
.project{padding-block:100px 80px}
.project-heading{margin-bottom:55px}
.project-heading h2{margin-top:17px}
.heading-seal{margin:23px 0 0}
.project-columns{grid-template-columns:1.08fr .92fr;gap:8%}
.project-art{padding:9px;border:1px solid #9b7e48;background:linear-gradient(135deg,#d6c19a,#fff2cc 35%,#b69d69 85%);box-shadow:0 10px 28px #6b59321c}
.project-art::before,.project-art::after{content:"◆";position:absolute;left:-5px;color:#6e9d9c;font-size:11px;line-height:1;text-shadow:0 1px #fff0b7,1px 0 #795e32;z-index:1}
.project-art::before{top:-5px}.project-art::after{bottom:-5px;left:auto;right:-5px}
.project-art img{height:auto;aspect-ratio:1.38;border-radius:0;outline:0;border:1px solid #80704c}
.art-caption{font-size:8px;letter-spacing:.18em;padding:13px 0 4px;margin:0;color:#705b34}
.project-copy h3{margin-top:15px}
.project-copy>p:not(.eyebrow){font-size:13px;line-height:2.15;margin-top:19px}
.project-scope{padding-block:19px;margin-block:19px;color:#826534}
.project-scope span+span::before{content:"◆";font-size:5px;vertical-align:2px;color:#a69770}
.project-status{font-size:10px;margin-bottom:15px}
.status-dot{width:6px;height:6px;background:#548d83;box-shadow:0 0 0 3px #548d8314}
.section-divider{gap:22px;font-size:21px}
.section-divider span{background:linear-gradient(90deg,transparent,#bca877)}
.section-divider span:last-child{transform:rotate(180deg)}
.characters{padding-block:75px 100px}
.section-heading{margin-bottom:45px}
.section-heading h2{margin-top:17px}
.section-heading>p:not(.eyebrow){font-size:12px;margin-top:15px}
.explorer{border:1px solid #a68a53;padding:7px;background:linear-gradient(135deg,#c6ae77,#f5e7c5 30%,#a88b4d 70%,#e1c995);box-shadow:0 12px 36px #5c4e2d18;position:relative}
.explorer::before,.explorer::after{content:"◆";position:absolute;top:-8px;left:-6px;color:#3b8ca4;text-shadow:1px 0 #e8d7a2,-1px 0 #7f6431,0 1px #e8d7a2;font-size:13px;z-index:2}
.explorer::after{left:auto;right:-6px}
.explorer-tabs{gap:45px;border:1px solid #8a734d;background:linear-gradient(#315160,#1b3645);color:var(--white);box-shadow:inset 0 2px #ffffff0d}
.explorer-tabs button{padding:16px 34px 14px;font-size:23px;color:#c7c8b9}
.explorer-tabs button span{font-size:8px;letter-spacing:.2em;margin-top:0}
.explorer-tabs [aria-selected=true]{color:#f5db9d;background:linear-gradient(transparent,#ddc88b17)}
.explorer-tabs [aria-selected=true]::after{content:"◆";width:auto;height:auto;background:none;color:#e6c677;bottom:-9px;left:calc(50% - 5px);font-size:11px;z-index:2;text-shadow:0 1px #1c3b49}
.explorer-panel{grid-template-columns:31% 29% 40%;min-height:590px;border:1px solid #87734e;border-top:0;background:url('assets/interface/paper.svg'),radial-gradient(ellipse at 83% 45%,#e9efe4,#f4eddb 65%,#e9dfc9)}
.character-picker{padding:28px 20px 25px;border-right:1px solid #b8a67988}
.picker-label{font-size:10px;margin-bottom:20px;text-align:center}
.character-options{gap:9px}
.character-option{justify-content:center;padding:10px 3px;gap:6px;min-height:94px;border:1px solid #c6b994;position:relative;background:linear-gradient(#faf2df80,#d5c6a140);box-shadow:inset 0 0 0 2px #fff9e344}
.character-option img{width:42px;height:42px;filter:saturate(.75) drop-shadow(0 2px 2px #4e3f4222)}
.character-option span{font-size:10px}
.character-option:hover{background:#fff5dd;border-color:#9c7941}
.character-option[aria-pressed=true]{background:linear-gradient(#365e70,#1d4053);border-color:#b59452;color:#fff0c7;box-shadow:inset 0 0 0 2px #d7b56655,0 3px 5px #5d5c4426}
.character-option[aria-pressed=true] img{filter:drop-shadow(0 1px 4px #53c1ea66);transform:scale(1.06)}
.character-note{font-size:9px;margin-top:19px;color:#868173}
.character-detail{padding:35px 15px 35px 32px}
.character-detail h3{font-size:39px;margin-top:8px}
.character-ru{font-size:11px;margin-top:7px;color:#8d856f}
.detail-rule{font-size:21px;margin:17px 0}
.character-detail>p:not(.eyebrow):not(.character-ru){font-size:12px}
.character-tag{letter-spacing:.05em}
.character-source{margin-top:28px}
.character-art{min-height:570px}
.character-art>img{height:555px;filter:drop-shadow(0 18px 15px #39585722)}
.art-orbit{width:88%;border-color:#ac956354;top:16%;left:6%;box-shadow:0 0 0 8px #b49e6710,0 0 0 9px #ac95632e}
.art-orbit::before{inset:28px;border-color:#ac956336;border-radius:0;transform:rotate(45deg)}
.art-orbit::after{content:"◆";color:#b19a64;left:calc(50% - 5px);top:-15px;font-size:14px;background:none;line-height:1.8}
.world{padding-block:85px;background:linear-gradient(#e5dcc5aa,#e9dfc6aa),url('assets/interface/paper.svg');border-block:1px solid #bfac7c;box-shadow:inset 0 4px #f7f0db,inset 0 -4px #f7f0db}
.world-heading{gap:25px;margin-bottom:38px}
.world-heading>p{flex-shrink:0}
.gallery-spread{grid-template-columns:1.32fr 1fr;gap:25px 28px}
.gallery-picture{padding:6px;background:linear-gradient(130deg,#ad8b51,#ead7ac 35%,#947345 80%);border:1px solid #9f7f48;box-shadow:0 5px 14px #5e4c2d1a}
.gallery-picture img{height:auto;border:1px solid #736348;transition:filter .3s}
.gallery-feature .gallery-picture img{aspect-ratio:.99}
.gallery-picture:hover img{transform:none;filter:brightness(1.09)}
.picture-open{right:16px;bottom:16px;width:31px;height:31px;border-color:#e7d6a3b3;color:#fff0c7;background:#183c50c9}
.gallery-spread figcaption,.gallery-strip figcaption{color:#566158}
.gallery-spread figcaption span:last-child,.gallery-strip figcaption span:last-child{color:#8d7b56}
.gallery-strip{gap:28px;margin-top:33px}
.gallery-note{color:#878471;margin-top:24px}
.voyage{padding-block:110px 120px}
.voyage-sky{background:linear-gradient(180deg,var(--paper),#f1ead8b8 40%,var(--paper)),url('assets/gallery/W017.webp') center/cover;opacity:.8}
.voyage h2{font-size:clamp(38px,4.4vw,59px)}
.voyage-content>p:not(.eyebrow){font-size:12px;margin-top:23px}
.voyage-actions{margin-top:32px}
.footer{padding-block:36px 42px}
.footer .wordmark{color:#384e51}.footer .wordmark b{color:var(--gold)}.footer .wordmark small{color:#868475}
.footer>div>p{font-size:9px;margin-top:17px}
.footer-links>span{color:#8c8777}
dialog{border-color:#ae8c4c;background:var(--paper) url('assets/interface/paper.svg');box-shadow:0 0 0 4px #e5d2a4,0 0 0 5px #8a7348,0 20px 80px #0d273966}
dialog::backdrop{background:#102c3dba;backdrop-filter:blur(4px)}
.dialog-close:hover{background:#c5b18440}
.toast{background:#173e52;color:#f7e9c7;border-color:#c3a15e}
@media(min-width:1800px){.section-width{width:min(1360px,calc(100% - 160px))}.hero h1{font-size:76px}.hero-emblem{width:330px}.hero-emblem img{height:210px}.character-art>img{height:610px}.explorer-panel{min-height:650px}.character-option{min-height:102px}}
@media(max-width:1100px){
 .header{padding-inline:25px;gap:16px}.main-nav a{padding-inline:16px}.wordmark{font-size:21px}.header-action{padding-inline:14px}.section-width{width:calc(100% - 72px)}
 .project-columns{gap:6%}.project-copy h3{font-size:28px}.explorer-panel{grid-template-columns:32% 30% 38%;min-height:550px}.character-picker{padding:25px 14px}.character-options{gap:6px}.character-option{min-height:86px}.character-option img{width:36px;height:36px}.character-detail{padding-left:22px}.character-detail h3{font-size:34px}.character-art{min-height:530px}.character-art>img{height:485px}.world-heading h2{font-size:34px}
}
@media(max-width:900px){
 :root{--header:76px}.header{padding-inline:20px;gap:12px}.main-nav a{font-size:11px;padding-inline:12px}.wordmark{font-size:19px;gap:6px}.wordmark b{font-size:11px}.brand-crest{width:32px;height:42px}.wordmark small{font-size:7px}.header-action{padding-inline:11px}.header-action span{margin-left:9px}.section-width{width:calc(100% - 48px)}
 .hero-emblem{width:260px}.hero-emblem img{height:170px}.chapter-bar{gap:15px}.chapter-bar p{gap:15px}.chapter-bar p>span{padding-left:15px}.chapter-line{width:9vw}.chapter-bar strong{font-size:16px}.project{padding-block:80px 65px}.project-copy h3{font-size:25px}.project-copy>p:not(.eyebrow){font-size:12px}.project-scope{gap:8px 10px;font-size:10px}.project-scope span+span::before{margin-right:10px}
 .explorer-panel{grid-template-columns:34% 31% 35%;min-height:520px}.character-picker{padding:23px 10px}.character-options{gap:5px}.character-option{min-height:80px;padding:8px 2px}.character-option img{width:32px;height:32px}.character-option span{font-size:9px}.character-detail{padding-left:18px;padding-right:8px}.character-detail h3{font-size:30px}.character-detail>p:not(.eyebrow):not(.character-ru){font-size:11px}.character-art{min-height:510px}.character-art>img{height:420px}.character-source{font-size:9px;gap:9px}.gallery-spread{gap:22px}.world-heading h2{font-size:30px}.world-heading>p{font-size:10px}
}
@media(max-width:700px){
 :root{--header:70px}.header{padding-inline:16px;gap:12px}.wordmark{font-size:21px;gap:7px}.wordmark small{font-size:7px;letter-spacing:.12em}.brand-crest{width:31px;height:42px}.header-action{font-size:10px;padding:6px 10px}.header-action span{display:none}
 .menu-toggle{width:27px;padding:3px}.menu-toggle span{width:21px;background:#ecd6a4}.main-nav{background:#1a394a;border-bottom:2px solid #bd9f61;box-shadow:0 10px 20px #102b3c33;padding:20px 24px}.main-nav.is-open{gap:0}.main-nav a{font-size:13px;padding:12px 6px;border:0;border-bottom:1px solid #c9b2792e}.main-nav a:last-child{border-right:0}
 .section-width{width:calc(100% - 40px)}.hero{min-height:710px;max-height:900px}.hero-image{object-position:50% 34%}.hero-wash{background:radial-gradient(ellipse 75% 36% at 50% 67%,#fff3cee8,#fff1ce68 75%,transparent),linear-gradient(0deg,var(--paper),transparent 24%)}
 .hero-emblem{top:14px;width:225px}.hero-emblem img{height:150px}.hero-emblem>span{font-size:8px;letter-spacing:.22em;top:-10px}.hero-copy{top:47%}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:47px;line-height:1.35;letter-spacing:.1em}.hero-description{font-size:11px;letter-spacing:.08em;margin-top:17px}.ornament{margin:14px 0}.ornament i{width:42px}.hero-actions{gap:15px;margin-top:25px}.hero-actions .button{gap:12px;padding:10px 17px;font-size:10px;min-height:47px}.hero-bottom{inset:auto 20px 20px}
 .chapter-bar{padding:21px 20px;min-height:100px;gap:15px}.chapter-bar>img{width:29px;height:36px}.chapter-bar p{display:block;line-height:1.7}.chapter-bar strong{font-size:16px}.chapter-bar p>span{display:block;border:0;padding:0;margin-top:3px;font-size:9px}.chapter-line{display:none}
 .project{padding-block:65px 55px}.project-heading{margin-bottom:35px}.project-heading h2{font-size:28px;line-height:1.65;margin-top:13px}.eyebrow{font-size:9px;letter-spacing:.13em}.project-columns{grid-template-columns:1fr;gap:32px}.project-art{max-width:470px;width:100%;margin:auto;padding:7px}.project-art img{aspect-ratio:1.45;border-radius:0;outline:0}.art-caption{font-size:7px;padding:10px 0 3px;margin:0}.project-copy h3{font-size:29px}.project-copy>p:not(.eyebrow){font-size:13px}.project-scope{gap:8px 13px;font-size:10px;justify-content:flex-start}.project-scope span+span::before{margin-right:13px}.project-status{font-size:10px}.section-divider{font-size:18px}
 .characters{padding-block:55px 65px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:29px}.section-heading>p:not(.eyebrow){font-size:11px;max-width:280px;margin:15px auto 0}.heading-seal{margin-top:19px}.explorer{padding:5px}.explorer-tabs{gap:20px}.explorer-tabs button{padding:13px 25px 11px;font-size:21px}.explorer-tabs button span{font-size:7px}
 .explorer-panel{grid-template-columns:1fr 1fr;min-height:0;align-items:start}.character-picker{grid-column:1/-1;border-right:0;border-bottom:1px solid #b8a67988;padding:18px 10px 15px}.picker-label{margin-bottom:12px;font-size:9px}.character-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.character-option{min-height:66px;gap:4px;padding:6px 1px}.character-option img{width:28px;height:28px}.character-option span{font-size:8px}.character-note{font-size:8px;margin-top:11px}
 .character-detail{padding:25px 0 24px 14px;align-self:center}.character-detail .eyebrow{font-size:8px;letter-spacing:.1em}.character-detail h3{font-size:28px}.character-detail .character-ru{font-size:9px}.detail-rule{margin:12px 0;font-size:19px}.character-detail>p:not(.eyebrow):not(.character-ru){font-size:11px}.character-tag{font-size:8px;margin-top:14px}.character-source{margin-top:17px;gap:8px;font-size:8px}.character-art{min-height:355px;margin-left:2px}.character-art>img{height:355px}.art-orbit{top:26%;width:110%;left:-5%}
 .world{padding-block:60px}.world-heading{display:block;margin-bottom:27px}.world-heading h2{font-size:27px;line-height:1.6}.world-heading>p{margin-top:15px;font-size:10px}.gallery-spread{grid-template-columns:1fr 1fr;gap:23px 14px}.gallery-feature .gallery-picture img{aspect-ratio:1.35}.gallery-picture{padding:4px}.picture-open{width:25px;height:25px;right:10px;bottom:10px}.gallery-strip{gap:11px;margin-top:23px}.gallery-note{margin-top:22px}
 .voyage{padding-block:75px 80px}.voyage h2{font-size:39px;letter-spacing:.08em}.voyage-content>p:not(.eyebrow){font-size:11px}.footer{padding-block:28px}.footer-links{gap:9px 20px;margin-top:23px}
 .lightbox{width:calc(100% - 20px)}
}
@media(max-width:370px){
 .header{padding-inline:12px;gap:9px}.wordmark{font-size:18px;gap:5px}.wordmark b{font-size:10px}.wordmark small{font-size:6px}.brand-crest{width:28px;height:38px}.header-action{font-size:9px;padding-inline:8px}.hero h1{font-size:43px}.hero-copy .eyebrow{font-size:7px}.hero-actions .button{padding-inline:13px;gap:8px;font-size:9px}.hero-description{font-size:10px}.section-width{width:calc(100% - 32px)}.project-heading h2,.section-heading h2,.world-heading h2{font-size:25px}.character-options{grid-template-columns:repeat(4,minmax(0,1fr))}.character-option{min-height:64px}.character-detail h3{font-size:25px}.character-detail{padding-left:10px}.character-detail>p:not(.eyebrow):not(.character-ru){font-size:10px}.character-art{min-height:345px}.character-art>img{height:345px}.voyage h2{font-size:35px}.project-scope{font-size:9px}
}

/* Refined direction: the original Allods portal, with a brighter reading surface. */
:root{--paper:#e8dfc5;--white:#fff5d8;--ink:#3f3526;--muted:#75654d;--gold:#88632b;--line:#b5a174;--header:0px}
html{scroll-padding-top:24px}
body{background:#32291c linear-gradient(#211b1766,#211b1766);background-image:linear-gradient(#211b1766,#211b1766),url('assets/interface/official-backdrop.jpg');background-position:center top;background-size:cover;background-attachment:fixed;color:var(--ink)}
h1,h2,h3{color:#493b25}
.header{position:absolute;top:203px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);height:102px;width:980px;max-width:calc(100% - 32px);padding:0;background:transparent url('assets/interface/official-nav.png') center/100% 100% no-repeat;border:0;box-shadow:none;color:#f3e2b6;display:block}
.header::before{display:none}
.header .wordmark{position:absolute;left:82px;top:2px;width:257px;height:44px;justify-content:center;font-size:24px;gap:0;color:#ffe5aa;background:radial-gradient(ellipse,#13618b66,transparent 75%);text-shadow:0 2px 2px #000,0 0 12px #49bce488}
.header .brand-crest,.header .wordmark small{display:none}
.header .wordmark b{font-size:13px;color:#e2c184;margin-left:12px}
.header-action{position:absolute;right:80px;top:2px;width:257px;height:44px;padding:0;background:radial-gradient(ellipse,#a0261699,transparent 75%);border:0;box-shadow:none;color:#ffe4a6;font-family:var(--serif);font-size:21px;text-shadow:0 2px 2px #000}
.header-action:hover{background:radial-gradient(ellipse,#bf391ad9,transparent 75%)}
.header-action span{margin-left:22px;font-size:17px}
.main-nav{position:absolute;top:48px;left:47px;right:47px;height:39px;margin:0;display:flex;align-items:stretch;justify-content:center;gap:0}
.main-nav a{display:flex;justify-content:center;align-items:center;min-width:150px;padding:0 24px;font-family:var(--serif);font-size:14px;letter-spacing:.12em;border-left:1px solid #ab915146;text-shadow:0 2px 2px #000}
.main-nav a:last-child{border-right:1px solid #ab915146}
.main-nav a::after{display:none}
.main-nav a:hover{background:linear-gradient(transparent,#b79c4c27);color:#fff2c4}
main{padding-top:0}
.hero{height:900px;min-height:850px;max-height:1050px;border-bottom:1px solid #9b8044}
.hero-image{object-position:center 42%}
.hero-wash{background:radial-gradient(ellipse 35% 36% at 50% 71%,#fff1c8ed,#ffecbd61 75%,transparent),linear-gradient(0deg,#4b3a28bd,transparent 16%)}
.hero-emblem{top:3px;width:340px}
.hero-emblem img{height:215px;filter:drop-shadow(0 7px 9px #2d251d66)}
.hero-emblem>span{position:absolute;left:0;right:0;top:177px;padding:3px 20px;font-size:10px;color:#534028;background:linear-gradient(90deg,transparent,#f9eccce3,transparent)}
.hero-copy{top:48.5%}
.hero-copy .eyebrow{color:#765831}
.hero h1{color:#573d20;font-size:62px;font-weight:600;text-shadow:0 1px 0 #fff4d8,0 3px 24px #ffe2a2}
.hero-description{color:#665237}
.hero-bottom{bottom:23px;color:#f8e7c0;text-shadow:0 1px 4px #32291e}
.button{border-color:#b18b40;box-shadow:inset 0 0 0 3px #ffffff0d,0 2px 0 #5b3d19,inset 0 0 0 4px #b99b5c77;font-family:var(--serif);font-size:15px;font-weight:600}
.button-dark{background:linear-gradient(#9c3d28,#6a201b 65%,#491e19);color:#ffe5a3}
.button-dark:hover{background:linear-gradient(#b44f32,#852b1f 65%,#5b231b)}
.button-ghost{background:linear-gradient(#206b83,#174457 65%,#152e3a);color:#fbe7b4;text-shadow:0 1px 2px #122736}
.button-ghost:hover{background:linear-gradient(#2f8299,#21566c 65%,#193f53)}
.site-content{position:relative;width:min(1100px,calc(100% - 72px));margin:-1px auto 0;background:var(--paper) url('assets/interface/paper.svg');border:1px solid #a58843;box-shadow:0 0 0 4px #4b3b21,0 0 0 5px #c3a05a,0 15px 70px #160f0bbb}
.section-width{width:calc(100% - 88px);max-width:1200px}
.chapter-bar{min-height:90px;padding:18px 30px;gap:18px;background:linear-gradient(#645037,#413422);border-block:1px solid #b19659;box-shadow:inset 0 3px #99805544,inset 0 -3px #241d1480}
.chapter-bar strong{color:#efdaaa;font-size:18px}
.chapter-bar p{font-size:11px;color:#c6b289}
.chapter-bar p>span{border-left-color:#92794d}
.chapter-line{width:min(10vw,100px);background:linear-gradient(90deg,transparent,#bfa164)}
.project{padding-block:55px 45px}
.project-heading{margin-bottom:34px}
.project-heading h2{font-size:32px;margin-top:10px;letter-spacing:.1em}
.heading-seal{margin-top:18px}
.project-columns{gap:6%;grid-template-columns:1.05fr .95fr}
.project-copy h3{font-size:28px;line-height:1.55}
.project-copy>p:not(.eyebrow){font-size:13px;line-height:2}
.project-scope{font-size:11px;color:#86622c;border-color:#b5a174}
.project-art{background:linear-gradient(130deg,#9b7f43,#ddc994 35%,#81622c);padding:7px;border-color:#80612d}
.art-caption{color:#594421}
.characters{padding-block:45px 58px}
.section-heading{margin-bottom:28px}
.section-heading h2{font-size:34px;margin-top:10px}
.section-heading>p:not(.eyebrow){font-size:12px;margin-top:12px}
.explorer{background:linear-gradient(130deg,#78602d,#d0b87e 35%,#7b5c2b);border-color:#83602b;box-shadow:0 6px 18px #4c3d281c;padding:6px}
.explorer-tabs{background:linear-gradient(#5c4930,#332c20);border-color:#8c7137}
.explorer-tabs button{font-size:22px;padding-block:13px 11px;color:#bfa97c}
.explorer-tabs [aria-selected=true]{color:#ffe6aa;background:linear-gradient(transparent,#cfa75c19)}
.explorer-panel{background:url('assets/interface/paper.svg'),radial-gradient(ellipse at 80% 48%,#e0e1c8,#ece4cd 60%,#dfd3b1);grid-template-columns:30% 30% 40%;min-height:560px;border-color:#847044}
.character-picker{padding:25px 16px 22px;border-right-color:#b9a679}
.character-options{gap:7px}
.character-option{background:linear-gradient(#e8dec2,#d7c79e77);border-color:#b9a272;min-height:87px;box-shadow:inset 0 0 0 2px #f8edce55}
.character-option img{filter:drop-shadow(0 2px 2px #5f3b2533)}
.character-option:hover{background:#f0e4bf;border-color:#93723c}
.character-option[aria-pressed=true]{background:linear-gradient(#6b5936,#403b28);color:#ffe7a5;border-color:#b9984d;box-shadow:inset 0 0 0 2px #c6a65366}
.character-option span{font-size:10px}
.character-detail{padding:30px 10px 30px 26px}
.character-detail h3{font-size:36px}
.character-detail>p:not(.eyebrow):not(.character-ru){font-size:12px;color:#6e6045}
.character-ru{color:#998766}
.character-art{min-height:540px}
.character-art>img{height:520px}
.world{padding-block:50px;background:linear-gradient(#c3ae7977,#bda77344),url('assets/interface/paper.svg');border-color:#b29b64;box-shadow:inset 0 3px #f5e7bd88,inset 0 -3px #f5e7bd88}
.world-heading{margin-bottom:28px}
.world-heading h2{font-size:31px;margin-top:10px}
.gallery-spread{gap:22px}
.gallery-strip{gap:22px;margin-top:27px}
.gallery-picture{background:linear-gradient(130deg,#79612e,#cfb777 35%,#735527);border-color:#81602d}
.gallery-spread figcaption,.gallery-strip figcaption{color:#695638}
.gallery-spread figcaption span:last-child,.gallery-strip figcaption span:last-child{color:#8d794f}
.voyage{padding-block:65px 75px}
.voyage-sky{background:linear-gradient(180deg,var(--paper),#e8dfc5ba 40%,var(--paper)),url('assets/gallery/W017.webp') center/cover}
.voyage h2{font-size:44px;line-height:1.5}
.footer{width:min(1100px,calc(100% - 72px));max-width:none;margin-top:1px;padding:33px 35px 35px;color:#d7c8a8;background:linear-gradient(#483c2a,#2d281f);border:1px solid #907541;border-top:0;box-shadow:0 0 0 4px #4b3b21,0 0 0 5px #c3a05a}
.footer .wordmark{color:#e0cca0}
.footer .wordmark small,.footer>div>p{color:#b3a17c}
.footer-links>span{color:#a59571}
dialog{background:var(--paper) url('assets/interface/paper.svg');box-shadow:0 0 0 4px #4b3b21,0 0 0 5px #bda165,0 20px 80px #17120dbb}
dialog::backdrop{background:#211a12c2}
.toast{background:#493b28;color:#f4dfae;border-color:#b79853}
@media(min-width:1800px){.hero{height:1000px}.hero-copy{top:49%}.hero h1{font-size:70px}.site-content{width:1200px}.footer{width:1200px}.section-width{width:calc(100% - 100px)}.character-art>img{height:560px}.explorer-panel{min-height:590px}.character-option{min-height:94px}}
@media(max-width:1100px){.header .wordmark{left:8.5%;width:26.2%}.header-action{right:8.2%;width:26.2%}.header{background-size:100% 100%}.main-nav{left:5%;right:5%}.main-nav a{min-width:0;flex:1}.site-content,.footer{width:calc(100% - 52px)}.section-width{width:calc(100% - 64px)}.project-copy h3{font-size:26px}.character-art>img{height:470px}.character-art{min-height:510px}.explorer-panel{min-height:520px}.character-option{min-height:82px}.character-detail{padding-left:22px}.character-detail h3{font-size:32px}}
@media(max-width:900px){.header{top:197px;max-width:calc(100% - 24px)}.header .wordmark{font-size:22px}.main-nav a{font-size:13px;padding-inline:10px}.hero-emblem{width:310px}.hero-emblem img{height:205px}.hero-emblem>span{top:170px}.hero-copy{top:49%}.hero h1{font-size:58px}.site-content,.footer{width:calc(100% - 38px)}.section-width{width:calc(100% - 48px)}.chapter-bar p{gap:15px}.chapter-bar p>span{padding-left:15px}.chapter-line{width:5vw}.project{padding-block:45px 40px}.project-heading h2{font-size:30px}.project-copy h3{font-size:24px}.project-scope{font-size:10px;gap:8px}.project-scope span+span::before{margin-right:8px}.explorer-panel{grid-template-columns:33% 31% 36%}.character-picker{padding-inline:10px}.character-options{gap:5px}.character-option{min-height:78px}.character-option img{width:31px;height:31px}.character-option span{font-size:9px}.character-detail{padding-left:16px}.character-detail h3{font-size:29px}.character-detail>p:not(.eyebrow):not(.character-ru){font-size:11px}.character-art{min-height:510px}.character-art>img{height:400px}.world-heading h2{font-size:28px}.gallery-spread,.gallery-strip{gap:18px}}
@media(max-width:700px){
 :root{--header:68px}html{scroll-padding-top:85px}
 .header{position:fixed;top:0;left:0;right:0;transform:none;width:100%;max-width:none;height:68px;display:flex;padding:0 15px;gap:12px;background:linear-gradient(#655035,#392f21);border-bottom:2px solid #b79858;box-shadow:0 3px 0 #32291b,0 4px 0 #b79858}
 .header .wordmark{position:static;width:auto;height:auto;background:none;justify-content:flex-start;font-size:21px;gap:7px;text-shadow:0 2px 3px #221b14}
 .header .brand-crest{display:block;width:29px;height:39px}.header .wordmark small{display:block;color:#c4b28b;font-size:7px}
 .header .wordmark b{font-size:10px;margin-left:4px}
 .header-action{position:static;width:auto;height:auto;margin-left:auto;border:1px solid #be9b51;background:linear-gradient(#8c3623,#5e241c);font-family:var(--sans);font-size:10px;padding:6px 11px;box-shadow:inset 0 0 0 2px #c28c4a33}
 .header-action:hover{background:#873a28}.menu-toggle span{background:#e1c994}
 .main-nav{position:absolute;top:68px;left:0;right:0;height:auto;display:none;background:#403323;padding:18px 22px;border-bottom:2px solid #b79858}
 .main-nav.is-open{display:flex}.main-nav a{display:block;font-family:var(--sans);font-size:13px;padding:12px 4px;border:0;border-bottom:1px solid #b798583d;flex:none}.main-nav a:last-child{border-right:0}
 main{padding-top:68px}.hero{height:760px;min-height:710px;max-height:880px}.hero-emblem{top:2px;width:240px}.hero-emblem img{height:160px}.hero-emblem>span{font-size:8px;top:140px}.hero-copy{top:47%}.hero h1{font-size:46px}.hero-description{font-size:11px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding-inline:16px;gap:10px}.hero-wash{background:radial-gradient(ellipse 80% 37% at 50% 68%,#fff1c8ed,#ffecbd61 75%,transparent),linear-gradient(0deg,#4b3a2899,transparent 16%)}
 .site-content,.footer{width:calc(100% - 20px)}.section-width{width:calc(100% - 34px)}.chapter-bar{padding:18px 16px;gap:12px;min-height:93px}.chapter-bar strong{font-size:16px}.chapter-bar p{font-size:9px}.chapter-bar p>span{padding:0;border:0}.chapter-line{display:none}
 .project{padding-block:38px 35px}.project-heading{margin-bottom:25px}.project-heading h2{font-size:25px;line-height:1.5}.heading-seal{margin-top:16px}.project-columns{grid-template-columns:1fr;gap:27px}.project-copy h3{font-size:28px}.project-copy>p:not(.eyebrow){font-size:13px}.project-art{padding:6px}.project-art img{aspect-ratio:1.45}.project-scope{font-size:10px;gap:10px 12px}.project-scope span+span::before{margin-right:12px}.project-status{font-size:9px}
 .characters{padding-block:33px 40px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:28px}.section-heading>p:not(.eyebrow){font-size:11px}.explorer{padding:4px}.explorer-tabs{gap:18px}.explorer-tabs button{font-size:21px;padding:12px 25px 10px}
 .explorer-panel{grid-template-columns:1fr 1fr;min-height:0}.character-picker{padding:17px 9px 14px;border-right:0}.character-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.character-option{min-height:66px}.character-option img{width:27px;height:27px}.character-option span{font-size:8px}.character-note{font-size:8px}.character-detail{padding:24px 0 23px 12px}.character-detail h3{font-size:27px}.character-detail>p:not(.eyebrow):not(.character-ru){font-size:11px}.character-art{min-height:355px}.character-art>img{height:355px}
 .world{padding-block:36px}.world-heading{margin-bottom:24px}.world-heading h2{font-size:25px}.world-heading>p{font-size:10px}.gallery-spread{grid-template-columns:1fr 1fr;gap:20px 12px}.gallery-strip{gap:9px;margin-top:22px}.gallery-picture{padding:4px}.voyage{padding-block:48px 55px}.voyage h2{font-size:35px}.voyage-actions .button{font-size:13px}.footer{padding:25px 20px 28px}.footer-links{max-width:none}.footer-links>span{color:#aa9976}
}
@media(max-width:370px){.header{padding-inline:10px;gap:9px}.header .wordmark{font-size:18px;gap:5px}.header .wordmark b{font-size:9px}.header .wordmark small{font-size:6px}.header .brand-crest{width:27px}.header-action{font-size:9px;padding-inline:9px}.hero h1{font-size:42px}.hero-actions .button{padding-inline:12px;font-size:10px;gap:8px}.project-heading h2{font-size:23px}.character-options{grid-template-columns:repeat(4,minmax(0,1fr))}.character-detail{padding-left:9px}.character-detail h3{font-size:24px}.character-detail>p:not(.eyebrow):not(.character-ru){font-size:10px}.world-heading h2{font-size:23px}.section-width{width:calc(100% - 30px)}}


/* Player letter: reflowed HTML text, not a screenshot or an embedded PDF. */
.player-letter{padding:66px 42px 72px;border-top:1px solid #bda66e;background:linear-gradient(#ddd0aa90,#eadfc4eb 32%,#e8dfc5),url('assets/interface/paper.svg');}
.letter-paper{position:relative;max-width:850px;margin:auto;padding:53px 62px 47px;background:#f3e9cf url('assets/interface/paper.svg');border:1px solid #a78a51;box-shadow:0 0 0 5px #ddc89b,0 0 0 6px #ad9056,0 12px 32px #5c45282b;}
.letter-paper::before{content:"";position:absolute;inset:10px;border:1px solid #cbbb916b;pointer-events:none;}
.letter-heading{text-align:center;margin-bottom:33px;}
.letter-heading .eyebrow{font-size:9px;letter-spacing:.22em;color:#927441;}
.letter-heading h2{font-family:"KaiTi","STKaiti","SimSun",serif;font-size:35px;letter-spacing:.06em;line-height:1.55;margin-top:13px;color:#57432b;font-weight:400;}
.letter-heading>p:not(.eyebrow){font-family:var(--serif);font-size:12px;letter-spacing:.05em;color:#988263;margin-top:10px;}
.letter-heading .heading-seal{margin-top:24px;}
.letter-salutation,.letter-body p{font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;color:#584b36;font-size:16px;line-height:2.12;letter-spacing:.025em;}
.letter-salutation{margin-bottom:18px;}
.letter-body p{text-indent:2em;margin:0 0 21px;text-align:justify;overflow-wrap:break-word;}
.letter-body p:last-child{margin-bottom:0;}
.letter-signature{text-align:right;margin-top:34px;}
.letter-signature strong{font-family:"KaiTi","STKaiti","SimSun",serif;font-size:17px;font-weight:400;letter-spacing:.05em;color:#5b4930;}
.letter-signature time{display:block;font-family:var(--serif);font-size:11px;color:#9a8461;margin-top:7px;}
.letter-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px;font-size:11px;color:#8b734b}.letter-actions .text-link{font-size:11px;gap:16px}.letter-actions>a:hover{color:#523d20}
@media(max-width:900px){.player-letter{padding:50px 30px 58px}.letter-paper{padding:42px 40px}.letter-heading h2{font-size:32px}.letter-body p,.letter-salutation{font-size:15px}}
@media(max-width:700px){.player-letter{padding:36px 14px 42px;background:linear-gradient(#e1d4b3b0,#e8dfc5 35%),url('assets/interface/paper.svg')}.letter-paper{padding:35px 23px 30px;box-shadow:0 0 0 3px #ddc89b,0 0 0 4px #ad9056,0 8px 24px #5c452820}.letter-paper::before{inset:7px}.letter-heading{margin-bottom:25px}.letter-heading h2{font-size:27px;letter-spacing:.03em;line-height:1.7}.letter-heading .eyebrow{font-size:8px;letter-spacing:.17em}.letter-heading>p:not(.eyebrow){font-size:10px;max-width:220px;margin:8px auto 0;line-height:1.9}.letter-heading .heading-seal{margin-top:18px}.letter-heading .heading-seal i{width:43px}.letter-body p,.letter-salutation{font-size:15px;line-height:2.05;letter-spacing:0}.letter-body p{margin-bottom:19px}.letter-signature{margin-top:27px}.letter-signature strong{font-size:15px}.letter-signature time{font-size:10px}}
@media(max-width:370px){.player-letter{padding-inline:12px}.letter-paper{padding:29px 19px 26px}.letter-heading h2{font-size:24px}.letter-body p,.letter-salutation{font-size:14px}}
@media print{body{background:white}.header,.hero,.chapter-bar,.project,.section-divider,.characters,.world,.footer,.letter-actions,dialog,.toast{display:none!important}main{padding:0}.site-content{width:100%;border:0;box-shadow:none;background:white}.player-letter{padding:0;border:0;background:none}.letter-paper{max-width:none;box-shadow:none;padding:20px 25px;background:white}.letter-body p{font-size:12pt;line-height:1.9}.letter-heading h2{font-size:24pt}.letter-body p,.letter-signature{break-inside:avoid}}