/* Shared identity from the supplied Steam and application artwork. */
:root{--bg:#0c1015;--surface:#141a20;--text:#e9eef2;--muted:#adb5bc;--gold:#dfb56c;--line:#343532}
body{background:var(--bg) url('/assets/brand-contours.png') center top / 1438px 810px repeat}
.header{height:116px;background:#0c1015f5;border-bottom:1px solid #dfb56c40}
.brand{flex-shrink:0}.brand .brand-art{display:block;width:220px;height:auto;border-radius:0;object-fit:contain}.brand>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.header nav a{color:#d8dfe3}.development{color:var(--gold);border-color:#dfb56c55;background:#dfb56c08}
.hero-image{background-image:linear-gradient(90deg,#0c1015 0%,#0c1015f5 18%,#0c10158c 43%,#0c101505 77%),linear-gradient(0deg,#0c1015 0%,transparent 35%),url('/assets/hero.webp')}
.hero:after{background:url('/assets/brand-contours.png') center / cover;opacity:.17;mix-blend-mode:screen}
.hero-motion:after{background:linear-gradient(90deg,#0c1015f5 0%,#0c1015d9 20%,#0c101580 48%,#0c10150d 85%),linear-gradient(0deg,#0c1015 0%,transparent 38%)}
.workflow-strip{background:#10161dee;border-color:#dfb56c35}.workflow-strip b{color:#8c754c}
.story,.feature,.footer,.footer-bottom{border-color:#dfb56c30}
.section-intro{background:radial-gradient(ellipse at center,#dfb56c0b,transparent 72%);border-bottom-color:#dfb56c70}
.section-intro h2{color:var(--gold)}
.button{border-radius:3px}.primary{background:var(--gold);color:#0c1015;border-color:var(--gold)}.secondary{background:#10161dde;border-color:#dfb56c80}
.tags li{background:#dfb56c09;border-color:#dfb56c35;color:#e4c993}.screenshot{border-color:#dfb56c55;box-shadow:0 18px 44px #0005}.expand{background:#0c1015d9;border-color:#dfb56c80}
.language-switch a{background:#141a20;border-color:#42413a}.language-switch a[aria-current=page]{background:#dfb56c15;border-color:var(--gold)}
.footer .brand .brand-art{width:240px}.footer{padding-top:32px}.footer p{margin-top:12px}
dialog{background:#10161d;border-color:#dfb56c80}.notice-dialog{background:#10161d url('/assets/brand-contours.png') center / cover}
.feedback-wrap{max-width:850px}.feedback-intro{max-width:720px}.feedback-card{background:#111820f5;border-color:#dfb56c40;border-top-color:var(--gold);box-shadow:0 20px 65px #0005}.field>input,.field>textarea{background:#0b1117;border-color:#59606a}.upload-box{background:#0c131b;border-color:#dfb56c65}.type-options label{background:#0c131b}.type-options label:has(:checked){background:#dfb56c12;border-color:var(--gold)}input::file-selector-button{background:#222b35;border-color:#dfb56c65}.success-mark{color:var(--gold)}
@media(max-width:1100px){.header{padding-inline:24px;gap:16px}.header .brand .brand-art{width:185px}.header nav{gap:18px}.header .development{display:none}}
@media(max-width:760px){.header{height:90px;padding-inline:12px;gap:6px}.header .brand .brand-art{width:155px;height:auto}.header>nav{display:none}.header>nav+.language-switch{margin-left:auto}.language-switch{gap:4px}.language-switch a{padding:7px 6px}.footer .brand .brand-art{width:220px}.hero-image{background-image:linear-gradient(180deg,#0c1015 3%,#0c1015f5 29%,#0c101533 66%,#0c101588 100%),linear-gradient(0deg,#0c1015 0%,transparent 35%),url('/assets/hero.webp')}.feedback-wrap{padding-inline:18px}}

@font-face{font-family:"Alegreya SC";src:url('/assets/AlegreyaSC-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
h1,h2,h3,.step,.author-portrait strong{font-family:"Alegreya SC",Georgia,serif;font-weight:900;letter-spacing:0;word-spacing:.04em}h1 em{font-style:normal;font-weight:900}.section-intro h2{font-size:clamp(44px,4.8vw,68px)}h3{font-size:38px}.feedback-intro h1{font-size:clamp(38px,5.5vw,62px)}
#hero-heading{font-size:clamp(60px,6.2vw,90px)}html[lang=sk] #hero-heading{font-size:clamp(56px,5.8vw,84px)}
@media(max-width:760px){#hero-heading{font-size:clamp(42px,12.8vw,56px)}html[lang=sk] #hero-heading{font-size:clamp(38px,11.8vw,52px)}.section-intro h2{font-size:38px}h3{font-size:32px}.story h2{font-size:32px}.feedback-intro h1{font-size:clamp(34px,9.5vw,46px)}}

/* German copy and three-language navigation. */
html[lang=de] #hero-heading{font-size:clamp(48px,5.3vw,76px)}
html[lang=de] .hero-content{padding-top:60px}
html[lang=de] h3{font-size:34px;overflow-wrap:anywhere}
html[lang=de] .footer nav{flex-wrap:wrap}
html[lang=de] .step{font-size:25px}
html[lang=de] .feedback-intro h1{font-size:clamp(34px,5vw,58px)}
.header{gap:16px}
@media(max-width:760px){.header .brand .brand-art{width:clamp(100px,34vw,155px)}.language-switch{gap:3px}.language-switch a{font-size:10px;padding:7px 5px;gap:4px;letter-spacing:0;min-height:40px}.language-switch img{width:18px;height:12px}html[lang=de] #hero-heading{font-size:clamp(32px,10vw,46px)}html[lang=de] .hero-content{padding-top:45px}html[lang=de] .hero{min-height:800px}html[lang=de] .hero .eyebrow{font-size:9px;letter-spacing:1.2px}html[lang=de] .section-intro h2{font-size:34px}html[lang=de] h3{font-size:30px}html[lang=de] .feedback-intro h1{font-size:34px}}