@font-face{font-family:Cinzel;src:url('/assets/fonts/cinzel-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#0b0d0c;--panel:#15181a;--panel-raised:#1a1e20;--line:#303638;--text:#eee9df;--muted:#aeb4b1;--accent:#d97b4a;--copper:#b98e63;--serif:'Cinzel',Georgia,'Times New Roman',serif;--sans:'Inter',Arial,Helvetica,sans-serif}
body{background-color:var(--bg);color:var(--text);font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif)}
.article-intro,.article-body .article-section p,.article-body .article-section li{font-size:15px;line-height:1.8;color:#d8d6d0}
.site-header{background:#0b0d0cf5}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#e69a67}
.cinematic-home{background:#0b0d0c}
.cinematic-home .hero{isolation:isolate}
.cinematic-home .hero-art{background-color:#0b0d0c;overflow:hidden}
.hero-art-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:59% 45%;opacity:.92}
.cinematic-home .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090c0bee 0%,#0a0d0cbb 29%,#0b0d0c20 72%),linear-gradient(0deg,#0b0d0c80,transparent 34%);pointer-events:none}
html[data-background="wulin-night"] .hero-art-image,html[data-background="armory"] .hero-art-image,html[data-background="archive"] .hero-art-image,html[data-background="plain"] .hero-art-image{opacity:0}
.cinematic-home .hero:after{height:130px;background:linear-gradient(transparent,#0b0d0c)}
.cinematic-home .hero h1{font-family:var(--serif);font-weight:500;text-shadow:0 3px 30px #000c}
.cinematic-home .hero h1 em,.cinematic-home .world-copy h2 em{color:#e69a67}
.cinematic-home .hero-eyebrow,.cinematic-home .eyebrow{color:#e39a68}
.cinematic-home .little-rule{background:var(--accent)}
.cinematic-home .button.primary{background:#b9482e;border-color:#dc7c4a;box-shadow:0 8px 28px #d66c3c35}
.cinematic-home .button.primary:hover{background:#b94d3d}
.cinematic-home .hero-release{border-color:var(--accent)}
.cinematic-home .hero-release>a{color:#f4e9d9}
.cinematic-home .launch-strip{grid-template-columns:.8fr .9fr 1.15fr 1fr 1.5fr;gap:18px;background:linear-gradient(115deg,#15181a,#101314);border-top:1px solid #b98e6360;border-bottom:1px solid #b98e6340}
.cinematic-home .launch-label{border-color:#b98e6350}
.launch-countdown{display:flex;align-items:center;gap:13px;padding-left:8px}
.launch-countdown strong{font:500 42px/1 var(--serif);color:#e69a67;min-width:1.1em;text-align:center;font-variant-numeric:tabular-nums}
.launch-countdown span{max-width:78px;color:#c2b9a9;font-size:9px;letter-spacing:1.25px;line-height:1.5}
.cinematic-home .launch-fact>span,.cinematic-home .launch-source>span{color:#aeb4b1}
.cinematic-home .launch-fact strong{color:#eee9df}
.cinematic-home .launch-source{border-color:#b98e6350}
.cinematic-home .launch-source a{color:#e39a68}
.cinematic-home .essential-grid{gap:22px}
.cinematic-home .essential-card{display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;min-height:410px;padding:24px 25px 22px;overflow:hidden;border:1px solid #b98e6350;border-top:2px solid #c89267;background:#15181a;box-shadow:inset 0 1px #fff1,0 12px 30px #0003;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cinematic-home .essential-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0d0c25 0%,#0b0d0c55 36%,#0b0d0cf2 77%)}
.cinematic-home .essential-card:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0%,#e58d5726,transparent 55%);opacity:.7;pointer-events:none}
.cinematic-home .essential-card:hover{transform:translateY(-5px);border-color:#df9a6b;box-shadow:inset 0 1px #fff2,0 18px 40px #0007,0 0 25px #d97b4a18}
.cinematic-home .card-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border:0;object-fit:cover;transition:transform .5s ease,filter .3s ease}
.cinematic-home .essential-card:hover .card-art{transform:scale(1.035);filter:brightness(1.08)}
.cinematic-home .card-top{width:100%;margin:0 0 auto;color:#edb488}
.cinematic-home .card-top .icon{filter:drop-shadow(0 2px 7px #000)}
.cinematic-home .essential-card .eyebrow,.cinematic-home .card-top>span{text-shadow:0 2px 9px #000}
.cinematic-home .card-top>span{font-size:29px;color:#e6c6a4;text-shadow:0 2px 12px #000}
.cinematic-home .essential-card .eyebrow{margin:26px 0 9px;color:#edb488;font-size:9px}
.cinematic-home .essential-card h3{font-size:clamp(25px,2.2vw,31px);line-height:1.2;color:#fff7ec;text-shadow:0 2px 16px #000}
.cinematic-home .card-description{min-height:0;max-width:34ch;margin:12px 0 20px;color:#e0ddd4;font-size:14px;line-height:1.65;text-shadow:0 1px 9px #000}
.cinematic-home .card-cta{width:100%;margin-top:auto;padding-top:13px;border-color:#e1ad804f;color:#f4d0af;font-size:11px}
.cinematic-home .world-section{background:radial-gradient(ellipse at 18% 50%,#d97b4a12,transparent 55%),linear-gradient(110deg,#15181a,#101314);border-color:#b98e6340}
.cinematic-home .closing-note{background:linear-gradient(110deg,#1b1e20,#111415);border:1px solid #b98e6350;border-top:2px solid #b98e63;box-shadow:inset 0 1px #fff1}
.cinematic-home .section-heading>p,.cinematic-home .world-copy>p:not(.eyebrow){color:#bdc1bd}
@media(max-width:1000px){.cinematic-home .launch-strip{grid-template-columns:1fr 1fr 1fr;}.cinematic-home .launch-source{grid-column:1/-1}.cinematic-home .essential-card{min-height:390px}.hero-art-image{object-position:63% center}}
@media(max-width:650px){.cinematic-home .hero-art-image{object-position:67% center;opacity:.84}.cinematic-home .hero-art:after{background:linear-gradient(90deg,#090c0cf2 0%,#0a0d0cd4 40%,#0b0d0c25 100%),linear-gradient(0deg,#0b0d0c85,transparent 38%)}.cinematic-home .hero h1{font-size:clamp(52px,15vw,66px);letter-spacing:-1.8px}.cinematic-home .launch-strip{grid-template-columns:1fr 1fr;gap:19px 14px;padding:20px 0;background:transparent}.cinematic-home .launch-label{grid-column:1/-1;border:0}.cinematic-home .launch-countdown{padding-left:0}.launch-countdown strong{font-size:36px}.launch-countdown span{font-size:8px}.cinematic-home .launch-fact{padding-left:0}.cinematic-home .launch-fact strong{font-size:21px}.cinematic-home .launch-fact .platforms{font-size:16px}.cinematic-home .launch-source{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;border:0;border-top:1px solid #b98e6340;padding:12px 0 0;font-size:9px}.cinematic-home .launch-source>span{margin:0}.cinematic-home .launch-source a{max-width:none;text-align:right}.cinematic-home .essential-grid{gap:16px}.cinematic-home .essential-card{min-height:365px;padding:21px 20px 18px}.cinematic-home .essential-card .eyebrow{font-size:8px}.cinematic-home .essential-card h3{font-size:27px}.cinematic-home .card-description{font-size:13px;margin:9px 0 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinematic-home .essential-card,.cinematic-home .card-art{transition:none}.cinematic-home .essential-card:hover{transform:none}.cinematic-home .essential-card:hover .card-art{transform:none}}
