:root{--gold:#b48b46;--gold-light:#f1d59a;--wine:#691611;--ink:#35251b;--paper:#e7d7b4;--muted:#78634c;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);font:14px/1.65 'Segoe UI',Arial,sans-serif;background:#100d0a url('/assets/courtyard.webp') center center/cover fixed no-repeat}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}.site-width{width:min(1240px,calc(100% - 40px));margin-inline:auto}.top-strip{height:33px;background:linear-gradient(#3d100d,#210907);border-bottom:1px solid #765329;color:#c7a87c;font-size:9px;font-weight:600;letter-spacing:1.3px}.top-strip>div{display:flex;align-items:center;justify-content:space-between;height:100%}.top-strip i{font-style:normal;margin:0 13px;color:#996938}.language{letter-spacing:.3px}.hero{height:420px;position:relative;max-width:1760px;margin:auto;background:url('/assets/warrior-hero.webp') center top/cover no-repeat;isolation:isolate;border-bottom:1px solid #907140;box-shadow:0 25px 80px #0008}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#100d0a 0%,transparent 12%,transparent 88%,#100d0a 100%),linear-gradient(0deg,#100d0ae6 0%,transparent 30%);z-index:-1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#0a0b0d66 48%,#100e0a88 82%);z-index:-1}.hero-copy{position:absolute;top:54px;left:52%;width:43%;text-align:center;color:var(--gold-light);text-shadow:0 3px 12px #000,0 1px 2px #000}.hero-kicker{font-size:10px;letter-spacing:3.7px;font-weight:700;color:#ecd9b3}.wordmark{font:700 clamp(42px,5.3vw,76px)/1.15 var(--serif);letter-spacing:-3px;display:block;margin-top:9px;color:#efd4a0;text-shadow:0 2px #70411f,0 4px #24120a,0 6px 16px #000}.wordmark span{color:#e8b86a}.brand-rule{height:12px;width:78%;margin:8px auto 12px;display:flex;align-items:center;color:#e5b567;gap:14px}.brand-rule:before,.brand-rule:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#d2a85b);flex:1}.brand-rule:after{transform:rotate(180deg)}.hero-motto{font:italic 24px var(--serif);margin:8px 0 10px;color:#fff1d6}.hero-description{font-size:13px;color:#e4d9c8;margin:0;line-height:1.7}.play-banner{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:min(616px,75%);min-height:93px;padding:13px 25px;display:flex;align-items:center;justify-content:center;gap:23px;color:#fff0bc;background:linear-gradient(100deg,#450b08,#8d2018 45%,#560d09);border:2px solid #b58b44;outline:1px solid #26180c;outline-offset:3px;box-shadow:0 -1px 0 #eed99a inset,0 3px 0 #26120b inset,0 10px 25px #0009;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.play-banner:hover{filter:brightness(1.14)}.play-banner strong{display:block;font:700 29px var(--serif);letter-spacing:1.5px;text-shadow:0 2px 2px #230000}.play-banner small{display:block;font-size:9px;letter-spacing:.5px;margin-top:5px;color:#dec59a}.play-banner small b{margin:0 9px;color:#c49954}.download-emblem{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c49a58;background:linear-gradient(#553018,#25150c);font:48px/1 var(--serif);box-shadow:inset 0 0 0 4px #2e1b11,inset 0 0 0 5px #9e7239}.play-arrow{font-size:25px}.status-ribbon{min-height:49px;display:flex;align-items:center;justify-content:center;gap:24px;color:#d2bb91;font-size:11px;border-bottom:1px solid #70563377;background:#100c08c9;position:relative}.status-ribbon b{font-weight:600;color:#dec89e}.status-dot{display:inline-block;width:6px;height:6px;background:#97b56c;border-radius:50%;margin-right:7px;box-shadow:0 0 7px #97b56c}.ribbon-detail{color:#a78f70}.ribbon-detail i{font-size:7px;font-style:normal;margin:0 9px}.page-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 266px;gap:22px;align-items:start;padding-top:27px}.left-column,.right-column{display:grid;gap:24px}.panel{position:relative;padding:6px;background:linear-gradient(135deg,#d7b867,#775329 20%,#aa8649 50%,#563b21 80%,#c7a25c);border:1px solid #21130b;box-shadow:0 6px 20px #0008,0 0 0 1px #997443}.panel:before,.panel:after{position:absolute;z-index:2;content:"✦";font-family:var(--serif);color:#f3d69b;text-shadow:1px 1px #42270f;font-size:17px;line-height:1;top:-9px;pointer-events:none}.panel:before{left:9px}.panel:after{right:9px}.panel-title{position:relative;font:700 12px/1.5 var(--serif);text-align:center;letter-spacing:.6px;margin:0;padding:11px 6px;color:#f7e5b2;background:linear-gradient(180deg,#781b13,#3b0c08);border:1px solid #b18b46;box-shadow:inset 0 0 0 2px #320e09,0 2px 5px #2e170988;text-shadow:0 2px #240907}.panel-title:before,.panel-title:after{content:"◆";font-size:6px;position:absolute;top:50%;transform:translateY(-50%);color:#bf9858}.panel-title:before{left:9px}.panel-title:after{right:9px}.panel-body{padding:17px 14px;background-color:var(--paper);background-image:radial-gradient(ellipse at 30% 15%,#fff8dd88,transparent 50%),repeating-linear-gradient(12deg,#926b3204 0 1px,transparent 1px 4px),linear-gradient(90deg,#88652f30,transparent 5%,transparent 95%,#88652f30);border:1px solid #8c682d;border-top:0;box-shadow:inset 0 0 18px #92662b42}.navigation .panel-body{padding:12px 8px 14px}.nav-button{position:relative;display:flex;align-items:center;gap:8px;min-height:43px;padding:8px 9px;margin-bottom:7px;background:linear-gradient(#7c2017,#48100a);border:1px solid #b48c43;box-shadow:0 2px 2px #3f250848,inset 0 0 0 2px #3c190e;color:#f2dbac;font:700 12px var(--serif);text-shadow:0 1px #250906}.nav-button:last-child{margin-bottom:0}.nav-button:before,.nav-button:after{position:absolute;content:"";width:5px;height:5px;border:1px solid #dfbd75;top:50%;transform:translateY(-50%) rotate(45deg);background:#39140a}.nav-button:before{left:-4px}.nav-button:after{right:-4px}.nav-button>span{font-size:17px;width:19px;color:#c6a563;text-align:center}.nav-button i{font-style:normal;margin-left:auto;font-size:15px;color:#c19a55}.nav-button:hover,.nav-button.active{background:linear-gradient(#9b3c23,#622013);color:#fff5d4;border-color:#e4c789}.community-panel{padding:22px 16px 17px;border:1px solid #917039;box-shadow:inset 0 0 0 4px #211b12,0 5px 18px #0006;background:linear-gradient(#171b12b8,#12120cf0),url('/assets/courtyard.webp') 12% 75%/cover;color:#dfd0b2}.small-label{font-size:9px;letter-spacing:1.25px;font-weight:700;color:#8e582e}.community-panel .small-label{color:#be9e64;font-size:8px}.community-panel h2{font:700 26px/1.1 var(--serif);color:#f1d59a;margin:12px 0}.community-panel p{font-size:12px;line-height:1.7}.community-panel .btn{font-size:10px;padding:11px 7px;letter-spacing:0}.btn{border:1px solid #9d7132;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:39px;padding:10px 19px;font:700 12px/1.3 var(--serif);box-shadow:inset 0 0 0 2px #fff2c018,0 3px 5px #41220b33;text-align:center}.btn.gold{background:linear-gradient(#e1c084,#ac7d3b);color:#36200d;text-shadow:0 1px #f3d7a4}.btn.red,.btn.primary{background:linear-gradient(#9b3020,#58110c);border-color:#b58b45;color:#ffedbf;text-shadow:0 1px #2e0804}.btn:hover{filter:brightness(1.12)}.btn.subtle{background:transparent;box-shadow:none;color:#6e4531;border-color:#ac9064}.btn:disabled{opacity:.6;cursor:wait}.large{width:100%;min-height:52px;font-size:17px}.quick-guide ol{list-style:none;margin:0 0 14px;padding:0}.quick-guide li{display:flex;align-items:center;gap:9px;font-size:11px;margin:0 0 15px;line-height:1.45}.quick-guide li b{color:#8d321d;font:700 23px var(--serif)}.text-link{font-size:11px;color:#86291a;font-weight:700}.text-link:hover{text-decoration:underline}.central-panel .panel-title{font-size:15px;letter-spacing:1.2px;padding:13px 15px}.central-panel .panel-body{padding:19px}.welcome-art{min-height:345px;display:flex;flex-direction:column;justify-content:space-between;padding:21px 24px;position:relative;isolation:isolate;background:linear-gradient(0deg,#160d08f5 0%,#1b120aa3 60%,#2b140c66),url('/assets/courtyard.webp') center/cover;border:1px solid #83602c;box-shadow:0 0 0 3px #bf9a5c66,inset 0 0 30px #0007;color:#efdfbf}.tag{align-self:flex-start;display:inline-block;font-size:8px;font-weight:700;letter-spacing:1.6px;background:#641a10d9;color:#f1d093;border:1px solid #aa7b3f;padding:5px 9px}.welcome-art .small-label{color:#c4a772}.welcome-art h2{font:700 clamp(30px,3vw,45px)/1.08 var(--serif);margin:10px 0 12px;color:#fff1d3;text-shadow:0 3px 9px #000}.welcome-art h2 em{font-style:normal;color:#dfb66c}.welcome-art p{font-size:12px;line-height:1.65;margin-bottom:16px;color:#dacdb9}.section-heading{display:flex;align-items:center;gap:12px;margin:24px 0 4px;color:#a37c3e}.section-heading h2{flex:1;margin:0;text-align:center;font:700 17px var(--serif);color:#672419}.section-heading:before,.section-heading:after{content:"";height:1px;background:#b29769;flex:.4}.section-heading>span{font-size:10px}.news-item{padding:20px 1px;display:flex;gap:16px;border-bottom:1px solid #b69a6d80}.news-icon{flex:0 0 43px;height:47px;display:grid;place-items:center;font:25px var(--serif);color:#b79450;background:linear-gradient(#47301d,#27190f);border:1px solid #95703c;box-shadow:inset 0 0 0 3px #362615,inset 0 0 0 4px #76582d}.news-item h3{font:700 19px/1.3 var(--serif);color:#65271b;margin:5px 0 8px}.news-item p{font-size:12px;line-height:1.8;margin:0 0 9px;color:#69533c}.welcome-footer{padding:20px 0 5px;text-align:center;color:#8d7150;font:italic 12px var(--serif)}.welcome-footer strong{display:block;margin-top:6px;color:#754221;font-size:17px}.field{margin:0 0 13px}.field label{display:block;font-size:11px;font-weight:600;color:#583c24;margin-bottom:5px}.field input{width:100%;min-width:0;padding:10px 11px;border:1px solid #ab8850;background:#f8edcf;box-shadow:inset 0 2px 4px #754c2320;color:#302118;outline:none;border-radius:0;font-size:13px}.field input:focus{border-color:#8b301e;box-shadow:0 0 0 2px #9a4d2424}.field input::placeholder{color:#9b8669;font-size:11px}.field small{font-size:11px;color:#7e684f;display:block;margin-top:5px}.login-card .btn{width:100%;margin-top:2px}.create-account{font-size:10px;text-align:center;display:block;margin-top:12px;color:#816649}.create-account b{display:block;color:#8d2d1b;margin-top:2px}.form-note{font-size:11px;color:#7c4024;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}.form-note.error{color:#a21f13}.form-note.success{color:#3e642b}.check{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#765e43}.check input{margin-top:4px;accent-color:#84271a}.check a{text-decoration:underline;color:#812b1b}.form-content{padding:24px!important}.form-content .field{margin-bottom:16px}.form-content .btn{margin-top:20px;width:100%}.form-content form{max-width:440px;margin:auto}.intro{font-size:13px;margin:0 0 21px;color:#796044}.form-content .intro{text-align:center}.download-side{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:125px;padding:18px 17px;color:#f1ddb1;border:1px solid #b58b45;box-shadow:inset 0 0 0 4px #3a100b,inset 0 0 0 5px #8e632d,0 5px 20px #0006;background:linear-gradient(90deg,#57130ded,#4f150bc9),url('/assets/warrior-hero.webp') 10% 35%/cover}.download-side:hover{filter:brightness(1.15)}.download-side .small-label{color:#d3aa6a;font-size:8px}.download-side strong{font:700 22px var(--serif);margin:5px 0;color:#f9dda2}.download-side small{font-size:10px;color:#bf9d73}.side-arrow{position:absolute;right:20px;font:52px var(--serif);color:#dbb577}.leaderboard .panel-title{font-size:11px}.leaderboard .panel-body{padding:9px 11px 12px}.rank{display:grid;grid-template-columns:20px minmax(0,1fr) 35px;gap:7px;padding:10px 0;border-bottom:1px solid #b3986e5c;align-items:center}.rank-no{color:#9b6c37;font:700 16px var(--serif)}.rank:first-child .rank-no{color:#a43117}.rank-name{font-size:11px;font-weight:600;overflow-wrap:anywhere}.rank-sub{display:block;color:#947c60;font-size:9px;font-weight:400}.rank-level{font-size:10px;font-weight:700;color:#76502e;text-align:right}.rank-more{display:flex;justify-content:space-between;font-size:10px;color:#8a301d;font-weight:700;padding-top:12px}.full-ranking .rank{padding:15px 6px;grid-template-columns:34px minmax(0,1fr) 80px;gap:16px}.full-ranking .rank-name{font-size:14px}.full-ranking .rank-sub{font-size:11px}.full-ranking .rank-level{font-size:12px}.full-ranking .rank-no{font-size:23px}#account-name{overflow-wrap:anywhere;font:700 22px var(--serif);color:#712b1b;margin:8px 0}#my-characters p{border-bottom:1px solid #c1a57277;padding:7px 0;font-size:11px;overflow-wrap:anywhere}.prose h2{font:700 28px var(--serif);color:#6b291c;margin:10px 0 20px}.prose h3{font:700 19px var(--serif);color:#78462a;margin:25px 0 9px}.prose p{font-size:13px;line-height:1.9;color:#70583f}.prose .btn{margin-top:10px}.prose .muted{font-size:11px;color:#917854}.prose details{padding:14px 0;border-bottom:1px solid #b69a6d80}.prose summary{cursor:pointer;font-weight:700;color:#713521}.install-steps{padding-left:20px;font-size:13px;line-height:1.9}.install-steps li{margin:12px 0}.download-illustration{text-align:center;padding:20px 10px 26px}.download-illustration>span{font:70px var(--serif);color:#9f773b}.download-illustration h2{margin:0;font-size:40px}.download-illustration p{margin:4px 0;font-size:11px;letter-spacing:2px;text-transform:uppercase}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#b59d79;border-top:1px solid #775b32;padding:27px 5px 32px;margin-top:38px;font-size:10px}.site-footer p{margin:0 0 7px}.site-footer nav{display:flex;gap:12px;color:#d7c19b}.site-footer nav i{font-size:6px;font-style:normal;align-self:center;color:#80613b}.site-footer a:hover{color:#f3ddb2}.footer-brand{font:700 23px var(--serif);letter-spacing:-1px;color:#d2b37c}.footer-brand span{color:#a57a3f}.footer-motto{font:italic 16px var(--serif);color:#a58b65}.skip-link{position:fixed;left:12px;top:-100px;background:#fff1ce;color:#34190b;padding:12px;z-index:50}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #bc7538;outline-offset:3px}
@media(min-width:1500px){.hero-copy{left:51%;width:38%;top:45px}.hero{height:440px}.hero-description{font-size:14px}}
@media(max-width:1080px){.page-grid{grid-template-columns:180px minmax(0,1fr) 235px;gap:16px}.site-width{width:calc(100% - 30px)}.nav-button{font-size:11px;gap:5px;padding-inline:7px}.nav-button>span{width:16px}.central-panel .panel-body{padding:15px}.welcome-art{padding:20px 18px;min-height:325px}.hero{height:385px}.hero-copy{top:50px}.hero-kicker{font-size:8px;letter-spacing:2px}.wordmark{font-size:52px}.hero-motto{font-size:22px}.play-banner{min-height:82px;width:560px}.play-banner strong{font-size:26px}.news-item{gap:10px}.news-icon{flex-basis:34px;height:41px}.news-item h3{font-size:17px}.panel-title{font-size:10px}}
@media(max-width:850px){.page-grid{grid-template-columns:minmax(0,1fr) 255px}.left-column{grid-column:1/-1;display:block}.navigation .panel-body{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.navigation .nav-button{margin:0;justify-content:center;min-height:38px;font-size:11px}.navigation .nav-button i,.navigation .nav-button>span{display:none}.navigation .panel-title,.left-column .community-panel,.quick-guide{display:none}.hero{height:350px;background-position:40% 32%}.hero-copy{left:49%;top:35px;width:49%}.wordmark{font-size:46px;letter-spacing:-2px}.hero-kicker{font-size:8px;letter-spacing:1px}.hero-motto{font-size:20px}.hero-description{font-size:12px}.status-ribbon{gap:15px}.ribbon-detail{display:none}.play-banner{width:530px;min-height:80px}.footer-motto{display:none}.page-grid{padding-top:20px}.central-panel .panel-title{font-size:13px}.welcome-art h2{font-size:34px}}
@media(max-width:600px){.site-width{width:calc(100% - 22px)}.top-strip{font-size:8px;height:28px;letter-spacing:.5px}.top-strip .language{font-size:0}.top-strip .language:before{content:"🇹🇷 Türkçe";font-size:9px}.hero{height:390px;background-size:auto 100%;background-position:29% center}.hero-shade{background:linear-gradient(90deg,#100c0826,#100c0877 45%,#100c08b0)}.hero:after{background:linear-gradient(0deg,#100c08 0%,transparent 35%)}.hero-copy{top:43px;left:38%;width:60%}.wordmark{font-size:35px;letter-spacing:-1.5px;margin-top:13px}.hero-kicker{font-size:7px;letter-spacing:.6px}.hero-motto{font-size:17px}.hero-description{font-size:11px}.play-banner{width:calc(100% - 30px);bottom:17px;gap:12px;min-height:79px;padding:12px}.play-banner strong{font-size:22px}.play-banner small{font-size:7px;letter-spacing:0}.play-banner small b{margin:0 4px}.download-emblem{width:44px;height:44px;font-size:36px}.play-arrow{font-size:16px}.page-grid{display:flex;flex-direction:column;gap:19px}.left-column,main,.right-column{width:100%}.navigation .panel-body{grid-template-columns:repeat(2,1fr);gap:7px}.navigation .nav-button{min-height:38px;font-size:12px}.navigation .panel-body{padding:10px}.status-ribbon{min-height:48px;gap:10px;font-size:10px;justify-content:space-between;padding:0 6px}.central-panel .panel-title{font-size:13px;letter-spacing:.6px}.central-panel .panel-body{padding:15px}.welcome-art{min-height:337px;padding:20px}.welcome-art h2{font-size:40px}.right-column{grid-template-columns:1fr}.login-card .panel-body{padding:20px}.leaderboard .panel-body{padding:12px 20px}.rank-name{font-size:12px}.rank-sub{font-size:10px}.rank-level{font-size:12px}.panel-title{font-size:13px}.news-item{padding-block:21px;gap:13px}.news-icon{flex-basis:39px}.news-item h3{font-size:19px}.site-footer{flex-direction:column;gap:14px;text-align:center;margin-top:25px;padding-block:25px}.site-footer nav{justify-content:center}.footer-brand{font-size:26px}.form-content{padding:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Continuous viewport background and consistent scalable download icons. */
.download-icon{display:block;width:24px;height:24px;flex:none}
.download-emblem{background:none;border:0;box-shadow:none;width:48px;height:48px}
.download-emblem .download-icon{width:42px;height:42px;filter:drop-shadow(0 2px 2px #270a04)}
.nav-button>span:has(.download-icon){display:grid;place-items:center}
.nav-button .download-icon{width:17px;height:17px}
.side-arrow{display:grid;place-items:center;right:21px;font-size:0}
.side-arrow .download-icon{width:33px;height:33px}
.download-illustration>span{display:grid;place-items:center;margin-bottom:14px}
.download-illustration .download-icon{width:58px;height:58px}
#download-link .download-icon{width:21px;height:21px}
.hero-copy{top:80px}.hero-description{margin-top:20px}
@media(min-width:1500px){.hero-copy{top:76px}}
@media(max-width:850px){.hero-copy{top:65px}}
@media(max-width:600px){.hero-copy{top:80px}.download-emblem{width:36px;height:36px}.download-emblem .download-icon{width:32px;height:32px}}

/* Bespoke East Asian fantasy community card and inventory-style news art. */
.community-panel{min-height:382px;padding:187px 14px 16px;background:linear-gradient(0deg,#14060266,transparent 75%),url('/assets/whatsapp-temple.webp') center top/cover no-repeat;box-shadow:inset 0 0 0 3px #392415,inset 0 0 0 4px #967141,0 5px 18px #0006;text-shadow:0 2px 6px #000}
.community-panel .small-label{color:#d7b37a;font-size:8px;letter-spacing:1px}
.community-panel h2{font-size:24px;line-height:1.15;margin:10px 0;color:#ffebbd}
.community-panel p{font-size:11px;margin:10px 0 14px;color:#e0cdb0;line-height:1.7}
.community-panel .btn.gold{width:100%;min-height:38px;padding:10px;background:linear-gradient(#286444,#133e2b);border-color:#b28b50;color:#fff1cc;font-size:12px;letter-spacing:.3px;text-shadow:0 1px #102719}
.news-icon{flex:0 0 56px;width:56px;height:56px;padding:2px;background:#2b180e;border:1px solid #a88145;box-shadow:inset 0 0 0 1px #e5c67b77,0 2px 4px #5b361c2b;overflow:hidden}
.news-icon img{display:block;width:50px;height:50px;object-fit:contain}
@media(max-width:1080px){.news-icon{flex-basis:50px;width:50px;height:50px}.news-icon img{width:44px;height:44px}}
@media(max-width:600px){.news-icon{flex-basis:50px;width:50px;height:50px}.news-icon img{width:44px;height:44px}}