@font-face{font-family:Literata;src:url(Literata.ttf) format('truetype');font-display:swap}
*{box-sizing:border-box}
body{margin:0;color:#183d32;background:#f6f3eb;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #a86a3e;outline-offset:5px}
.header,.games{width:min(1120px,calc(100% - 64px));margin:auto}
.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183d3226}
h1{font-size:14px;letter-spacing:.17em;margin:0}
.header>a{font-size:12px}
.games{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:36px 0}
.card{min-width:0;border:1px solid #183d3224;background:#faf8f1;border-radius:7px;overflow:hidden}
.art-link{display:block;height:340px;background:#183d32}
.art-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.card-body{padding:24px}
.title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
h2{font:400 clamp(26px,2.7vw,34px)/1.25 Literata,Georgia,serif;letter-spacing:-.045em;margin:0}
.title>span{font-size:11px;color:#677062;white-space:nowrap}
.play{display:flex;align-items:center;justify-content:space-between;background:#183d32;color:#f6f0df;padding:13px 18px;border-radius:4px;font-size:14px}
.play:hover{background:#285140}
.play>span{font-size:20px}
@media(max-width:700px){.header,.games{width:calc(100% - 36px)}.header{height:68px}.games{grid-template-columns:1fr;gap:24px;padding:24px 0}.art-link{height:280px}.card-body{padding:20px}.title{margin-bottom:20px}h2{font-size:29px}}