/* Selected living chronicle, scoped to the public desktop landing. */
#chronicles-landing{display:none}
#chronicles-landing [hidden]{display:none!important}
#living-landing.has-chronicle{max-width:none!important;background:#c3a66d!important;box-shadow:none!important}
#living-landing.has-chronicle>:not(#chronicles-landing){display:none!important}
#living-landing.has-chronicle>#chronicles-landing{display:block}
#chronicles-landing :is(button,a){text-shadow:none;letter-spacing:normal;cursor:pointer;box-shadow:none}
#chronicles-landing button{background:none;border:0;padding:0}
#chronicles-landing :is(h1,h2,h3){text-transform:none;text-shadow:none}
#chronicles-landing *{box-sizing:border-box}
#chronicles-landing{margin:0;background:#071d19;color:#eee7d1;font-family:Arial,sans-serif;font-size:14px;line-height:1.45}
#chronicles-landing:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% -20%,#35644488,transparent 70%);z-index:-1}
#chronicles-landing a{color:inherit;text-decoration:none}
#chronicles-landing button{font:inherit;color:inherit;cursor:pointer}
#chronicles-landing h1,#chronicles-landing h2,#chronicles-landing h3,#chronicles-landing p{margin:0}
#chronicles-landing h1,#chronicles-landing h2,#chronicles-landing h3{font-family:Georgia,'Times New Roman',serif;font-weight:500}
#chronicles-landing a,#chronicles-landing button{transition:filter .18s,background .18s}
#chronicles-landing a:hover,#chronicles-landing button:hover{filter:brightness(1.14)}
#chronicles-landing .header{height:84px;display:flex;align-items:center;gap:44px;padding:0 max(30px,calc((100vw - 1320px)/2));background:linear-gradient(180deg,#10372e,#09261f);border-bottom:1px solid #a98c4a;box-shadow:0 4px 24px #0005}
#chronicles-landing .brand{width:204px;flex-shrink:0}
#chronicles-landing .brand img{display:block;width:199px;height:49px;object-fit:contain}
#chronicles-landing .brand span{display:block;font-size:9px;letter-spacing:5px;color:#c4ac77;text-align:center;margin-top:-2px}
#chronicles-landing .header nav{display:flex;gap:25px;align-items:center;font-size:13px;margin-left:8px}
#chronicles-landing .header-actions{display:flex;align-items:center;gap:18px;margin-left:auto;white-space:nowrap}
#chronicles-landing .language{border:0;background:transparent;font-size:12px;color:#c2c5af}
#chronicles-landing .login{font-size:13px}
#chronicles-landing .gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 25px;background:linear-gradient(#f6dc90,#d9b557);border:1px solid #f4d98c;box-shadow:inset 0 0 0 3px #926c2e35,0 4px 15px #0003;color:#30270f;border-radius:5px;font-size:14px;font-weight:700}
#chronicles-landing .header .gold-button{padding:10px 19px;font-size:12px}
#chronicles-landing .ch-main{max-width:1320px;margin:auto;padding:0 0 30px}
#chronicles-landing .eyebrow{font-size:9px;letter-spacing:2px;line-height:1.5;color:#cbb071;font-weight:600;display:block}
#chronicles-landing .headline{height:74px;display:flex;gap:20px;align-items:center;justify-content:space-between}
#chronicles-landing .headline span{font-size:9px;letter-spacing:2.4px;color:#95a798}
#chronicles-landing .headline b{font:italic 28px Georgia;color:#d3b97d}
#chronicles-landing .headline:before,#chronicles-landing .headline:after{display:none}
#chronicles-landing .ch-panel{background:linear-gradient(145deg,#103a2f,#0a2823);border:1px solid #797144;border-radius:9px;overflow:hidden;box-shadow:0 8px 20px #0002}
#chronicles-landing .section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}
#chronicles-landing .section-heading h2{font-size:25px;margin-top:3px;color:#eee0b9}
#chronicles-landing .section-heading>a{font-size:10px;color:#cfb478;white-space:nowrap}
#chronicles-landing .hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#082c26ed 2%,#102c2144 64%,#041b1a44),url('/img/login_art.jpg') center 45%/cover;border:1px solid #897c45;border-radius:9px}
#chronicles-landing .hero-content{position:relative;padding:40px 34px;z-index:1}
#chronicles-landing .hero h1{font-size:51px;letter-spacing:-1.6px;line-height:1.02;margin:18px 0 19px;text-shadow:0 3px 10px #0006;color:#fff1c9}
#chronicles-landing .hero h1 em{font-weight:normal;color:#ead294}
#chronicles-landing .hero p{font-size:13px;line-height:1.7;color:#e0e4d3;text-shadow:0 1px 3px #000}
#chronicles-landing .hero .gold-button{margin-top:25px}
#chronicles-landing .hero small{display:block;color:#b9c9b9;font-size:10px;margin-top:13px}
#chronicles-landing .hero-note{position:absolute;right:22px;bottom:17px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#e4d7a9;opacity:.8}
#chronicles-landing .gallery{padding:18px}
#chronicles-landing .gallery .section-heading{margin-bottom:13px}
#chronicles-landing .gallery .section-heading h2{font-size:23px}
#chronicles-landing .counter{font-size:10px;color:#ccb375;letter-spacing:1px}
#chronicles-landing .ch-main-shot{padding:0;display:block;width:100%;border:1px solid #ba9b57;border-radius:5px;background:#081d17;position:relative;overflow:hidden}
#chronicles-landing .ch-main-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
#chronicles-landing .expand{position:absolute;bottom:8px;right:8px;border:1px solid #e7c875;background:#07291ee6;border-radius:4px;padding:2px 8px;font-size:18px}
#chronicles-landing .gallery-caption{display:flex;align-items:center;justify-content:space-between;margin-top:13px}
#chronicles-landing .gallery-title{font-size:21px;color:#eddbac}
#chronicles-landing .gallery-caption .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:3px}
#chronicles-landing .gallery-controls{display:flex;gap:5px}
#chronicles-landing .gallery-controls button{border:1px solid #80744b;width:28px;height:29px;border-radius:4px;background:#153b2d;font-size:23px;line-height:1}
#chronicles-landing .gallery-description{color:#bac8b7;font-size:11px;line-height:1.6;margin-top:9px}
#chronicles-landing .thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}
#chronicles-landing .thumbs button{padding:2px;background:#061b18;border:1px solid #496752;border-radius:4px;overflow:hidden;opacity:.65}
#chronicles-landing .thumbs button.selected{border-color:#e2bd66;opacity:1;box-shadow:0 0 8px #d6bb4933}
#chronicles-landing .thumbs img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
#chronicles-landing .news{padding:20px}
#chronicles-landing .news .section-heading h2{font-size:23px}
#chronicles-landing .news-row{display:flex;gap:13px;padding:15px 0;border-top:1px solid #c7b47626;align-items:center}
#chronicles-landing .news-row img{width:67px;height:65px;object-fit:cover;border-radius:4px;border:1px solid #85734966}
#chronicles-landing .news-row:nth-of-type(2) img{object-fit:contain;background:#08271f}
#chronicles-landing .news-row>div>span{font-size:7px;letter-spacing:1.1px;color:#bba672;display:block;margin-bottom:4px}
#chronicles-landing .news-row h3{font-size:16px;line-height:1.22}
#chronicles-landing .news-row p{font-size:10px;color:#9fb7a8;line-height:1.5;margin-top:6px}
#chronicles-landing .quick{display:flex;align-items:center;justify-content:space-around;padding:17px 3px;border-top:1px solid #8e7e47;border-bottom:1px solid #8e7e47;gap:12px;background:linear-gradient(0deg,#16382b88,#0b271fee);margin:20px 0 27px}
#chronicles-landing .quick a{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;border-right:1px solid #aa995142;min-width:0}
#chronicles-landing .quick a:last-child{border:0}
#chronicles-landing .icon{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 2px 8px #0003)}
#chronicles-landing .quick strong{font:16px Georgia;color:#eee0b9}
#chronicles-landing .quick small{font-size:10px;color:#8eaa9a;display:block;margin-top:2px}
#chronicles-landing .hall>.section-heading{margin:0 0 17px}
#chronicles-landing .hall>.section-heading h2{font-size:28px}
#chronicles-landing .rankings{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
#chronicles-landing .ranking,#chronicles-landing .antique,#chronicles-landing .clans{padding:18px 18px 0;position:relative;display:flex;flex-direction:column}
#chronicles-landing .rank-head{display:flex;gap:11px;align-items:center;margin-bottom:16px}
#chronicles-landing .rank-head h2{font-size:21px;line-height:1.2;color:#eedcaf}
#chronicles-landing .rank-head .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:4px}
#chronicles-landing .rank-head .icon{width:37px;height:37px}
#chronicles-landing .arrow{margin-left:auto;color:#c2a45c}
#chronicles-landing .rank-label{display:flex;justify-content:space-between;color:#83a18d;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid #b19f602b;padding-bottom:7px}
#chronicles-landing .rank-row{display:flex;align-items:center;gap:9px;height:36px;border-bottom:1px solid #b19f601f}
#chronicles-landing .rank-row .position{width:18px;color:#849c87;font-size:10px}
#chronicles-landing .rank-row img{width:24px;height:30px;object-fit:contain}
#chronicles-landing .rank-row strong{font-size:11px;color:#ddd8bb;font-weight:500}
#chronicles-landing .rank-row b{margin-left:auto;color:#e4c883;font-size:13px}
#chronicles-landing .rank-row.first{background:linear-gradient(90deg,#c6a6501e,transparent)}
#chronicles-landing .rank-row.first .position{color:#e2bd60}
#chronicles-landing .admin{color:#56d884!important}
#chronicles-landing .mentor{color:#d893ed!important}
#chronicles-landing .panel-bottom{font-size:10px;color:#c6ad74;display:flex;justify-content:space-between;padding:14px 0;margin-top:auto}
#chronicles-landing .antique-portrait{display:flex;align-items:center;position:relative;height:121px;gap:12px;margin-top:-5px;margin-bottom:10px}
#chronicles-landing .antique-portrait img{height:118px;width:76px;object-fit:contain;filter:drop-shadow(0 4px 8px #0006)}
#chronicles-landing .antique h3{font-size:18px;color:#e2c98a;line-height:1.3}
#chronicles-landing .antique p{font-size:10px;color:#acbca5;line-height:1.6;margin-top:6px}
#chronicles-landing .antique>.eyebrow{font-size:7px;letter-spacing:1.4px}
#chronicles-landing .reward{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #a3985729;font-size:10px}
#chronicles-landing .reward strong{color:#e4d7ae;font-size:11px;font-weight:500}
#chronicles-landing .clan-banner{display:grid;grid-template-columns:80px 1fr;grid-template-rows:20px 32px 20px;padding:13px 10px 16px;align-items:center;background:radial-gradient(circle at 20%,#3e704533,transparent 80%);border-block:1px solid #84744555}
#chronicles-landing .clan-banner img{height:77px;width:77px;object-fit:contain;grid-row:1/4;filter:drop-shadow(0 3px 10px #e5b84a22)}
#chronicles-landing .clan-banner>span{color:#bda46a;font-size:11px}
#chronicles-landing .clan-banner h3{font-size:23px}
#chronicles-landing .clan-banner small{font-size:10px;color:#9bac96}
#chronicles-landing .clan-banner b{color:#cfbc77}
#chronicles-landing .clans>p{font-size:11px;color:#adbeac;line-height:1.7;text-align:center;margin:15px 0 10px}
#chronicles-landing .promos{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:24px}
#chronicles-landing .promo{position:relative;overflow:hidden;border:1px solid #897449;border-radius:8px;min-height:200px;display:flex;align-items:center;padding:24px 28px;isolation:isolate;background:radial-gradient(ellipse at 20%,#294b34,#102b25 70%)}
#chronicles-landing .promo h2{font-size:28px;line-height:1.1;color:#efdfb7;margin-top:7px}
#chronicles-landing .promo p{font-size:11px;line-height:1.6;margin-top:10px;color:#bbccbc}
#chronicles-landing .promo a{font-size:11px;color:#e2c580;display:inline-flex;gap:30px;border-bottom:1px solid #bca5696b;padding-bottom:4px;margin-top:13px}
#chronicles-landing .token-coin{width:133px;height:133px;object-fit:contain;margin-right:26px;filter:drop-shadow(0 10px 20px #0008)}
#chronicles-landing .promo-background{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}
#chronicles-landing .game3d:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08251af5 4%,#07261ab8 47%,transparent);z-index:-1}
#chronicles-landing .development{position:absolute;right:15px;top:15px;background:#102c21d9;color:#ddcc93;border:1px solid #bbab6b80;border-radius:3px;padding:5px 8px;font-size:7px;letter-spacing:1.3px}
#chronicles-landing footer{padding:25px max(30px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:#061b17;border-top:1px solid #75834955}
#chronicles-landing footer img{width:141px;height:39px;object-fit:contain}
#chronicles-landing footer>span{font-size:9px;color:#8aa393;letter-spacing:1.5px}
#chronicles-landing footer>div{margin-left:auto;display:flex;gap:30px;font-size:10px;color:#a9b29a}
#chronicles-landing footer small{width:100%;font-size:9px;color:#637f70;border-top:1px solid #54705433;padding-top:17px}

