@font-face{font-family:Cinzel;src:url(fonts/cinzel-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Cinzel;src:url(fonts/cinzel-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Cormorant;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Cormorant;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--night:#171c1c;--deep:#101413;--line:#2e3431;--text:#e8e1cc;--soft:#b9b19a;--gold:#d9b56a;--flame:#f6d98f}
*{box-sizing:border-box}
html{background:var(--deep)}
body{margin:0;background:radial-gradient(ellipse 90% 60% at 50% 0,#1f2624 0,var(--deep) 70%);color:var(--text);font:20px/1.6 Cormorant,Georgia,serif;min-height:100vh}
a{color:var(--gold);text-underline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{padding:28px 0 8px}
.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--text)}
.brand img{width:46px;height:46px}
.brand b{display:block;font:500 25px/1 Cinzel,serif;letter-spacing:.08em}
.brand small{display:block;font:500 11px/1 Cinzel,serif;letter-spacing:.52em;color:var(--gold);margin-top:6px}
.hero{text-align:center;padding:64px 0 40px}
.hero img{width:112px;height:112px}
.hero h1{font:500 clamp(34px,8vw,52px)/1.1 Cinzel,serif;letter-spacing:.06em;margin:22px 0 10px}
.hero p{font-size:23px;color:var(--soft);margin:0 auto;max-width:560px}
.hero .note{font-style:italic;font-size:19px;margin-top:14px}
h2{font:500 26px/1.25 Cinzel,serif;letter-spacing:.04em;color:var(--flame);margin:44px 0 10px}
h3{font:600 22px/1.3 Cormorant,serif;color:var(--gold);margin:28px 0 6px}
.game{border:1px solid var(--line);border-radius:18px;padding:26px 24px;background:rgba(23,28,28,.7);margin:20px 0}
.game h2{margin-top:0}
.game .tag{font:500 12px/1 Cinzel,serif;letter-spacing:.3em;color:var(--gold)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.button{display:inline-block;padding:11px 20px;border-radius:999px;border:1px solid var(--gold);text-decoration:none;font:600 18px/1.2 Cormorant,serif}
.button.primary{background:var(--gold);color:#1a1712}
.muted{color:var(--soft)}
main.page{padding:20px 0 30px}
main.page h1{font:500 34px/1.2 Cinzel,serif;letter-spacing:.05em;margin:26px 0 6px}
footer{border-top:1px solid var(--line);margin-top:56px;padding:24px 0 40px;font-size:17px;color:var(--soft)}
footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:8px}