/* Cinematic official-site treatment: full-bleed artwork, strong hierarchy, restrained chrome. */
:root{--bg:#09171b;--panel:#10242b;--line:#bda57535;--gold:#e7c995;--muted:#a3b3bc}
body{background:radial-gradient(ellipse at 15% 30%,#14313a55,transparent 45%),var(--bg)}
.preview-strip{height:28px;background:#071014;color:#b1c0c4;font-size:10px;letter-spacing:2px}
.site-header{height:84px;background:#08171ceb;border-bottom:1px solid #c8b17d33;gap:22px;padding-inline:max(4%,calc((100% - 1320px)/2))}
.site-header nav{gap:25px}.site-header .brand>span{font-size:28px}.site-header .account-button{padding:10px 17px}
.cinematic-hero{max-width:none;width:100%;min-height:760px;height:min(810px,calc(100svh - 112px));margin:0;isolation:isolate;background:#173a41}
.hero-scenery,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-scenery img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#07171ec2 0%,#0b252b55 43%,transparent 72%),linear-gradient(0deg,#09171b 0%,transparent 24%)}
.cinematic-hero:after{display:none}.cinematic-hero .hero-content{width:100%;max-width:1320px;margin:auto;padding:86px 30px 110px}
.hero-kicker{font:15px/1.5 var(--serif);letter-spacing:10px;color:#e6d6b2;margin:0 0 16px}.cinematic-hero h1{font-size:clamp(65px,6.2vw,104px);letter-spacing:10px;line-height:1.15;margin:22px 0 30px;text-shadow:0 3px 28px #06191baa}
.cinematic-hero h1 em{background:linear-gradient(110deg,#fff5d9,#dbb77c);background-clip:text;-webkit-text-fill-color:transparent}
.cinematic-hero .hero-copy{font-size:15px;color:#e2e9e8;line-height:2.1;text-shadow:0 2px 12px #0008}.cinematic-hero .hero-meta{color:#d2dedb}.cinematic-hero .hero-meta b{color:#eee5d1}
.cinematic-hero .ghost{background:#0d282a80;border-color:#ebd9b666;color:#fff3db}.cinematic-hero .hero-actions{gap:18px}.cinematic-hero .button{padding:16px 30px;min-width:164px}
.hero-caption{position:absolute;right:4%;bottom:44px;text-align:right;color:#d1e1dc;font-size:12px;text-shadow:0 1px 7px #000}.hero-caption small{display:block;font-size:10px;opacity:.7;margin-top:4px}
.hero-scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3px;color:#c4d4d1}.hero-scroll span{font-size:22px}
.quick-links{max-width:1280px;margin:0 auto 34px;position:relative;z-index:4;background:#10262b;border:1px solid #a58f6233;box-shadow:0 20px 50px #0003}.quick-links>a{background:transparent;border-radius:0}.quick-links>a:hover{background:#1b353b}
.section{max-width:1280px;padding-top:74px;padding-bottom:42px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:38px;letter-spacing:3px}.section-heading h2 em{color:#e2c698}.section-intro{max-width:700px;color:#acbec4;font-size:15px}
.news-section{position:relative}.news-list{background:#10242b80}.news-row{min-height:79px}.news-title{font-size:15px}.news-filters button{border-radius:0}
.world-grid{gap:20px;margin-top:34px}.world-card{height:445px;border:1px solid #d9c39940;border-radius:0;overflow:hidden;background:#11252b;text-align:left;position:relative;transition:transform .25s,border-color .25s}
.world-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .7s;filter:none}.world-card:hover>img{transform:scale(1.045)}.world-card:hover{border-color:#e2c18a;transform:translateY(-5px)}
.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061218f5 0%,#08191c99 30%,transparent 65%);pointer-events:none}
.world-card>div{position:absolute;z-index:2;bottom:28px;left:27px;right:22px;padding:0;background:none}.world-card h3{font:500 34px/1.4 var(--serif);letter-spacing:5px;color:#f1e5cc;margin:8px 0}.world-card p{color:#c0cecf;margin:10px 0 20px}.world-state{z-index:3;background:#0b2329bb;border:1px solid #d7bd8555;color:#ead3a8;top:20px;left:20px;right:auto;padding:4px 12px}.world-number{letter-spacing:3px;font-size:10px;color:#c0c9c6}.world-more{font-size:12px;color:#e5c995;letter-spacing:2px}
.raid-section{padding-top:72px}.raid-stage{position:relative;isolation:isolate;min-height:550px;border:1px solid #bda57555;overflow:hidden;background:#171526}.raid-art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:63% 0%}.raid-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c1426ed 0%,#0c1426b0 36%,#11132412 76%),linear-gradient(0deg,#0b152160,transparent 50%)}.raid-content{padding:52px 50px;width:52%;position:relative}.raid-content h3{font:500 61px/1.3 var(--serif);letter-spacing:8px;color:#f0ddbb;margin:0 0 20px;text-shadow:0 4px 24px #0008}.raid-tagline{color:#c4c8d4;font-size:14px;letter-spacing:1px}.raid-reward{border-left:2px solid #d7b574;padding-left:22px;margin:30px 0}.raid-reward>span{font-size:11px;letter-spacing:3px;color:#b9ac95}.raid-reward strong{display:block;font:400 44px/1.5 var(--serif);color:#f4d49a;white-space:nowrap}.raid-reward strong small{display:block;font:18px/1.5 var(--serif);letter-spacing:4px;color:#f3e3c8}.raid-reward p{font-size:12px;color:#aab0c4;margin:10px 0 0}.raid-content .button{background:#10222e80;border-color:#bfa97b88}.raid-art-label{position:absolute;bottom:18px;right:20px;color:#d3c9d7a8;font-size:10px;text-shadow:0 1px 5px #000}
.concept-dialog-image{width:100%;height:auto;max-height:340px;object-fit:cover;margin:22px 0;border:1px solid #bda57544}.pet-stage{border-color:#bda57535}.pet-panel{background:radial-gradient(ellipse at 30% 40%,#29505633,transparent 65%)}.download-section{background:linear-gradient(110deg,#19313a90,#09171b);border-block:1px solid #bda57533;margin-top:64px}.download-text h2{letter-spacing:4px}.outline-label{border-radius:0}.event-card{border-radius:0}
@media(min-width:1600px){.cinematic-hero .hero-content{padding-left:30px}}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header{gap:15px}.site-header .brand>span{font-size:24px}.cinematic-hero .hero-content{padding-left:6%}.cinematic-hero h1{font-size:82px}.world-card{height:405px}.world-card>div{left:20px;right:15px}.world-card h3{font-size:29px}.raid-content{width:58%;padding:44px 35px}.raid-content h3{font-size:50px}}
@media(max-width:900px){.site-header{height:72px}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.account-button{font-size:11px}.brand small{letter-spacing:2px}.cinematic-hero{min-height:710px}.cinematic-hero .hero-content{padding-top:90px}.hero-caption{right:25px;bottom:42px}.hero-scroll{display:none}.world-grid{gap:12px}.world-card{height:390px}.world-card>div{left:17px}.world-card h3{font-size:26px}.world-card p{font-size:12px}.raid-content{width:65%}.section-heading h2{font-size:32px}}
@media(max-width:700px){.site-header{padding-inline:20px;gap:12px}.site-header .brand>span{font-size:23px}.site-header nav{background:#0b2026f7;height:auto;padding:15px 22px}.site-header .account-button{padding:7px 11px}.cinematic-hero{height:auto;min-height:690px}.hero-scenery img{object-position:65% 50%}.hero-shade{background:linear-gradient(90deg,#07171bbd, #0c252c50 70%),linear-gradient(0deg,#09171b,transparent 27%)}.cinematic-hero .hero-content{padding:72px 26px 105px}.cinematic-hero .eyebrow{letter-spacing:3px;font-size:10px}.hero-kicker{font-size:12px;letter-spacing:6px}.cinematic-hero h1{font-size:64px;letter-spacing:6px;margin-top:25px}.cinematic-hero .hero-copy{font-size:13px}.cinematic-hero .hero-actions{gap:12px}.cinematic-hero .button{min-width:0;padding:13px 20px;font-size:13px}.hero-meta{gap:16px;flex-wrap:wrap}.hero-caption{left:26px;right:auto;text-align:left;bottom:31px;font-size:10px}.hero-caption small{font-size:9px}.quick-links{margin-inline:18px;margin-bottom:0}.section{padding-top:55px;padding-bottom:20px}.section-heading h2{font-size:29px;letter-spacing:1px}.section-heading{gap:15px;flex-wrap:wrap}.section-intro{font-size:13px}.world-grid{grid-template-columns:1fr;gap:18px}.world-card{height:360px}.world-card>div{left:26px;bottom:26px}.world-card h3{font-size:33px}.world-card p{font-size:14px}.world-state{left:22px}.world-card>img{object-position:center 45%}.raid-stage{min-height:650px}.raid-art{object-position:63% top;object-fit:cover}.raid-shade{background:linear-gradient(0deg,#0c1426fa 0%,#0c1426c9 55%,#11132418 100%)}.raid-content{width:100%;padding:220px 26px 55px}.raid-content h3{font-size:43px;letter-spacing:6px}.raid-reward{margin:22px 0;padding-left:18px}.raid-reward strong{font-size:39px}.raid-tagline{font-size:13px}.raid-art-label{bottom:13px;left:26px;right:auto;font-size:9px}.download-section{margin-top:38px}.news-title{font-size:13px}.news-row{min-height:80px}.concept-dialog-image{max-height:220px}.preview-strip{font-size:9px;letter-spacing:0;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-card,.world-card>img{transition:none}}


/* Upper-right shortcuts retain preview behavior; no reward API is invoked. */
.events-corner{position:fixed;right:22px;top:135px;z-index:12;width:146px;padding:12px 10px 5px;background:#0a2029ed;border:1px solid #c3a77766;box-shadow:0 12px 36px #0004;backdrop-filter:blur(12px)}
.events-corner-title{display:block;text-align:center;font:11px/1.5 var(--serif);letter-spacing:5px;color:#cab58e;padding:1px 0 10px;border-bottom:1px solid #c3a77733}
.events-corner button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;padding:13px 3px;color:#f2dfb8;border-bottom:1px solid #c3a77725;font-size:13px}.events-corner button:last-child{border-bottom:0}.events-corner button>span:first-child{font-size:24px;line-height:1;color:#d8b978}.events-corner small{display:block;font-size:9px;letter-spacing:2px;color:#98adb2;margin-top:1px}.events-corner b{margin-left:auto;font-size:11px;color:#b59867}.events-corner button:hover{color:#fff4d9;background:#29414a66}.events-corner:target{border-color:#f1cd85}
@media(max-width:1100px){.events-corner{right:14px;width:134px;top:126px}}
@media(max-width:700px){.events-corner{position:absolute;top:116px;right:12px;width:112px;padding:6px 7px 2px;background:#0a2029dc}.events-corner-title{font-size:9px;letter-spacing:3px;padding-bottom:5px}.events-corner button{font-size:11px;padding:9px 2px;gap:6px}.events-corner button>span:first-child{font-size:20px}.events-corner small{font-size:8px;letter-spacing:1px}.events-corner b{display:none}}
@media(max-width:700px){.events-corner{display:flex;width:224px;gap:0;top:113px;padding:4px 6px}.events-corner-title{display:none}.events-corner button{width:50%;padding:7px 5px;border-bottom:0}.events-corner button:first-of-type{border-right:1px solid #c3a77733}}