@layer base,components;
@layer base{
:root{color-scheme:dark;--bg:#0c1114;--panel:#131b20;--line:#2c353b;--gold:#d9b679;--muted:#a9b2b6;--white:#f3f0e8;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,select,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{line-height:1.75;color:var(--muted)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.04;letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.13;letter-spacing:-.025em}h3{font-size:1.5rem}::selection{background:#665135;color:#fff}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--gold);color:#101417;padding:15px}.skip:focus{top:12px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:.68rem;line-height:1.8;color:var(--gold);font-weight:700}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:0 25px;border:1px solid #53616a;background:transparent;font-size:.76rem;font-weight:700;letter-spacing:.03em;border-radius:2px;transition:background .2s,border-color .2s}.button:hover{background:#263038;border-color:var(--gold)}.button.gold{background:var(--gold);color:#151a1c;border-color:var(--gold)}.button.gold:hover{background:#ebcc98}.actions{display:flex;flex-wrap:wrap;gap:12px}.arrow{font-size:1.15rem}.divider{height:1px;background:var(--line)}
}
@layer components{
header{height:89px;border-bottom:1px solid #ffffff16;background:#0c1114f7;position:relative;z-index:5}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.seal{width:38px;height:42px;color:var(--gold);display:grid;place-items:center;border:1px solid #806a43;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);font:bold 24px Georgia}.brand small{display:block;font-size:.55rem;letter-spacing:.23em;color:var(--muted);margin-bottom:5px}.brand strong{font:18px Georgia;letter-spacing:.15em}.nav-links{display:flex;gap:34px;align-items:center;font-size:.76rem;color:var(--muted);height:100%}.nav-links a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-links a[aria-current=page]{color:var(--gold);border-color:var(--gold)}.nav-links a:hover{color:var(--white)}.nav-cta{display:flex;gap:20px;align-items:center}.nav-cta>a:first-child{font-size:.73rem;color:var(--muted)}.hero{position:relative;min-height:610px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1114 0%,#0c1114eb 20%,#0c111478 52%,#0c111415 100%);z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1114 0%,transparent 35%,#0c11141a 100%);z-index:-1}.hero-copy{padding:76px 0 72px;max-width:610px}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hero .eyebrow:before{content:'';width:28px;height:1px;background:var(--gold)}.hero h1 em{font-weight:400;color:var(--gold)}.hero p{font-size:.92rem;max-width:430px;margin:24px 0 28px}.hero-note{font-size:.67rem;color:var(--muted);margin-top:22px;display:flex;align-items:center;gap:8px}.hero-note:before{content:'';height:5px;width:5px;background:var(--gold);border-radius:50%}.hero-side{position:absolute;inset-inline-end:40px;bottom:44px;writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.25em;color:#e1ded4aa}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0 32px;border-bottom:1px solid var(--line)}.fact{padding:0 40px;border-inline-start:1px solid var(--line);display:flex;align-items:center;gap:19px}.fact:first-child{border:0;padding-inline-start:0}.fact b{font:2.1rem Georgia;color:var(--gold)}.fact span{font-size:.75rem;color:var(--muted);line-height:1.6}.section{padding:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:12px}.section-heading p{font-size:.84rem;max-width:380px}.class-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:30px}.class{padding:28px 25px;border-inline-start:1px solid var(--line);display:flex;gap:18px;align-items:center}.class:first-child{border:0}.class span{font:italic 1.65rem Georgia;color:#776546}.class h3{font-size:1.25rem}.explore{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:80px}.explore-card{min-height:270px;padding:36px;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:end;background:radial-gradient(ellipse at 90% 20%,#323e3c 0%,#121a1d 65%)}.explore-card:last-child{background:radial-gradient(ellipse at 100% 0,#514027 0%,#171b1c 65%)}.explore-card .giant{position:absolute;right:25px;top:10px;font:170px Georgia;color:#d5b97d14;line-height:1}.explore-card .eyebrow{margin-bottom:10px}.explore-card h2{font-size:2.3rem;margin-bottom:15px}.text-link{font-size:.75rem;color:var(--gold);display:flex;gap:25px;align-items:center}.join{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:47px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.join h2{font-size:2rem;margin-bottom:9px}.join p{font-size:.85rem}footer{padding:35px 0 85px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:.68rem;color:var(--muted)}.footer-inner a{color:var(--gold)}.page-intro{padding:62px 0 35px}.breadcrumbs{font-size:.65rem;color:var(--muted);display:flex;gap:12px;margin-bottom:36px}.breadcrumbs a{color:var(--gold)}.page-intro h1{font-size:clamp(2.8rem,5vw,4.6rem);margin:10px 0 20px}.page-intro p{max-width:620px;font-size:.9rem}.toolbar{padding:24px;background:var(--panel);border:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1.3fr 1.1fr auto;gap:16px;align-items:end;margin-top:10px}.field{display:flex;flex-direction:column;gap:9px;font-size:.68rem;color:var(--muted)}input,select{width:100%;min-height:42px;background:#0c1317;border:1px solid #3a454c;border-radius:2px;color:var(--white);padding:9px 12px;font-size:.78rem}input::placeholder{color:#869298}.toolbar .button{min-height:42px;padding:0 15px}.result-line{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:.72rem;color:var(--muted)}.boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.boss{border:1px solid var(--line);background:#11191d;overflow:hidden}.boss-portrait{height:165px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#303b3833,transparent 75%);border-bottom:1px solid #ffffff08}.boss-portrait img{height:125px;width:125px;object-fit:contain;image-rendering:auto}.boss-level{position:absolute;top:15px;left:16px;border:1px solid #665435;color:var(--gold);padding:5px 8px;font-size:.6rem}.boss-info{padding:22px}.boss h2{font-size:1.3rem;overflow-wrap:anywhere}.zone{font-size:.68rem;color:var(--muted);margin:8px 0 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);padding-top:17px}.stats dt{font-size:.55rem;color:var(--muted);margin-bottom:7px}.stats dd{font-size:.68rem;margin:0;font-variant-numeric:tabular-nums;color:#e8e5de}.boss details{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}summary{font-size:.65rem;color:var(--gold);line-height:1.6}.elements{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 5px;margin-top:16px}.elements span{font-size:.55rem;color:var(--muted);display:flex;flex-direction:column;gap:7px}.elements b{font-size:.72rem;color:var(--white)}.empty{text-align:center;padding:60px 10px;border:1px solid var(--line);margin-bottom:60px}.empty h2{font-size:1.5rem;margin-bottom:15px}.catalog-note{font-size:.72rem;color:var(--muted);margin-bottom:25px}.packs{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:15px 0 35px}.pack{padding:28px 22px;border:1px solid var(--line);background:linear-gradient(155deg,#252c2b,#11181c 75%);position:relative}.pack:last-child{border-color:#9e8252;background:linear-gradient(155deg,#3b3325,#151b1d 75%)}.coin{width:49px;height:49px;border-radius:50%;border:1px solid #9e8252;box-shadow:inset 0 0 0 5px #151b1d,inset 0 0 0 6px #6b5635;display:grid;place-items:center;color:var(--gold);font:italic 23px Georgia;margin-bottom:25px}.pack h2{font:1.9rem Georgia}.pack .unit{font-size:.65rem;color:var(--muted);margin:8px 0 20px}.price{font:1.6rem Georgia;border-top:1px solid var(--line);padding-top:20px}.bonus{font-size:.62rem;color:var(--gold);min-height:17px;margin-top:10px}.notice{border-inline-start:2px solid var(--gold);padding:16px 20px;background:#d9b67908;font-size:.79rem;margin-bottom:55px}.notice p{font-size:.79rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:32px 0 55px}.step{border-top:1px solid var(--line);padding-top:24px}.step>span{color:var(--gold);font:italic 1.7rem Georgia}.step h3{font-size:1.35rem;margin:15px 0 12px}.step p{font-size:.8rem}.faq{max-width:800px;padding-bottom:60px}.faq h2{font-size:2rem;margin-bottom:28px}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq summary{font-size:.9rem;color:var(--white)}.faq p{font-size:.82rem;padding-top:15px}.translate{position:fixed;bottom:22px;right:24px;z-index:20}.translate>button{display:flex;align-items:center;gap:12px;background:#e4cc9c;color:#172025;padding:13px 17px;border:1px solid #f0ddb8;border-radius:3px;font-size:.72rem;box-shadow:0 5px 30px #0007}.language-panel{position:absolute;bottom:58px;right:0;width:285px;max-height:65vh;overflow:auto;background:#162027;border:1px solid #47545b;padding:18px;box-shadow:0 10px 40px #0009}.language-panel p{font-size:.67rem;margin-bottom:12px;color:var(--gold)}.languages{display:grid;grid-template-columns:1fr 1fr;gap:5px}.languages a{padding:10px;font-size:.7rem;border:1px solid transparent}.languages a:hover,.languages a[aria-current]{border-color:#776344;background:#d9b6790c}.language-panel .close{float:right;background:none;border:0;font-size:18px;line-height:1}.privacy-note{margin-top:14px!important;font-size:.6rem!important;color:var(--muted)!important}
.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 0 35px;font-size:.75rem}.pagination button:disabled{opacity:.35;cursor:default}.toolbar{scroll-margin-top:20px}
@media(min-width:1600px){.hero{min-height:700px}}@media(max-width:1050px){.nav-cta>a:first-child{display:none}.nav{gap:20px}.nav-links{gap:24px}.wrap{width:calc(100% - 48px)}.packs{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:2fr 1fr 1fr}.toolbar .button{grid-column:3}.boss-grid{grid-template-columns:repeat(2,1fr)}.fact{padding:0 20px}.class{padding:24px 15px;gap:12px}.hero-copy{max-width:540px}.hero:before{background:linear-gradient(90deg,#0c1114f5,#0c1114c9 35%,#0c111433)}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}header{height:auto}.nav{min-height:78px;flex-wrap:wrap;gap:0;padding-top:16px}.brand strong{font-size:15px}.brand small{font-size:.48rem}.seal{width:30px;height:35px}.nav-cta .button{padding:0 13px;min-height:38px;font-size:.62rem}.nav-links{order:3;width:100%;justify-content:center;height:49px;margin-top:8px;gap:42px}.nav-links a{font-size:.72rem}.hero{min-height:570px}.hero-art{object-position:62% center;opacity:.52}.hero-copy{padding:65px 0 60px}.hero h1{font-size:3.6rem;max-width:460px}.hero p{max-width:340px;font-size:.86rem}.hero-side{display:none}.facts{padding:25px 0;gap:10px}.fact{padding:0 9px;gap:8px;flex-direction:column;align-items:start}.fact b{font-size:1.5rem}.fact span{font-size:.62rem}.section{padding:55px 0}.section-heading{display:block;margin-bottom:25px}.section-heading p{margin-top:20px}.class-list{grid-template-columns:repeat(2,1fr)}.class:nth-child(3),.class:nth-child(4){border-top:1px solid var(--line)}.class:nth-child(3){border-inline-start:0}.explore{grid-template-columns:1fr;margin-bottom:55px;gap:16px}.explore-card{min-height:220px;padding:28px}.join{flex-direction:column;align-items:start;padding:35px 0}.footer-inner{align-items:start;flex-direction:column;gap:20px}.page-intro{padding-top:32px}.breadcrumbs{margin-bottom:25px}.toolbar{grid-template-columns:1fr 1fr;padding:16px;gap:14px}.toolbar .field:first-child{grid-column:1/-1}.toolbar .button{grid-column:auto}.boss-grid{grid-template-columns:1fr;gap:16px}.boss-portrait{height:150px}.packs{grid-template-columns:repeat(2,1fr);gap:12px}.pack{padding:23px 18px}.pack:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr;gap:25px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:12px}.step h3{margin:0 0 12px}.step p{grid-column:2}.translate{bottom:15px;right:15px}.language-panel{width:275px}.result-line{font-size:.65rem}.section-heading h2{font-size:2rem}.join .actions{width:100%}.join .actions .button{flex:1}.notice{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}[dir=rtl] .translate{right:auto;left:24px}[dir=rtl] .language-panel{right:auto;left:0}
}

.hero h1{font-size:clamp(1.9rem,5.4vw,4.4rem)}.hero h1 .game-name{white-space:nowrap}

.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.class-list{border:0;gap:20px;align-items:stretch}.class-card{min-width:0;border:1px solid var(--line);background:#11191d;overflow:hidden;transition:border-color .2s}.class-card:hover{border-color:#8e7853}.class-art{position:relative;aspect-ratio:4/4.6;overflow:hidden;background:#131e23}.class-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11191d,transparent 40%)}.class-art img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .4s}.class-card:hover .class-art img{transform:scale(1.035)}.class-number{position:absolute;top:17px;left:19px;font:italic 1.2rem Georgia;color:#ead1a0;z-index:1;text-shadow:0 2px 8px #000}.class-description{padding:5px 23px 27px;position:relative}.class-description h3{font-size:1.85rem;margin-bottom:13px}.class-role{color:var(--gold);font-size:.58rem;letter-spacing:.055em;line-height:1.7;min-height:2.2em;margin-bottom:11px}.class-description p{font-size:.78rem;line-height:1.8}.class-mage .class-role{color:#9bc7de}.class-taoist .class-role{color:#9ac3a7}.class-assassin .class-role{color:#b5a5d0}
.boss{border-color:#34433f;background:linear-gradient(145deg,#172125,#10181c 65%);position:relative;transition:border-color .2s,box-shadow .2s}.boss:before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#b89a5b,transparent);opacity:.6;z-index:1}.boss:hover{border-color:#88734e;box-shadow:0 8px 24px #0003}.boss-portrait{background:radial-gradient(ellipse at 50% 60%,#54897c30,transparent 68%),linear-gradient(135deg,#23303277,#111a20);overflow:hidden}.boss-portrait:before{content:'';position:absolute;width:115px;height:115px;border:1px solid #cfad6a22;border-radius:50%;box-shadow:0 0 0 19px #cfad6a08,0 0 0 20px #cfad6a0b}.boss-portrait img{position:relative;filter:drop-shadow(0 7px 12px #0008);transition:transform .25s}.boss:hover .boss-portrait img{transform:translateY(-3px) scale(1.04)}.boss-level{z-index:1;background:#17201edb;border-color:#8d7348;color:#e7c48d}.boss .zone{color:#9ab8ad}.boss .stats{background:#070d112b;padding:16px 10px 12px;border-radius:2px}.boss .stats dd{color:#f0e9da}.element-section{border-top:1px solid #b89a5b29;margin-top:18px;padding-top:15px}.element-heading{font-size:.62rem;color:var(--gold);letter-spacing:.035em}.elements{gap:13px 7px;margin-top:15px}.elements span{padding:7px 5px;background:#ffffff03;border-radius:2px}.elements b.element-negative{color:#ff8383}.elements b.element-positive{color:#e7c17b}.elements b.element-neutral{color:#f3f0e8}.boss:nth-child(3n+2) .boss-portrait{background:radial-gradient(ellipse at 50% 60%,#6889ac30,transparent 68%),linear-gradient(135deg,#202b3677,#111a20)}.boss:nth-child(3n+3) .boss-portrait{background:radial-gradient(ellipse at 50% 60%,#ad854130,transparent 68%),linear-gradient(135deg,#302a2177,#111a20)}
@media(max-width:1050px){.class-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.class-art{aspect-ratio:4/3.5}.class-description{padding:8px 24px 28px}}@media(max-width:680px){.class-list{gap:13px}.class-art{aspect-ratio:4/4.8}.class-description{padding:2px 15px 22px}.class-description h3{font-size:1.45rem;margin-bottom:10px}.class-description p{font-size:.74rem}.class-role{font-size:.55rem;min-height:3.5em;margin-bottom:8px}.class-number{left:13px;top:13px;font-size:1rem}}@media(max-width:350px){.class-list{grid-template-columns:1fr}.class-art{aspect-ratio:4/3.5}}

/* Keep the artwork's top edge visible at every viewport size. */
.hero-art{object-position:70% top}@media(max-width:680px){.hero-art{object-position:62% top}}
/* Center the introduction and cap artwork scaling across wide browser windows. */
.hero-art{inset:0 auto auto 50%;width:100%;max-width:1240px;height:auto;transform:translateX(-50%);object-fit:contain;object-position:center top}
.hero-copy{max-width:760px;margin-inline:auto;text-align:center}
.hero .eyebrow,.hero-copy .actions,.hero-note{justify-content:center}
.hero p{max-width:550px;margin-inline:auto}
.hero:before{background:radial-gradient(ellipse at 50% 42%,#0c1114b5 0%,#0c11145c 52%,#0c111429 85%),linear-gradient(90deg,#0c1114 0%,transparent 18%,transparent 82%,#0c1114 100%)}
@media(max-width:680px){.hero-copy{max-width:100%;padding-top:70px}.hero h1{max-width:none}.hero-art{object-position:center top;opacity:.65}.hero:before{background:linear-gradient(0deg,#0c1114 0%,#0c1114b3 60%,#0c11143b 100%)}.hero p{max-width:340px}.hero .eyebrow{font-size:.56rem;letter-spacing:.13em}.hero .eyebrow:before{display:none}}

.hero-art{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}

/* Generated lateral mist sits behind the unchanged original central artwork. */
.hero-extension{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-4;pointer-events:none}.hero:before{background:radial-gradient(ellipse at 50% 42%,#0c1114aa 0%,#0c11145c 60%,#0c11144d 100%)}
@media(max-width:680px){.hero-extension{opacity:.6}.hero:before{background:linear-gradient(0deg,#0c1114 0%,#0c1114b3 60%,#0c11143b 100%)}}

.hero-art{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}

.hero-extension{width:max(0px,calc((100% - 1240px)/2 + 40px));height:100%;background-image:url(hero-lateral-extension.webp);background-size:500% 100%;background-repeat:no-repeat}.hero-extension-left{inset:0 auto 0 0;background-position:left top}.hero-extension-right{inset:0 0 0 auto;background-position:right top}@media(max-width:1240px){.hero-extension{display:none}}
.news-intro{position:relative}.news-intro h1{font-size:clamp(2.7rem,5vw,4.3rem)}.news-count{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted);letter-spacing:.04em}.news-count>span:last-child{color:var(--gold);font-size:.55rem;letter-spacing:.22em}.news-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;padding-bottom:65px;scroll-margin-top:25px}.news-column{min-width:0;display:flex;flex-direction:column;gap:24px}.news-card{min-width:0;background:linear-gradient(155deg,#1a2529,#11191d 70%);border:1px solid #34413f;border-radius:2px;overflow:hidden;scroll-margin-top:25px;transition:border-color .2s,box-shadow .2s}.news-card:hover,.news-card[open]{border-color:#8c754e;box-shadow:0 10px 30px #0002}.news-card>summary{display:block;list-style:none;color:inherit;cursor:pointer}.news-card>summary::-webkit-details-marker{display:none}.news-image{height:155px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff09}.news-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.55) brightness(.65);transition:transform .3s}.news-card:hover .news-image img{transform:scale(1.035)}.news-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142024ce,transparent 80%)}.news-image-label{position:absolute;bottom:18px;left:23px;z-index:1;color:#e6c58e;font:13px Georgia;letter-spacing:.2em}.news-preview{padding:23px}.news-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:17px}.news-meta time{color:var(--muted);font-size:.65rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}.news-demo{font-size:.56rem;color:var(--gold);border:1px solid #92774a66;padding:5px 8px;align-self:start;line-height:1.5}.news-card h2{font-size:1.5rem;line-height:1.22;letter-spacing:-.015em;margin-bottom:14px;overflow-wrap:anywhere}.news-preview>p{font-size:.78rem;line-height:1.8}.news-read-more,.news-read-less{color:var(--gold);font-size:.7rem;display:flex;justify-content:space-between;gap:15px;margin-top:23px}.news-read-less{display:none}.news-card[open] .news-read-more{display:none}.news-card[open] .news-read-less{display:flex}.news-body{padding:0 23px 23px;font-size:.8rem}.news-body>p{font-size:.8rem;margin:18px 0;line-height:1.85}.news-body h3{font-size:1.2rem;margin:25px 0 12px}.news-body ul{margin:0;padding-inline-start:18px;color:var(--muted)}.news-body li{padding-inline-start:3px;margin-bottom:14px;line-height:1.85}.news-body li::marker{color:var(--gold)}.news-disclaimer{padding:13px 14px;border-inline-start:2px solid var(--gold);background:#d9b67909;color:#d2c3a8;font-size:.7rem;line-height:1.75}.news-close{display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--gold);padding:18px 0 0;margin-top:25px;width:100%;font-size:.72rem;text-align:start}
@media(max-width:1050px){.news-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:23px}}@media(max-width:680px){.news-layout{grid-template-columns:minmax(0,1fr);gap:18px}.news-column{gap:18px}.news-image{height:165px}.news-card h2{font-size:1.55rem}.news-count>span:last-child{font-size:.47rem;letter-spacing:.12em}.nav-links{gap:0;justify-content:space-between}.nav-links a{padding-inline:8px;font-size:.68rem}.news-intro{padding-bottom:30px}}

/* Equal-size previews, chronological row order and aligned grid rows. */
.news-layout{align-items:stretch}.news-card{height:100%;align-self:stretch}.news-card>summary{display:flex;flex-direction:column}.news-image{flex:none}.news-preview{height:310px;display:flex;flex-direction:column}.news-meta{flex:none}.news-card h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex:none;line-height:1.25;min-height:3.75em;max-height:3.75em}.news-preview>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.8;max-height:5.4em;flex:none}.news-read-more{margin-top:auto;padding-top:18px}.news-card[open] h2{display:block;min-height:3.75em;max-height:none;overflow:visible}.news-card[open] .news-preview{height:auto;min-height:310px}.news-card[open] .news-preview>p{display:block;max-height:none;overflow:visible}.news-card[open] .news-body{padding-top:15px}
@media(max-width:680px){.news-preview{height:315px}.news-card[open] .news-preview{min-height:315px}}

/* Expand only the selected story, keeping neighbouring cards compact. */
.news-layout{align-items:start}.news-card{height:auto;align-self:start}

/* Automatically distinguish the newest story without changing card dimensions. */
.news-card.news-latest{position:relative;border-color:#d4ae69;box-shadow:0 0 20px #d9b67916,0 8px 24px #0002}.news-card.news-latest:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#9e783e,#efd69e,#ae8548);z-index:2;pointer-events:none}.news-latest-label{position:absolute;top:16px;inset-inline-end:15px;max-width:85%;padding:8px 10px;z-index:1;background:#dfc18c;color:#172024;font-size:.56rem;font-weight:700;letter-spacing:.09em;line-height:1.5;border-radius:2px;box-shadow:0 3px 12px #0003}.news-card.news-latest:hover{border-color:#f2d49c;box-shadow:0 0 25px #d9b67924,0 8px 24px #0003}

.news-meta{min-height:44px}

/* Compact expanded previews and a consistent editorial introduction. */
.news-card[open] .news-preview{height:auto;min-height:0;padding-bottom:14px}.news-card[open] h2{min-height:0;max-height:none}.news-card[open] .news-meta{min-height:0;margin-bottom:14px}.news-card[open] .news-body{padding-top:0}.news-introduction{padding:14px 15px;border-inline-start:2px solid var(--gold);background:#d9b67909;color:#d2c3a8;font-size:.78rem;line-height:1.85}.news-disclaimer{margin-bottom:14px}.news-body .news-introduction+h3{margin-top:23px}

.news-meta{min-height:0;gap:0;margin-bottom:12px}.news-card[open] .news-meta{margin-bottom:12px}

/* Compact closed news cards: keep the grid aligned without the large empty gaps. */
.news-preview{height:220px;padding:20px;position:relative}
.news-meta{margin-bottom:8px}
.news-card h2{margin:0 0 10px;line-height:1.22;min-height:2.44em;max-height:2.44em}
.news-preview>p{margin:0;line-height:1.65;max-height:3.3em}
.news-preview .news-read-more{position:absolute;inset-inline:20px;bottom:20px;margin:0;padding:0}
[dir=rtl] .translate{right:24px;left:auto}
[dir=rtl] .language-panel{right:0;left:auto}
[dir=rtl] body{direction:ltr}
.news-body-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;color:var(--gold);font-size:.72rem;border-bottom:1px solid #92774a88;padding-bottom:5px}.news-body-link:hover{color:var(--white);border-color:var(--gold)}

/* News topics: compact category selector and clickable card labels. */
.news-count{gap:18px;flex-wrap:wrap}
.news-filter{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.68rem;letter-spacing:0}
.news-filter select{min-width:160px;padding:9px 32px 9px 11px;border:1px solid var(--line);border-radius:2px;background:#11191d;color:var(--white);font:inherit;letter-spacing:0;cursor:pointer}
.news-filter select:focus-visible,.news-category:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.news-count .news-journal{margin-inline-start:auto}
.news-meta{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.news-category{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid;border-radius:2px;font:600 .59rem/1.3 var(--font-body);letter-spacing:.04em;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.news-category-overlay{position:absolute;inset-inline-start:23px;bottom:18px;z-index:2}
.news-category-announcement{color:#e1bd7f;border-color:#92774a77;background:#d9b6790b}
.news-category-announcement:hover{background:#d9b67920;border-color:#d9b679}
.news-category-patch{color:#8bcac4;border-color:#4f918b88;background:#6bbab20c}
.news-category-patch:hover{background:#6bbab21d;border-color:#79c7c0}
@media(max-width:680px){.news-count{gap:12px}.news-filter{order:3;width:100%;justify-content:space-between}.news-filter select{flex:1;max-width:220px}.news-count .news-journal{margin-inline-start:auto}}
.hero .eyebrow:after{content:'';width:28px;height:1px;background:var(--gold)}
.brand small{font-size:.62rem}.brand strong{color:var(--gold)}
:root{--font-display:"Cinzel",Georgia,serif;--font-body:"Manrope",Arial,sans-serif;font-family:var(--font-body)}
body{font-family:var(--font-body)}
h1,h2,h3{font-family:var(--font-display)}
summary,.button,input,select,.eyebrow,.news-meta,.news-image-label,.news-body,.news-read-more,.news-read-less,.news-close,.text-link,.nav-links,.nav-cta,.fact span,.elements,.stats,.pack .unit,.bonus,.catalog-note,.privacy-note,.footer-inner{font-family:var(--font-body)}
.fact b,.class span,.pack h2,.price,.coin,.step>span,.explore-card .giant{font-family:var(--font-body)}
.news-card[open] .news-preview{height:auto;padding:20px;padding-bottom:14px}
.news-card[open] h2{margin-bottom:10px}
.nav-dropdown{height:100%;display:flex;align-items:center;position:relative;padding-inline:24px;margin-inline:-24px}
.nav-dropdown:after{content:'';position:absolute;left:0;right:0;top:100%;height:14px}
.nav-dropdown-trigger{gap:7px;white-space:nowrap}
.nav-dropdown-trigger span{font-size:.82rem;color:var(--gold);transition:transform .2s}
.nav-dropdown-menu{position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%,-8px);width:218px;padding:8px;background:#11191d;border:1px solid #675738;box-shadow:0 14px 30px #0008;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;z-index:8}
.nav-dropdown-menu a{height:auto!important;display:block!important;padding:10px 12px;border:0!important;font-size:.68rem;color:var(--muted)}
.nav-dropdown-menu a:hover{background:#d9b6790d;color:var(--white)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown.is-open .nav-dropdown-trigger span{transform:rotate(180deg)}
.guides-intro{padding-bottom:42px}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:80px}
.guide-card{min-height:250px;padding:28px 28px 25px;border:1px solid var(--line);background:linear-gradient(145deg,#1a2529,#11191d 72%);position:relative;display:flex;align-items:flex-end;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.guide-card:hover{border-color:#9e8252;transform:translateY(-3px);box-shadow:0 12px 28px #0004}
.guide-card-featured{border-color:#9e8252;background:linear-gradient(145deg,#2c2b23,#11191d 72%)}
.guide-card>div:not(.eyebrow){position:relative;z-index:1;width:100%}
.guide-card .guide-number{position:absolute;right:15px;top:-25px;color:#d9b67918;font:150px/1 var(--font-body);font-weight:700;letter-spacing:-.08em}
.guide-card .eyebrow{margin-bottom:10px;color:var(--gold);font-size:.6rem;letter-spacing:.17em}
.guide-card h2{font-size:1.55rem;line-height:1.18;margin:0 0 12px}
.guide-card p{font-size:.75rem;line-height:1.65;color:var(--muted);max-width:31ch;margin:0 0 20px}
.guide-card .text-link{font-size:.68rem}
.guide-section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:12px 0 30px;border-top:1px solid var(--line)}
.guide-section-intro .eyebrow{margin-bottom:10px}.guide-section-intro h2{font-size:2.2rem}.guide-section-intro p{max-width:420px;font-size:.8rem;color:var(--muted);line-height:1.8}
.class-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:42px}
.class-guide{border:1px solid var(--line);background:#11191d;display:grid;grid-template-columns:38% 62%;min-height:310px;overflow:hidden}
.class-guide-art{position:relative;min-height:100%;background:#1b2527;overflow:hidden}.class-guide-art img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.72) brightness(.72);transition:transform .3s}.class-guide:hover .class-guide-art img{transform:scale(1.04)}
.class-guide-number{position:absolute;top:14px;left:15px;color:#e7c889;font:700 .72rem var(--font-body);letter-spacing:.12em}.class-guide-copy{padding:25px}.class-guide-copy .eyebrow{font-size:.56rem;margin-bottom:9px}.class-guide-copy h2{font-size:1.7rem;margin-bottom:9px}.class-guide-copy h3{font:600 .7rem var(--font-body);color:var(--gold);letter-spacing:.06em;line-height:1.5;margin-bottom:15px}.class-guide-copy>p{font-size:.76rem;line-height:1.8;color:var(--muted)}.class-guide-tip{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:grid;gap:5px;font-size:.67rem;line-height:1.55}.class-guide-tip b{color:var(--gold);font-weight:600}.class-guide-tip span{color:var(--muted)}.back-guide-link{display:inline-flex;color:var(--gold);font-size:.72rem;border-bottom:1px solid #92774a88;padding-bottom:5px;margin-bottom:75px}.back-guide-link:hover{color:var(--white);border-color:var(--gold)}
@media(max-width:1050px){.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.nav-dropdown{height:49px;padding-inline:8px;margin-inline:-8px}.nav-dropdown-trigger{height:100%;font-size:.68rem}.nav-dropdown-menu{position:fixed;top:127px;left:50%;width:min(290px,calc(100vw - 36px));transform:translate(-50%,-8px)}.nav-dropdown:hover .nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px)}.nav-dropdown.is-open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.guides-grid{grid-template-columns:1fr;gap:16px;padding-bottom:55px}.guide-card{min-height:225px;padding:25px}.guide-card h2{font-size:1.45rem}.guide-section-intro{display:block;padding-top:4px}.guide-section-intro p{margin-top:16px}.class-guides{grid-template-columns:1fr;gap:16px}.class-guide{grid-template-columns:34% 66%;min-height:270px}.class-guide-copy{padding:19px}.class-guide-copy h2{font-size:1.4rem}.class-guide-copy h3{font-size:.63rem}.class-guide-copy>p{font-size:.7rem}.class-guide-tip{font-size:.61rem}}
.guide-detail-fact{display:flex;align-items:baseline;gap:16px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:32px}.guide-detail-fact b{font:700 2.2rem var(--font-body);color:var(--gold)}.guide-detail-fact span{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.guide-detail-list{max-width:900px;border-top:1px solid var(--line);margin-bottom:35px}.guide-detail-section{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}.guide-detail-index{font:700 1.25rem var(--font-body);color:#b8955b}.guide-detail-section h2{font-size:1.35rem;margin-bottom:10px}.guide-detail-section p{font-size:.82rem;line-height:1.85;color:var(--muted);max-width:680px}
@media(max-width:680px){.guide-detail-fact{padding:20px 0}.guide-detail-section{grid-template-columns:42px 1fr;gap:14px;padding:22px 0}.guide-detail-section h2{font-size:1.2rem}.guide-detail-section p{font-size:.75rem}}
.drop-catalog{padding-bottom:80px}.drop-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:14px;align-items:end;padding:20px;background:var(--panel);border:1px solid var(--line)}.drop-check{display:flex;align-items:center;gap:8px;min-height:42px;font-size:.68rem;color:var(--muted)}.drop-check input{width:16px;min-height:16px;accent-color:var(--gold)}.drop-result-line{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:.7rem;color:var(--muted)}.drop-result-line span:last-child{color:var(--gold);font-size:.6rem;letter-spacing:.08em}.drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:35px}.drop-item{border:1px solid var(--line);background:linear-gradient(150deg,#192326,#11191d 72%);padding:20px;min-width:0;display:flex;flex-direction:column}.drop-item-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.drop-item h2{font-size:1.08rem;line-height:1.25;overflow-wrap:anywhere}.drop-rarity{font-size:.55rem;color:var(--gold);border:1px solid #92774a66;padding:5px 7px;white-space:nowrap}.drop-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.drop-tags span{font-size:.56rem;color:var(--muted);border:1px solid #ffffff19;padding:4px 7px}.drop-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;border-top:1px solid var(--line);padding-top:14px;margin:0 0 14px}.drop-stats div{min-width:0}.drop-stats dt{font-size:.53rem;color:var(--muted);margin-bottom:4px;overflow-wrap:anywhere}.drop-stats dd{font-size:.68rem;color:var(--white);margin:0}.drop-no-stats{font-size:.68rem;color:var(--muted);line-height:1.65;border-top:1px solid var(--line);padding-top:14px;margin:0 0 14px}.drop-sources{border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:.66rem;line-height:1.7}.drop-sources b{display:block;color:var(--gold);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.drop-sources span{color:var(--muted);overflow-wrap:anywhere}.drop-sources small{color:#b8955b;font-size:.55rem}.drop-no-source span{font-size:.62rem}.drop-catalog .empty{margin:10px 0 35px}
@media(max-width:1050px){.drop-toolbar{grid-template-columns:2fr 1fr 1fr}.drop-check{grid-column:1/-1}.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.drop-toolbar{grid-template-columns:1fr 1fr;padding:15px}.drop-toolbar .field:first-child{grid-column:1/-1}.drop-grid{grid-template-columns:1fr;gap:14px}.drop-result-line{font-size:.64rem}.drop-result-line span:last-child{font-size:.52rem}.drop-item{padding:18px}.drop-item h2{font-size:1.05rem}}
.drop-grid{align-items:start}
.drop-boss-link{color:#8fc8c3;text-decoration:none}.drop-boss-link:hover{color:#dff8f0;text-decoration:underline}.drop-boss-link:focus-visible{outline:1px solid #8fc8c3;outline-offset:3px}
.drop-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
@media(max-width:680px){.drop-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* Drop catalogue: readable summaries; full boss lists expand only on request. */
.drop-catalog .page-intro h1{max-width:900px;font-size:clamp(2.55rem,4.6vw,4rem);line-height:1.08}
.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.drop-item{padding:21px 22px;min-height:230px}
.drop-item h2{font-size:1.2rem;line-height:1.35}
.drop-rarity{font-size:.65rem;padding:6px 9px}
.drop-tags{margin:10px 0 14px}
.drop-tags span{font-size:.65rem;padding:5px 8px}
.drop-stats{gap:11px 18px;padding-top:14px;margin-bottom:15px}
.drop-stats dt{font-size:.66rem;margin-bottom:4px}
.drop-stats dd{font-size:.82rem;line-height:1.45}
.drop-no-stats{font-size:.76rem;line-height:1.75}
.drop-sources{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}
.drop-sources summary{font-size:.74rem;line-height:1.5;cursor:pointer;color:var(--gold);padding:2px 0}
.drop-sources summary:hover{color:var(--white)}
.drop-sources ul{list-style:none;padding:12px 0 0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}
.drop-sources li{font-size:.72rem;line-height:1.5;color:var(--white);display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff0d;padding-bottom:5px}
.drop-sources li small{color:var(--gold);font-size:.65rem;white-space:nowrap}
.drop-no-source b{font-size:.66rem;margin-bottom:6px}.drop-no-source span{font-size:.72rem;line-height:1.65}
@media(max-width:1050px){.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.drop-grid{grid-template-columns:1fr;gap:13px}.drop-item{padding:18px;min-height:0}.drop-item h2{font-size:1.08rem}.drop-stats{gap:10px}.drop-stats dt{font-size:.63rem}.drop-stats dd{font-size:.78rem}.drop-sources ul{grid-template-columns:1fr}.drop-catalog .page-intro h1{font-size:clamp(2.2rem,10vw,3.2rem)}}
.drop-item{min-height:0}.drop-sources{margin-top:16px}.drop-extra{display:flex;flex-wrap:wrap;gap:7px 14px;border-top:1px solid var(--line);padding-top:12px;margin:0 0 2px;color:var(--muted);font-size:.68rem;line-height:1.5}
/* Interactive map atlas */
.map-atlas{padding-bottom:4rem}.map-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) auto;gap:1rem;align-items:end;margin:1.5rem 0}.map-controls .field{display:grid;gap:.45rem;color:var(--muted,#aab6bc);font-size:.8rem}.map-controls input,.map-controls select{width:100%;min-height:46px;padding:.7rem .85rem;color:var(--text,#eef2f2);background:#111a1e;border:1px solid #344247;border-radius:2px;font:inherit}.map-count{padding:.8rem 0;color:var(--muted,#aab6bc);font-size:.85rem}.map-count b{color:#e5bc79}.map-view{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.75fr);gap:1rem;align-items:start}.map-canvas-card,.map-details>div,.map-index{background:linear-gradient(145deg,#131d21,#101719);border:1px solid #2d393d}.map-canvas-card{padding:1.2rem}.map-canvas-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.map-canvas-heading h2,.map-index-heading h2{margin:.25rem 0;font-family:var(--font-display,"Cinzel",serif)}.map-file,.map-light{color:#aab6bc;font-size:.8rem}.map-canvas{position:relative;isolation:isolate;width:100%;aspect-ratio:1.56;min-height:300px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1a292c,#11191c 72%);border:1px solid #354348}.map-grid{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.map-grid text{fill:#c2a06a;font:14px var(--font-body,"Manrope",sans-serif)}.map-point{position:absolute;z-index:2;display:grid;place-items:center;transform:translate(-50%,-50%);width:25px;height:25px;padding:0;border:1px solid #111719;border-radius:50%;box-shadow:0 1px 5px #0009;cursor:pointer;color:#101719;font:700 11px var(--font-body,"Manrope",sans-serif);transition:transform .15s ease,box-shadow .15s ease}.map-point:hover,.map-point.is-active{z-index:5;transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 3px #fff4,0 2px 9px #000b}.map-point-npcs{--marker:#78c4ab}.map-point-exits{--marker:#e7b56c}.map-point-guards{--marker:#c88bea}.map-point-regions{--marker:#7ca8e5}.map-point.map-point-npcs,.map-point.map-point-exits,.map-point.map-point-guards,.map-point.map-point-regions{background:var(--marker)}.map-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;padding:1rem 0 .3rem;color:#c3cdd0;font-size:.8rem}.map-legend span{display:flex;align-items:center;gap:.4rem}.map-legend i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--marker);color:#101719;font-style:normal;font-weight:700}.map-marker-status,.map-note{color:#aab6bc;font-size:.82rem;line-height:1.6}.map-note{border-top:1px solid #2d393d;padding-top:.8rem}.map-details{display:grid;gap:1rem}.map-details>div{padding:1rem}.map-details h2{margin:.25rem 0 .85rem;font-family:var(--font-display,"Cinzel",serif);font-size:1.1rem}.map-layers{display:grid;gap:.6rem}.map-layers label{display:flex;align-items:center;gap:.6rem;color:#c3cdd0;font-size:.88rem;cursor:pointer}.map-layers label b{margin-left:auto;color:#e5bc79;font-size:.78rem}.map-rule-flags{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.map-rule-flags span,.map-rule-meta{display:flex;gap:.4rem;align-items:center;color:#b9c4c7;font-size:.78rem}.map-rule-flags i{color:#e5bc79;font-style:normal}.map-rule-flags i.is-denied{color:#7d898e}.map-rule-meta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.8rem}.map-rule-meta b{color:#f0d09b}.map-rule-none{color:#aab6bc;font-size:.82rem}.map-index{margin-top:1rem;padding:1.2rem}.map-index-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:.8rem}.map-feature-list{display:grid;gap:1rem}.map-feature-group h3{display:flex;justify-content:space-between;align-items:center;margin:.4rem 0;padding-bottom:.5rem;border-bottom:1px solid #2d393d;color:#e5bc79;font-size:.9rem}.map-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.map-feature{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .6rem;text-align:left;padding:.65rem;background:#11191c;border:1px solid transparent;color:#ecf0f0;cursor:pointer}.map-feature:hover,.map-feature.is-active{border-color:#9b7a4c;background:#172226}.map-feature-type{grid-row:span 2;color:#e5bc79;font-size:.72rem}.map-feature b{font-size:.84rem;overflow-wrap:anywhere}.map-feature small{grid-column:2;color:#9eafb4;font-size:.72rem;line-height:1.5;overflow-wrap:anywhere}.map-feature-jump{position:absolute;right:.6rem;top:.55rem;color:#e5bc79}.map-no-points{position:absolute;inset:0;display:grid;place-items:center;color:#aab6bc}.map-empty[hidden],.map-view[hidden]{display:none}.map-atlas .back-guide-link{display:inline-block;margin-top:1rem}@media(max-width:760px){.map-controls{grid-template-columns:1fr}.map-count{padding:0}.map-view{grid-template-columns:1fr}.map-canvas{min-height:250px}.map-canvas-card,.map-index{padding:.85rem}.map-feature-grid{grid-template-columns:1fr}.map-rule-flags{grid-template-columns:1fr 1fr}}

/* Render original client minimaps behind the coordinate markers. */
.map-canvas{aspect-ratio:1/1;min-height:0}.map-art{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:fill;user-select:none}.map-grid{z-index:1;opacity:.62}.map-point{z-index:2}

/* Keep map feature entries focused on their name and coordinates. */
.map-feature{grid-template-columns:minmax(0,1fr);gap:.2rem}
.map-feature b{padding-right:1rem}
.map-feature small{grid-column:1;padding-right:1rem}


/* Clear, aligned map filters and consistent cartographic marker icons. */
.map-layers{display:grid;gap:.5rem}
.map-layers label{display:grid;grid-template-columns:1.1rem minmax(0,1fr) 2.5rem;align-items:center;gap:.8rem;min-width:0;padding:.72rem .82rem;border:1px solid var(--line);border-radius:2px;background:#11191c;line-height:1.25}
.map-layers label:hover{border-color:#6c6251;background:#172125}
.map-layers input{appearance:none;display:grid;place-items:center;width:17px;height:17px;min-height:17px;min-width:17px;margin:0;padding:0;border:1px solid #657176;border-radius:3px;background:#0d1417;cursor:pointer}
.map-layers input:checked{border-color:#d9b679;background:#d9b679}
.map-layers input:checked::after{content:"";width:5px;height:9px;border:solid #101719;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.map-layers input:focus-visible{outline:2px solid #f0d09b;outline-offset:3px}
.map-layers label span{grid-column:2;min-width:0}
.map-layers label b{grid-column:3;width:100%;margin:0;color:#e5bc79;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}
.map-point{width:29px;height:29px}
.map-point span{display:grid;place-items:center;width:100%;height:100%}
.map-point svg,.map-legend svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.map-point-npcs,.legend-npc{--marker:#80cbb0;color:#102019}
.map-point-routes,.legend-route{--marker:#e5bc79;color:#241b0c}
.map-point-caves,.legend-cave{--marker:#b29add;color:#1c1527}
.map-point-houses,.legend-house{--marker:#86b9dc;color:#101d27}
.map-point.map-point-npcs,.map-point.map-point-routes,.map-point.map-point-caves,.map-point.map-point-houses{background:var(--marker)}
.map-legend{display:flex;flex-wrap:wrap;gap:.55rem 1rem;padding:1rem 0 .3rem}
.map-legend span{display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.map-legend i{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--marker),transparent 40%);border-radius:50%;background:color-mix(in srgb,var(--marker),transparent 88%);color:var(--marker)}
.map-legend svg{width:15px;height:15px}
.map-feature-type.map-point-npcs{color:#80cbb0}.map-feature-type.map-point-routes{color:#e5bc79}.map-feature-type.map-point-caves{color:#b29add}.map-feature-type.map-point-houses{color:#86b9dc}

.map-feature-type{display:inline-flex;align-items:center;gap:.35rem}.map-feature-type svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Map navigation and collision handling for dense marker areas. */
.map-zoom-controls{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:-.2rem 0 .7rem;color:#aab6bc;font-size:.74rem;line-height:1.4}
.map-zoom-buttons{display:flex;align-items:center;gap:.35rem;flex:none}
.map-zoom-buttons button{min-width:34px;min-height:34px;padding:.35rem .6rem;border:1px solid #3b494e;border-radius:2px;background:#11191c;color:#e6ecec;font:600 .82rem var(--font-body,"Manrope",sans-serif);cursor:pointer}
.map-zoom-buttons button:hover,.map-zoom-buttons button:focus-visible{border-color:#d9b679;color:#f0d09b;outline:none}
.map-zoom-buttons button[data-map-zoom="in"],.map-zoom-buttons button[data-map-zoom="out"]{width:36px;padding:0;font-size:1.15rem}
.map-zoom-buttons output{min-width:3.5rem;color:#e5bc79;text-align:center;font-variant-numeric:tabular-nums}
.map-canvas{touch-action:none;cursor:grab}
.map-canvas:active{cursor:grabbing}
.map-stage{position:absolute;inset:0;transform-origin:center center;will-change:transform}
.map-stage .map-art,.map-stage .map-grid{position:absolute;inset:0;width:100%;height:100%}
.map-point{transform:translate(-50%,-50%) scale(calc(1 / var(--map-zoom,1)));touch-action:manipulation}
.map-point:hover,.map-point.is-active{transform:translate(-50%,-50%) scale(calc(1.22 / var(--map-zoom,1)))}
.map-point.is-fanned{transform:translate(-50%,-50%) translate(var(--fan-x),var(--fan-y)) scale(calc(1 / var(--map-zoom,1)))}
.map-point.is-fanned:hover,.map-point.is-fanned.is-active{transform:translate(-50%,-50%) translate(var(--fan-x),var(--fan-y)) scale(calc(1.22 / var(--map-zoom,1)))}
.map-cluster{position:absolute;z-index:4;display:grid;place-items:center;width:31px;height:31px;padding:0;transform:translate(-50%,-50%) scale(calc(1 / var(--map-zoom,1)));border:2px solid #f4e3bd;border-radius:50%;background:#d9a94f;color:#182024;box-shadow:0 2px 8px #000c;font:700 .76rem var(--font-body,"Manrope",sans-serif);cursor:pointer;touch-action:manipulation}
.map-cluster:hover,.map-cluster:focus-visible{z-index:6;outline:3px solid #fff6;outline-offset:2px}
.map-zoom-buttons button:focus-visible,.map-cluster:focus-visible,.map-point:focus-visible{outline:2px solid #f0d09b;outline-offset:3px}
.map-point-teleports,.legend-teleport{--marker:#e58bc2;color:#2b1023}
.map-point.map-point-teleports{background:var(--marker)}
.map-feature-type.map-point-teleports{color:#e58bc2}
.map-art{image-rendering:pixelated}
@media(max-width:560px){.map-zoom-controls{align-items:flex-start;flex-direction:column;gap:.45rem}.map-zoom-controls>span{font-size:.72rem}.map-zoom-buttons{width:100%}.map-zoom-buttons button[data-map-zoom="reset"]{margin-left:auto}}

/* Instant marker labels, positioned above the map to avoid clipping at its edges. */
.map-tooltip{position:fixed;z-index:9999;max-width:min(320px,calc(100vw - 24px));padding:6px 9px;border:1px solid #d9b679;border-radius:2px;background:#091015;color:#f3f0e8;box-shadow:0 4px 14px #000b;font:12px/1.4 Arial,Helvetica,sans-serif;pointer-events:none;visibility:hidden;white-space:normal;overflow-wrap:anywhere}

/* Premium embossed map-marker medallions matching the atlas icon concept. */
.map-point{width:33px;height:33px;padding:0;border:0;border-radius:50%;background:transparent!important;box-shadow:none;filter:drop-shadow(0 2px 3px #000b);transition:transform .15s ease,filter .15s ease}
.map-point svg{display:block;width:100%;height:100%;fill:none;stroke:none;overflow:visible}
.map-point:hover,.map-point.is-active{box-shadow:none;filter:drop-shadow(0 2px 5px #000d) drop-shadow(0 0 3px #fff5)}
.map-point-teleports{--marker:#e58bc2}.map-point-routes{--marker:#e5bc79}.map-point-caves{--marker:#b29add}.map-point-houses{--marker:#86b9dc}.map-point-npcs{--marker:#80cbb0}
.map-cluster{border:2px solid #f4e3bd;background:radial-gradient(circle at 34% 26%,#ffe8b6 0,#d9a94f 46%,#93632c 100%);box-shadow:inset 0 1px 2px #fff8,inset 0 -3px 5px #593a1f,0 2px 8px #000c;color:#182024}
.map-cluster::before{content:'';position:absolute;inset:3px;border:1px solid #fff8;border-radius:50%;pointer-events:none}
.map-cluster span{position:relative;z-index:1;text-shadow:0 1px 0 #ffe8b8;font-variant-numeric:tabular-nums}

/* Keep the SVG medallions sharp when the map canvas is zoomed. */
.map-stage{will-change:auto}
.map-point{filter:none;transition:none}
.map-point:hover,.map-point.is-active{filter:none}
.map-point svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.map-stage:has(.map-point.is-active) .map-point:not(.is-active){opacity:.28}
.map-stage .map-point{transition:opacity .16s ease,transform .15s ease}
.map-point.is-active{outline:2px solid #f2cf83;outline-offset:3px;border-radius:50%;box-shadow:0 0 0 6px #f2cf8340,0 0 14px 5px #f2cf8370;z-index:6}
.map-details>.map-disclaimer{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;background:linear-gradient(145deg,#131d21,#101719);border:1px solid #2d393d;color:#aab6bc;font-size:.8rem;line-height:1.6}
.map-disclaimer p{margin:0}
.map-disclaimer a{color:#e5bc79;text-decoration:underline;text-decoration-color:#e5bc7966;text-underline-offset:2px}
.map-disclaimer a:hover{color:#f3d69f;text-decoration-color:currentColor}
.map-disclaimer-icon{display:grid;place-items:center;flex:0 0 1.35rem;width:1.35rem;height:1.35rem;margin-top:.1rem;border:1px solid #92764e;border-radius:50%;color:#e5bc79;font-size:.8rem;font-weight:700}
.map-canvas-heading h2#selected-map-name{color:#e5bc79}
.event-guides-grid{padding-top:12px}
.event-card{min-height:230px}
.event-source-note{margin:0 0 22px;padding:15px 18px;border:1px solid var(--line);border-left:2px solid var(--gold);background:#11191d;color:var(--muted);font-size:.76rem;line-height:1.7}
.event-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}
.event-fact{min-width:0;padding:18px 20px;border:1px solid var(--line);background:linear-gradient(145deg,#192328,#11191d)}
.event-fact span{display:block;margin-bottom:8px;color:var(--gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.event-fact b{display:block;color:var(--white);font-size:.9rem;line-height:1.6;font-weight:500}
.event-detail-list .guide-detail-section p{max-width:78ch}
@media(max-width:680px){.event-facts{grid-template-columns:1fr;gap:10px}.event-fact{padding:15px 17px}.event-source-note{font-size:.7rem}}
@media(max-width:760px){.page-intro h1{overflow-wrap:anywhere}}