/* Emberville Wiki: site-owned look (siteDesign.styles). Ember orange, crystal blue and
   the teal glow of the logo over a night-dark base. Scoped to .ember-site. */
:root[data-skin]:has(.ember-site){--bg:#0f0b0d;--surface:#1a1417;--ink:#f4ece1;--muted:#bba99a;--line:#3a2c2a;--accent:#f0934b;--hero:#0f0b0d;--hero-ink:#fbf3e6;--hero-muted:#d9c6b4;--button:#f39a4f;--button-ink:#1a0f0a;--ev-ember:#f39a4f;--ev-ember-deep:#c8551f;--ev-gold:#f3c46b;--ev-crystal:#8cc4f2;--ev-teal:#46d6b8;--display:Georgia,"Times New Roman",serif}
:root[data-skin]:has(.ember-site)[data-mode=light]{--bg:#f7f1e8;--surface:#fffaf2;--ink:#21160f;--muted:#6b584a;--line:#e3d4c1;--accent:#b4521c;--ev-ember:#c8551f}
.ember-site{background:var(--bg)}
.ember-site .site-header{position:relative;z-index:5}
.ember-site .brand{background:linear-gradient(90deg,var(--ev-gold),var(--ev-ember));-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-mode=light] .ember-site .brand{background:none;color:#9b431d}
:root[data-mode=light] .ev-section-head .ev-kicker,:root[data-mode=light] .ev-eyebrow-heading{color:#8a4a12}
:root[data-mode=light] .ev-chip{background:#e3edf5;color:#28587d}

/* Hero */
.ev-hero{position:relative;isolation:isolate;overflow:hidden;color:#fbf3e6;padding:64px 0 40px;background:#0f0b0d}
.ev-backdrop{position:absolute;inset:-8%;z-index:-3;width:116%;height:116%;object-fit:cover;filter:blur(36px) saturate(1.35) brightness(.55);transform:scale(1.05)}
.ev-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 55% at 75% 45%,rgb(240 147 75 / .18),transparent 70%),radial-gradient(ellipse 60% 50% at 10% 100%,rgb(70 214 184 / .10),transparent 70%),linear-gradient(180deg,rgb(15 11 13 / .2) 0%,rgb(15 11 13 / .55) 70%,#0f0b0d 100%)}
.ev-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:56px;align-items:center}
.ev-kicker{margin:0 0 14px;color:var(--ev-gold);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.ev-hero h1{margin:0 0 22px;font:700 clamp(34px,4.1vw,56px)/1.08 var(--display);letter-spacing:-.02em;color:#fbf3e6;text-wrap:balance}
.ev-h1-brand{display:block;background:linear-gradient(92deg,#ffd38a 0%,#f39a4f 45%,#e0612a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgb(240 120 50 / .35))}
.ev-h1-rest{display:block;font-size:.62em;line-height:1.2;color:#f1e3d2;margin-top:10px}
.ev-hero .release-badges{margin-bottom:20px}
.ev-hero .stage-badge>span{background:rgb(255 255 255 / .06);border-color:rgb(243 196 107 / .55);color:#fbf3e6;backdrop-filter:blur(6px)}
.ev-hero .stage-badge .countdown{border-color:var(--ev-teal);color:#c9fff1}
.ev-hero .intent-badge{color:#d9c6b4;font-size:13px}
.ev-lead{max-width:520px;margin:0 0 26px;color:#e6d6c4;font-size:17px;line-height:1.7}
.ev-actions{display:flex;flex-wrap:wrap;gap:12px}
.ev-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.ev-btn-primary{background:linear-gradient(180deg,#ffb26a,#f08a3c);color:#1a0f0a;box-shadow:0 8px 28px rgb(240 138 60 / .35),inset 0 1px 0 rgb(255 255 255 / .35)}
.ev-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgb(240 138 60 / .5),inset 0 1px 0 rgb(255 255 255 / .35)}
.ev-btn-ghost{border:1px solid rgb(140 196 242 / .6);color:#dcefff;background:rgb(140 196 242 / .08)}
.ev-btn-ghost:hover{background:rgb(140 196 242 / .16);transform:translateY(-2px)}
.ev-search{display:flex;align-items:center;margin-top:24px;max-width:520px;min-height:52px;border:1px solid rgb(255 255 255 / .16);border-radius:14px;background:rgb(10 7 9 / .55);backdrop-filter:blur(8px);overflow:hidden}
.ev-search .ui-icon{margin-left:14px;filter:invert(85%) sepia(10%) saturate(300%) hue-rotate(340deg)}
.ev-search input{flex:1;min-width:0;border:0;background:transparent;color:#fbf3e6;font-size:16px;padding:12px}
.ev-search input::placeholder{color:#a8968a}
.ev-search button{align-self:stretch;border:0;padding:0 18px;background:rgb(243 154 79 / .16);color:#ffd9b5;font-weight:700;cursor:pointer}
.ev-hero-art{position:relative;margin:0;border-radius:16px;overflow:hidden;border:1px solid rgb(243 196 107 / .35);box-shadow:0 40px 90px rgb(0 0 0 / .6),0 0 0 8px rgb(240 147 75 / .06),0 0 60px rgb(140 196 242 / .12);transform:perspective(1400px) rotateY(-5deg) rotateX(1deg);transition:transform .5s ease}
.ev-hero-art:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}
.ev-hero-art img{display:block;width:100%;height:auto}
.ev-hero-art figcaption{position:absolute;right:10px;bottom:8px;padding:2px 8px;border-radius:6px;background:rgb(0 0 0 / .45);color:#d8cbbf;font-size:11px}
.ev-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px!important;margin-bottom:0}
.ev-facts>div{padding:14px 16px;border:1px solid rgb(255 255 255 / .1);border-radius:12px;background:rgb(255 255 255 / .04)}
.ev-facts dt{color:var(--ev-gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ev-facts dd{margin:4px 0 0;font:700 18px/1.3 var(--display);color:#fbf3e6}

/* Rising pixel embers (decorative; off for reduced motion). */
.ev-embers{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ev-embers span{position:absolute;bottom:-12px;width:4px;height:4px;background:#ffb15e;box-shadow:0 0 6px 2px rgb(255 140 60 / .7);opacity:0;animation:ev-rise 13s linear infinite}
.ev-embers span:nth-child(3n){width:3px;height:3px;background:#ffd38a}
.ev-embers span:nth-child(4n){background:#8cf0d8;box-shadow:0 0 6px 2px rgb(70 214 184 / .55)}
.ev-embers span:nth-child(1){left:4%;animation-delay:0s;animation-duration:12s}.ev-embers span:nth-child(2){left:10%;animation-delay:4s;animation-duration:15s}.ev-embers span:nth-child(3){left:17%;animation-delay:8s}.ev-embers span:nth-child(4){left:23%;animation-delay:2s;animation-duration:16s}.ev-embers span:nth-child(5){left:30%;animation-delay:6s;animation-duration:11s}.ev-embers span:nth-child(6){left:36%;animation-delay:10s}.ev-embers span:nth-child(7){left:42%;animation-delay:1s;animation-duration:14s}.ev-embers span:nth-child(8){left:48%;animation-delay:7s;animation-duration:12s}.ev-embers span:nth-child(9){left:54%;animation-delay:3s;animation-duration:17s}.ev-embers span:nth-child(10){left:60%;animation-delay:9s}.ev-embers span:nth-child(11){left:66%;animation-delay:5s;animation-duration:15s}.ev-embers span:nth-child(12){left:71%;animation-delay:11s;animation-duration:12s}.ev-embers span:nth-child(13){left:76%;animation-delay:2.5s}.ev-embers span:nth-child(14){left:81%;animation-delay:6.5s;animation-duration:16s}.ev-embers span:nth-child(15){left:86%;animation-delay:.5s;animation-duration:11s}.ev-embers span:nth-child(16){left:90%;animation-delay:8.5s}.ev-embers span:nth-child(17){left:94%;animation-delay:3.5s;animation-duration:14s}.ev-embers span:nth-child(18){left:98%;animation-delay:12s}
@keyframes ev-rise{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}60%{transform:translate(18px,-55vh);opacity:.7}100%{transform:translate(-12px,-100vh);opacity:0}}
@media (prefers-reduced-motion:reduce){.ev-embers{display:none}.ev-hero-art,.ev-hero-art:hover{transform:none}.ev-card,.ev-card img,.ev-btn{transition:none}}

/* Shared section heads */
.ev-home>section:not(.ev-hero):not(.ev-cta),.ev-about,.ev-steam{margin-top:84px}
.ev-section-head{max-width:720px;margin-bottom:28px}
.ev-section-head h2,.ev-faq>h2,.ev-about h2{margin:0 0 10px;font:700 clamp(28px,3vw,40px)/1.15 var(--display);letter-spacing:-.01em}
.ev-section-head p:not(.ev-kicker){margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.ev-eyebrow-heading{margin:0 0 22px;color:var(--ev-gold);font:700 12px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase}

/* Timeline */
.ev-timeline ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}
.ev-timeline ol:before{content:"";position:absolute;left:18px;right:18px;top:17px;height:2px;background:linear-gradient(90deg,var(--ev-teal),var(--ev-crystal) 45%,var(--ev-ember));opacity:.6}
.ev-timeline li{position:relative;padding-top:48px}
.ev-gem{position:absolute;left:8px;top:7px;width:20px;height:20px;transform:rotate(45deg);background:linear-gradient(135deg,#d7f0ff,var(--ev-crystal) 50%,#3a78b8);box-shadow:0 0 18px rgb(140 196 242 / .7);border:2px solid #0f0b0d}
.ev-timeline li:last-child .ev-gem{background:linear-gradient(135deg,#ffe0b0,var(--ev-ember) 50%,var(--ev-ember-deep));box-shadow:0 0 22px rgb(240 138 60 / .8)}
.ev-timeline time{display:block;font:700 22px/1.2 var(--display);color:var(--ink)}
.ev-timeline a{display:inline-block;margin-top:6px;color:var(--ev-ember);font-weight:700;text-decoration:none}
.ev-timeline a:hover{text-decoration:underline}
.ev-timeline p{margin:4px 0 0;color:var(--muted);font-size:14px}

/* Guide cards */
.ev-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none}
.ev-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255 / .03),transparent),var(--surface);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ev-card:hover{transform:translateY(-4px);border-color:rgb(243 154 79 / .6);box-shadow:0 18px 40px rgb(0 0 0 / .45),0 0 0 1px rgb(243 154 79 / .25)}
.ev-card-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.ev-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgb(15 11 13 / .85))}
.ev-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ev-card:hover .ev-card-art img{transform:scale(1.06)}
.ev-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.ev-chip{align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgb(140 196 242 / .12);color:var(--ev-crystal);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ev-card h3{margin:0;font:700 22px/1.25 var(--display)}
.ev-card-text{color:var(--muted);font-size:15px;line-height:1.65}
.ev-card-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;color:var(--ev-ember);font-weight:700;font-size:14px}
.ev-card-more .ui-icon{width:18px;height:18px}

/* The three spaces */
.ev-spaces{padding:72px 0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgb(140 196 242 / .08),transparent 70%),linear-gradient(180deg,transparent,rgb(255 255 255 / .02) 30%,transparent)}
.ev-space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 auto;padding:0;list-style:none}
.ev-space{position:relative;min-height:380px;border-radius:18px;overflow:hidden;border:1px solid rgb(255 255 255 / .1);display:flex;align-items:flex-end}
.ev-space img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ev-space:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 11 13 / 0) 30%,rgb(15 11 13 / .92) 85%)}
.ev-space>div{position:relative;z-index:1;padding:22px}
.ev-space h3{margin:0 0 6px;color:#fbf3e6;font:700 24px/1.2 var(--display)}
.ev-space p{margin:0;color:#e2d3c3;font-size:14px;line-height:1.6}

/* About + screenshots */
.ev-about{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start}
.ev-about .about-game{margin:0;padding:0;border:0;background:none}
.ev-about .attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ev-about .attributes>div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ev-about .attributes dt{color:var(--muted);font-size:12px}
.ev-about .attributes dd{margin:2px 0 0;font:700 17px/1.3 var(--display);color:var(--ink)}
.ev-about-shots{display:grid;gap:14px}
.ev-about .about-sources .sources{margin:18px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}
.ev-about .about-sources .sources li{margin-bottom:6px}
.ev-about .about-sources .sources a{color:var(--muted)}
.ev-about .about-sources .sources span{display:block;font-size:11px;opacity:.8}
.ev-about-shots img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}

/* Steam, FAQ, closing call */
.ev-steam .steam-widgets{margin:0}
.ev-faq>*{max-width:860px}
.ev-faq details{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 18px}
.ev-faq summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:700;font-size:16px;list-style:none}
.ev-faq summary::-webkit-details-marker{display:none}
.ev-faq summary:after{content:"+";color:var(--ev-ember);font-size:22px;line-height:1}
.ev-faq details[open] summary:after{content:"−"}
.ev-faq details p{margin:0 0 16px;color:var(--muted);line-height:1.7}
.ev-faq-more a{display:inline-flex;align-items:center;gap:6px;color:var(--ev-ember);font-weight:700}
.ev-cta{position:relative;isolation:isolate;overflow:hidden;margin-top:96px;padding:72px 0 64px;text-align:center;background:radial-gradient(ellipse 55% 65% at 50% 40%,rgb(240 138 60 / .22),transparent 70%),radial-gradient(ellipse 40% 50% at 50% 30%,rgb(140 196 242 / .14),transparent 70%),#0d090b;color:#fbf3e6}
.ev-cta-logo{display:block;width:min(420px,80%);height:auto;margin:0 auto 18px;filter:drop-shadow(0 10px 40px rgb(140 196 242 / .35))}
.ev-cta h2{margin:0 0 10px;font:700 clamp(26px,3vw,38px)/1.2 var(--display);color:#fbf3e6}
.ev-cta p{max-width:560px;margin:0 auto 24px;color:#d9c6b4}
.ev-cta .ev-actions{justify-content:center}
.ev-credit{margin-top:20px;color:var(--muted);font-size:12px;text-align:center}

/* Tablet and phone */
@media (max-width:1000px){.ev-hero-grid{grid-template-columns:1fr;gap:32px}.ev-hero-art{order:-1;transform:none}.ev-guide-grid{grid-template-columns:repeat(2,1fr)}.ev-about{grid-template-columns:1fr}.ev-about-shots{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.ev-hero{padding:24px 0 28px}.ev-hero h1{font-size:34px}.ev-h1-rest{font-size:.6em}.ev-lead{font-size:16px}.ev-facts{grid-template-columns:1fr 1fr;margin-top:28px!important}.ev-timeline ol{grid-template-columns:1fr;gap:18px}.ev-timeline ol:before{left:17px;right:auto;top:18px;bottom:18px;width:2px;height:auto;background:linear-gradient(180deg,var(--ev-teal),var(--ev-crystal) 45%,var(--ev-ember))}.ev-timeline li{padding:0 0 0 48px}.ev-gem{top:4px}.ev-guide-grid,.ev-space-grid{grid-template-columns:1fr}.ev-space{min-height:300px}.ev-about .attributes{grid-template-columns:1fr 1fr}.ev-about-shots{grid-template-columns:1fr}.ev-home>section:not(.ev-hero):not(.ev-cta),.ev-about,.ev-steam{margin-top:60px}.ev-spaces{padding:48px 0}}