:root{--night:#070b1d;--night2:#0d1433;--panel:rgba(14,22,56,.72);--gold:#e8c46a;--gold2:#fff1c2;--ink:#e9ecf8;--muted:#a8b0cf;--line:rgba(232,196,106,.35)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;font-size:17px}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold2)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:10;background:rgba(7,11,29,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.18em;color:var(--gold2);font-size:18px}
.brand span{color:var(--gold)}
nav a{margin-left:22px;color:var(--muted);font-size:15px}
nav a:hover{color:var(--gold2)}
.hero{position:relative;min-height:88vh;display:flex;align-items:center;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:url(assets/hero-bg.jpg) center 30%/cover no-repeat;transform:scale(1.04)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,29,.25) 0%,rgba(7,11,29,.55) 55%,var(--night) 100%)}
.hero .wrap{position:relative;z-index:1}
.eyebrow{font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-family:Cinzel,Georgia,serif;font-size:clamp(42px,8vw,86px);letter-spacing:.08em;line-height:1.05;margin:14px 0 18px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lead{max-width:620px;margin:0 auto 34px;color:#dfe4f7;font-size:19px}
.btn{display:inline-block;padding:14px 30px;border-radius:999px;background:linear-gradient(180deg,#ffe7a3,#d9a93f);color:#2a1a02;font-weight:700;letter-spacing:.04em;box-shadow:0 6px 24px rgba(232,196,106,.35)}
.btn:hover{color:#2a1a02;filter:brightness(1.07)}
.btn.ghost{background:transparent;color:var(--gold2);border:1px solid var(--line);box-shadow:none;margin-left:10px}
section{padding:90px 0}
h2{font-family:Cinzel,Georgia,serif;font-size:34px;letter-spacing:.06em;color:var(--gold2);margin-bottom:10px}
.sub{color:var(--muted);margin-bottom:40px}
.game{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.game img.logo{width:100%;max-width:420px;display:block;margin-bottom:18px}
.game ul{list-style:none;margin:18px 0 26px}
.game li{padding-left:26px;position:relative;margin:8px 0;color:#dfe4f7}
.game li::before{content:"\2726";position:absolute;left:0;color:var(--gold)}
.tag{display:inline-block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);color:var(--gold);padding:5px 12px;border-radius:999px}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.shots img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.shots img:nth-child(2){transform:translateY(-18px)}
.about{text-align:center}
.about p{max-width:700px;margin:0 auto;color:#dfe4f7}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}
footer a{color:var(--muted);margin-right:18px}
.doc{max-width:780px;margin:0 auto;padding:70px 20px 90px}
.doc h1{font-family:Cinzel,Georgia,serif;color:var(--gold2);font-size:38px;margin-bottom:6px}
.doc .date{color:var(--muted);margin-bottom:34px}
.doc h3{color:var(--gold);margin:30px 0 8px;font-size:19px}
.doc p,.doc li{color:#dfe4f7;margin-bottom:10px}
.doc ul,.doc ol{padding-left:22px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin:22px 0}
@media(max-width:820px){.game{grid-template-columns:1fr;padding:22px}nav a{margin-left:14px;font-size:14px}.btn.ghost{margin:12px 0 0}section{padding:60px 0}}