#chronicles-landing{background:#061710;color:#f4e4bf}
#chronicles-landing:before{background:radial-gradient(ellipse at 5% 40%,#305f341c,transparent 60%),repeating-linear-gradient(120deg,#ffffff02 0 1px,transparent 1px 5px)}
#chronicles-landing .ch-main{max-width:1600px;padding:0 0 32px;overflow:hidden}
#chronicles-landing .page-inner{padding:0 45px}
#chronicles-landing .header{height:88px;padding:0 max(45px,calc((100vw - 1510px)/2));background:linear-gradient(#143c2e,#051d16);border-bottom:3px double #a8873c;box-shadow:0 4px 35px #0008;position:relative;z-index:2}
#chronicles-landing .brand{width:230px}
#chronicles-landing .brand img{width:230px;height:56px}
#chronicles-landing .brand span{font-size:8px;letter-spacing:5px}
#chronicles-landing .header nav{gap:28px;font:14px Georgia;color:#e2d2a5;margin-left:40px}
#chronicles-landing .header-actions{gap:19px}
#chronicles-landing .gold-button{border-radius:2px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);border:1px solid #ffe9a0;box-shadow:inset 0 0 0 4px #a87b2755,inset 0 0 0 5px #ffeda54d;background:linear-gradient(#ffecaf 0,#efc465 48%,#c58e29 52%,#f2cf6d);color:#3b2b0d;text-shadow:0 1px #fff4;font-family:Georgia;font-weight:700;padding:17px 30px;font-size:18px}
#chronicles-landing .header .gold-button{font-size:13px;padding:12px 22px}
#chronicles-landing .hero-content{padding:0;position:relative;z-index:1}
#chronicles-landing .hero-content .eyebrow{color:#edcf89;font-size:10px;letter-spacing:3px}
#chronicles-landing .hero-content h1{font:68px/.97 Georgia;letter-spacing:-2px;margin:18px 0 20px;color:#fff7dc;text-shadow:0 4px 12px #000a}
#chronicles-landing .hero-content h1 em{font-weight:bold;background:linear-gradient(#ffffe7,#e6bf64 50%,#b18432);color:transparent;background-clip:text;filter:drop-shadow(0 2px 2px #001a0c);text-shadow:none}
#chronicles-landing .hero-content p{font:17px/1.6 Georgia;color:#e4e8cd}
#chronicles-landing .hero-content .gold-button{margin-top:26px;min-width:290px;filter:drop-shadow(0 6px 12px #0005)}
#chronicles-landing .hero-content small{display:block;font-size:10px;letter-spacing:1px;color:#b7c2a5;margin-top:14px}
#chronicles-landing .quick{margin:0;padding:20px 10px;background:linear-gradient(#1a3d27,#0b241b);border:3px double #aa8f46;box-shadow:0 5px 25px #0007,inset 0 0 25px #b5a24318;position:relative;z-index:1}
#chronicles-landing .quick:before,#chronicles-landing .quick:after{content:'◆';color:#e8ca7a;position:absolute;font-size:15px;top:calc(50% - 12px)}
#chronicles-landing .quick:before{left:-10px}
#chronicles-landing .quick:after{right:-10px}
#chronicles-landing .quick .icon{width:45px;height:45px;filter:drop-shadow(0 2px 8px #ecb93e45)}
#chronicles-landing .quick strong{font-size:17px}
#chronicles-landing .quick small{font-size:10px;color:#a3b6a0}
#chronicles-landing .ornament-heading{display:flex;align-items:center;gap:30px;justify-content:center;margin:30px 0 22px;text-align:center}
#chronicles-landing .ornament-heading>span{height:1px;width:200px;background:linear-gradient(90deg,transparent,#af8b48)}
#chronicles-landing .ornament-heading>span:last-child{transform:rotate(180deg)}
#chronicles-landing .ornament-heading h2{font-size:31px;letter-spacing:0;text-transform:none;line-height:1.4;color:#eed496}
#chronicles-landing .ch-panel{background:radial-gradient(ellipse at 50% 0,#24483055,transparent 70%),linear-gradient(125deg,#163325,#081d17);border:1px solid #88713c;border-radius:3px;box-shadow:inset 0 0 0 4px #071e16,inset 0 0 0 5px #9b7c3647,0 10px 22px #0005;position:relative}
#chronicles-landing .rankings{gap:21px}
#chronicles-landing .rank-head{position:relative;margin-bottom:15px;border-bottom:1px solid #b59c4d55;padding-bottom:14px}
#chronicles-landing .rank-head:after{content:'◆';color:#c2a557;position:absolute;left:50%;bottom:-7px;line-height:1;font-size:12px;background:#183325;padding:0 8px}
#chronicles-landing .rank-head h2{font-size:22px}
#chronicles-landing .rank-head .icon{width:44px;height:44px}
#chronicles-landing .ranking,#chronicles-landing .antique,#chronicles-landing .clans{padding:23px 22px 0}
#chronicles-landing .rank-row{height:38px}
#chronicles-landing .rank-row img{height:32px;width:28px}
#chronicles-landing .rank-row strong{font-size:12px}
#chronicles-landing .rank-row b{font:17px Georgia;color:#e9c778}
#chronicles-landing .rank-row.first{background:linear-gradient(90deg,#f4d26824,transparent)}
#chronicles-landing .panel-bottom{padding:15px 0;font-size:11px}
#chronicles-landing .antique-portrait{height:128px}
#chronicles-landing .antique-portrait img{height:127px;width:92px}
#chronicles-landing .antique h3{font-size:20px}
#chronicles-landing .reward{font-size:11px}
#chronicles-landing .reward strong{font-size:12px}
#chronicles-landing .clan-banner{padding:15px 8px 20px;grid-template-columns:91px 1fr;grid-template-rows:22px 32px 20px}
#chronicles-landing .clan-banner img{height:87px;width:87px}
#chronicles-landing .clan-banner h3{font-size:26px}
#chronicles-landing .clans>p{font-size:12px;margin-top:23px}
#chronicles-landing .feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px}
#chronicles-landing .gallery{padding:26px}
#chronicles-landing .gallery .section-heading h2{font-size:27px}
#chronicles-landing .gallery-title{font-size:24px}
#chronicles-landing .ch-main-shot{border:3px double #d3ae5d;border-radius:2px;box-shadow:0 7px 20px #0004}
#chronicles-landing .thumbs{gap:9px}
#chronicles-landing .thumbs img{aspect-ratio:2}
#chronicles-landing .news{padding:24px}
#chronicles-landing .news-row{padding:12px 0}
#chronicles-landing .news-row h3 br{display:none}
#chronicles-landing .news-row h3{font-size:19px}
#chronicles-landing .news-row img{width:86px;height:48px}
#chronicles-landing .news-row p{margin-top:3px;font-size:11px}
#chronicles-landing .news .section-heading{margin-bottom:12px}
#chronicles-landing .feature-side .promos{gap:18px;margin-top:19px}
#chronicles-landing .feature-side .promo{padding:18px;min-height:194px;align-items:flex-end}
#chronicles-landing .feature-side .promo h2{font-size:23px}
#chronicles-landing .feature-side .promo p{font-size:10px}
#chronicles-landing .feature-side .token-coin{width:60px;height:60px;position:absolute;top:10px;right:10px;margin:0}
#chronicles-landing .feature-side .evo .eyebrow{width:150px;font-size:7px}
#chronicles-landing .feature-side .game3d:after{background:linear-gradient(0deg,#061b13ff,#061b1390)}
#chronicles-landing .promo{border:3px double #9c7d40;border-radius:2px;background:radial-gradient(ellipse at 0 50%,#2b5b32,#091d16 80%);box-shadow:inset 0 0 26px #ccb35c17}
#chronicles-landing .promo h2{color:#f1dba1}
#chronicles-landing .promo .eyebrow{font-size:8px}
#chronicles-landing footer{background:#04130f;padding-inline:max(45px,calc((100vw - 1510px)/2));border-top:3px double #86743f}
#chronicles-landing .epic-hero{height:500px;position:relative;background:linear-gradient(0deg,#081a0e 0,transparent 18%),url('chronicles-portal.png') center 48%/cover;border-bottom:1px solid #d1aa50;isolation:isolate}
#chronicles-landing .epic-hero .hero-content{position:absolute;left:7%;top:49px}
#chronicles-landing .epic-hero h1{font-size:80px}
#chronicles-landing .hero-chapter{position:absolute;left:52%;bottom:62px;display:flex;align-items:center;gap:12px;color:#f7dfa6;text-shadow:0 1px 4px black}
#chronicles-landing .hero-chapter>span{display:flex;align-items:center;justify-content:center;width:44px;height:53px;font:32px Georgia;border:2px solid #e9c462;border-radius:40% 40% 50% 50%;background:#083923c9}
#chronicles-landing .hero-chapter>div{letter-spacing:3px;font-size:10px}
#chronicles-landing .hero-chapter small{display:block;font:italic 20px Georgia;letter-spacing:0;margin-top:3px}
#chronicles-landing .hero-bottom{position:absolute;bottom:17px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:28px;font:9px Georgia;letter-spacing:4px;color:#d0bd82}
#chronicles-landing .hero-bottom i{font-size:6px;color:#e1b856}
#chronicles-landing-1 .quick{margin-top:-1px}
#chronicles-landing-1 .page-inner{padding-top:0}
#chronicles-landing .portal-rune{position:absolute;right:2%;top:19%;height:57%;width:21%;border-radius:50%;box-shadow:inset 0 0 60px #0bffad0c,0 0 30px #12ff8222;animation:portalGlow 4s ease-in-out infinite;pointer-events:none}
#chronicles-landing-1 .feature-side{display:flex;flex-direction:column}
#chronicles-landing-1 .feature-side .news{flex:1}
#chronicles-landing-1 .hall .rankings>.ch-panel{min-height:330px}
#chronicles-landing{background:#c3a66d;color:#51371b}
#chronicles-landing:before{background:repeating-linear-gradient(45deg,#54390c04 0 1px,transparent 1px 3px)}
#chronicles-landing .header{background:linear-gradient(#3e2d1b,#241e13)}
#chronicles-landing .ch-main{background:radial-gradient(ellipse at 50% 65%,#faeccb,#e8cf9a 68%,#ba955b);border-inline:10px double #6a4621;box-shadow:0 0 60px #0007}
#chronicles-landing .book-hero{height:552px;background:url('img/brand/chronicles-book-174.webp') center/cover;position:relative}
#chronicles-landing .book-hero .hero-content{position:absolute;top:109px;left:15%;}
#chronicles-landing .hero-content h1{color:#38250c;text-shadow:0 1px #fff7;margin:12px 0 14px;font-size:67px;letter-spacing:-2px}
#chronicles-landing .hero-content h1 em{color:#805017;background:none;filter:none}
#chronicles-landing .hero-content .eyebrow{color:#85571a;font-size:9px;letter-spacing:2.5px}
#chronicles-landing .hero-content p{color:#5b3919;font-size:17px}
#chronicles-landing .hero-content small{color:#806037;font-size:9px}
#chronicles-landing .hero-content .gold-button{margin-top:19px;font-size:17px}
#chronicles-landing .book-seal{position:absolute;right:19%;bottom:85px;transform:rotate(-7deg);display:flex;align-items:center;gap:16px}
#chronicles-landing .book-seal img{height:95px;width:95px;filter:drop-shadow(1px 4px 3px #583b1360)}
#chronicles-landing .book-seal span{font:italic 25px/1.1 Georgia;color:#60411a}
#chronicles-landing .book-tabs{padding:0 70px;position:relative;margin-top:-2px}
#chronicles-landing .quick{background:linear-gradient(#654627,#322919);border-color:#caaf6a;padding:12px 10px;box-shadow:0 7px 10px #48351f70}
#chronicles-landing .quick .icon{height:38px;width:38px}
#chronicles-landing .quick strong{font-size:15px}
#chronicles-landing .quick small{color:#bcb08e}
#chronicles-landing .page-inner{padding:25px 55px 0}
#chronicles-landing .book-spread{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;position:relative}
#chronicles-landing .book-spread:after{content:'';position:absolute;width:1px;left:55%;top:0;bottom:0;background:#b38b4688;box-shadow:3px 0 10px #60411d44}
#chronicles-landing .ch-panel{background:linear-gradient(135deg,#fff4d550,#dec18a45);border:1px solid #a2804577;box-shadow:inset 0 0 0 4px #fff3cb50,inset 0 0 0 5px #9b783130;overflow:visible}
#chronicles-landing .book-spread>.ch-panel{box-shadow:none;border:0;background:transparent;padding:10px 0}
#chronicles-landing .section-heading h2,#chronicles-landing .rank-head h2,#chronicles-landing .gallery-title{color:#503417}
#chronicles-landing .eyebrow{color:#896022}
#chronicles-landing .section-heading>a,#chronicles-landing .counter,#chronicles-landing .panel-bottom{color:#825619}
#chronicles-landing .gallery-description{color:#755630}
#chronicles-landing .gallery-controls button{background:#e0bf7b;color:#5b3c12;border-color:#a48341}
#chronicles-landing .thumbs button{background:#c9ac78;border-color:#856327;opacity:.8}
#chronicles-landing .ch-main-shot{border:5px double #8e6c2f;box-shadow:3px 6px 0 #ae824b44,6px 10px 18px #71502744;transform:rotate(-.6deg)}
#chronicles-landing .ch-main-shot img{aspect-ratio:2.15}
#chronicles-landing .news-row{padding:20px 0;border-top:1px solid #8b673444}
#chronicles-landing .news-row img{width:120px;height:90px;border:4px solid #f6e4b7;box-shadow:1px 3px 6px #8a5d2c44;transform:rotate(3deg)}
#chronicles-landing .news-row:nth-of-type(2) img{transform:rotate(-3deg);object-fit:contain;background:#205334}
#chronicles-landing .news-row h3{color:#553416;font-size:23px}
#chronicles-landing .news-row>div>span{color:#9c6d22;font-size:8px}
#chronicles-landing .news-row p{font-size:12px;color:#795e39}
#chronicles-landing .news .section-heading h2{font-size:29px}
#chronicles-landing .ornament-heading h2{color:#553717}
#chronicles-landing .ornament-heading{margin-top:23px}
#chronicles-landing .rank-head:after{background:#e9cfa0;color:#a07832}
#chronicles-landing .rank-label{color:#80613b;border-color:#91744055}
#chronicles-landing .rank-row{border-color:#99764233}
#chronicles-landing .rank-row strong{color:#543c23}
#chronicles-landing .rank-row b{color:#725013}
#chronicles-landing .rank-row .position{color:#967137}
#chronicles-landing .admin{color:#1c7940!important}
#chronicles-landing .mentor{color:#8d40a1!important}
#chronicles-landing .reward strong{color:#6e431a}
#chronicles-landing .antique h3{color:#765021}
#chronicles-landing .antique p,#chronicles-landing .clans>p{color:#82633e}
#chronicles-landing .clan-banner small{color:#78532d}
#chronicles-landing .clan-banner b{color:#765216}
#chronicles-landing .clan-banner h3{color:#594020}
#chronicles-landing .promos{margin-top:28px}
#chronicles-landing .promo{color:#ead8ab}
#chronicles-landing footer{background:#302618}
#chronicles-landing .clan-banner{border-color:#9b814455}
#chronicles-landing .clan-banner img{filter:drop-shadow(0 3px 5px #0004)}

#chronicles-landing .header .login{color:#edddb7}
#chronicles-landing .book-hero{background-size:100% 100%}
#chronicles-landing .book-hero .hero-content{top:95px}
#chronicles-landing .book-seal{bottom:80px}
#chronicles-landing :is(h1,h2,h3){font-weight:500!important}
#chronicles-landing .hero-content h1{font:67px/.97 Georgia!important;color:#38250c!important}
#chronicles-landing .hero-content h1 em{font-weight:bold}
#chronicles-landing .header button{font:14px Georgia;color:#e2d2a5}
#chronicles-landing .header .gold-button{font-size:13px;color:#3b2b0d}
#chronicles-landing .brand>span>span{font-size:8px;letter-spacing:5px}
#chronicles-landing .section-heading button{font:10px Arial;color:#825619}
#chronicles-landing .news-row>div>span{font-size:8px;letter-spacing:1.1px}
#chronicles-landing .rank-head h2{font-size:22px!important;color:#503417!important}
#chronicles-landing .rank-head .eyebrow{font-size:7px}
#chronicles-landing .panel-bottom{width:100%;text-align:left;border:0;background:none}
#chronicles-landing .promo :is(a,button){font:11px Arial;color:#e2c580;display:inline-flex;gap:30px;border:0;border-bottom:1px solid #bca5696b;background:none;border-radius:0;padding:0 0 4px;margin-top:13px}
#chronicles-landing footer button{font:10px Arial;color:#a9b29a}
#chronicles-landing .ch-data-state{min-height:80px;display:grid;place-items:center;font-size:12px;color:#755630}
#chronicles-landing .ch-data-state button{color:#755630;text-decoration:underline}
#chronicles-landing :is(a,button):focus-visible{outline:2px solid #936928;outline-offset:4px}
#chronicles-landing .trainer-nickname[data-trainer-role=admin]{color:#1c7940!important}
#chronicles-landing .trainer-nickname[data-trainer-role=police]{color:#c12c31!important}
#chronicles-landing .trainer-nickname[data-trainer-role=mentor]{color:#8d40a1!important}
/* One album, one slideshow and one fullscreen viewer across both layouts. */
#living-landing #chronicles-landing #landing-gallery{display:flex!important;flex-direction:column;gap:0;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}
#living-landing #chronicles-landing #landing-gallery .eg-stage{height:auto!important;width:100%;aspect-ratio:2.15;display:block;border:5px double #8e6c2f!important;border-radius:2px!important;box-shadow:3px 6px 0 #ae824b44,6px 10px 18px #71502744;transform:rotate(-.6deg);background:#173b2a!important}
#living-landing #chronicles-landing #landing-gallery .eg-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:16px 0 0!important;width:100%;border:0!important;background:none!important;align-items:center;justify-content:stretch}
#chronicles-landing .eg-panel::after{display:none}
#chronicles-landing :is(.eg-series,.eg-count,.eg-markers){display:none!important}
#living-landing #chronicles-landing #landing-gallery .eg-title{font:24px/1.2 Georgia!important;color:#503417!important;grid-column:1;grid-row:1;text-align:left}
#living-landing #chronicles-landing #landing-gallery .eg-copy{font:11px/1.6 Arial!important;color:#755630!important;grid-column:1/-1;grid-row:2;margin:0!important}
#living-landing #chronicles-landing #landing-gallery .eg-controls{grid-column:2;grid-row:1;margin:0}
#living-landing #chronicles-landing #landing-gallery .eg-controls button{width:29px;height:30px;font:23px/1 Georgia!important;border:1px solid #a48341;background:#e0bf7b;color:#5b3c12;border-radius:4px}
#living-landing #chronicles-landing #landing-gallery .eg-controls [data-action=pause]{font-size:12px!important}
#chronicles-landing .eg-enlarge{background:#163f2b;color:#ecd69d}
#chronicles-landing .thumbs img{aspect-ratio:2}
#chronicles-landing .thumbs{margin-top:14px}
@media(min-width:761px) and (max-width:1100px){#chronicles-landing .header{gap:15px;padding:0 24px}#chronicles-landing .header nav{gap:13px;margin-left:0}#chronicles-landing .brand,#chronicles-landing .brand img{width:180px}#chronicles-landing .header-actions{gap:10px}#chronicles-landing .header .gold-button{display:none}#chronicles-landing .book-hero .hero-content{left:12%}#chronicles-landing .book-seal{right:12%}#chronicles-landing .page-inner{padding-inline:30px}#chronicles-landing .rankings{grid-template-columns:repeat(2,1fr)}#chronicles-landing .book-spread{gap:30px}#chronicles-landing .quick strong{font-size:12px}#chronicles-landing .quick .icon{width:30px;height:30px}#chronicles-landing .quick a{gap:7px}#chronicles-landing .book-tabs{padding-inline:30px}#chronicles-landing .token-coin{width:85px;height:85px}#chronicles-landing .book-seal span{font-size:21px}}


/* Keep the shared game's gold modal theme outside the parchment chronicle. */
#chronicles-landing :is(.section-heading h2,.rank-head h2,.gallery-title,.ornament-heading h2){color:#503417!important}
#chronicles-landing .news-row h3{color:#553416!important}
#chronicles-landing .antique h3{color:#765021!important}
#chronicles-landing .clan-banner h3{color:#594020!important}
#chronicles-landing .promo h2{color:#f1dba1!important}
#chronicles-landing .ch-panel{color:#51371b;border-radius:3px}
#chronicles-landing .gold-button i{font-style:normal;margin-left:auto}
#chronicles-landing .hero-content .eyebrow{font-weight:500}

/* v176: readable header controls and five compact, live clan positions. */
#chronicles-landing .header>nav{gap:7px}#chronicles-landing .header>nav a,#chronicles-landing .header>nav button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid #c7b17866;border-radius:9px;background:#493d2c55;color:#fff0c5;font-size:12px;transition:background .18s,transform .18s}#chronicles-landing .header>nav .icon{width:23px;height:23px;object-fit:contain}#chronicles-landing .header>nav a:hover,#chronicles-landing .header>nav button:hover{background:#8b70445c;transform:translateY(-1px)}#chronicles-landing .language{display:flex;align-items:center;gap:7px;border:1px solid #c4ae74!important;border-radius:10px;background:#294339;color:#f7e3b5;padding:9px 12px;min-height:40px}#chronicles-landing .language svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}#chronicles-landing .language i{font-style:normal}#chronicles-landing .clan-top-five{min-height:228px;display:flex;flex-direction:column;gap:4px}#chronicles-landing .clan-rank-row{display:grid;grid-template-columns:20px 30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;background:transparent!important;border:0!important;border-bottom:1px solid #b6a17d55!important;color:#5f492d!important;padding:4px 1px!important;text-align:left;box-shadow:none!important;width:100%}#chronicles-landing .clan-rank-row img{width:29px!important;height:29px!important;object-fit:contain}#chronicles-landing .clan-rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:15px Georgia}#chronicles-landing .clan-rank-row b,#chronicles-landing .clan-rank-row .position{font:11px Arial}#chronicles-landing .clan-rank-row.first{background:#c7b27522!important}
@media(min-width:761px) and (max-width:1200px){#chronicles-landing .header>nav{gap:3px}#chronicles-landing .header>nav a,#chronicles-landing .header>nav button{padding:6px;font-size:10px}#chronicles-landing .header>nav .icon{width:18px;height:18px}#chronicles-landing .brand{width:155px}}