Поиск игры

[html]
<style>
.v1920 {
--sand:#f6efe3; /* фон */
--ink:#3e2e1f; /* основной текст */
--gold:#c6b18b; /* рамки/линиии */
--red:#a35b41; /* акцент 1 */
--green:#3f5f4a; /* акцент 2 */
--paper:#fbf7ec; /* светлые блоки */
--shadow:0 6px 18px rgba(0,0,0,.18);
max-width:900px;
margin:0 auto 24px;
color:var(--ink);
font-family:Georgia, "Times New Roman", serif;
line-height:1.65;
background:
radial-gradient(1200px 400px at 50% -200px, rgba(0,0,0,.08), transparent 60%),
linear-gradient(180deg, rgba(163,91,65,.07), rgba(63,95,74,.06)),
var(--sand);
border:1px solid var(--gold);
box-shadow:var(--shadow);
position:relative;
}
.v1920 .inner{padding:28px 28px 20px;}
.v1920 .masthead{
text-align:center;
text-transform:uppercase;
letter-spacing:.14em;
font-weight:700;
font-size:18px;
padding:14px 18px 10px;
border-bottom:2px solid var(--gold);
}
.v1920 .masthead small{
display:block;
margin-top:6px;
font-size:11px;
letter-spacing:.18em;
color:#6b5643;
}
.v1920 .lead{
background:var(--paper);
border-left:6px solid var(--red);
padding:14px 16px;
margin:18px 0 20px;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.v1920 .content{ text-align:justify; }
.v1920 .hr-deco{
height:14px; margin:22px 0; position:relative;
border-top:1px dashed var(--gold);
}
.v1920 .hr-deco:before{
content:"◆";
position:absolute; left:50%; top:-11px; transform:translateX(-50%);
font-size:14px; color:var(--green); background:var(--sand); padding:0 6px;
}
.v1920 a{ color:var(--green); text-decoration:none; border-bottom:1px solid rgba(63,95,74,.35); }
.v1920 a:hover{ color:var(--red); border-bottom-color: rgba(163,91,65,.55); }
.v1920 figure{
margin:16px 0; display:flex; gap:16px; align-items:flex-start;
background:var(--paper); padding:12px; border:1px solid rgba(0,0,0,.06);
}
.v1920 figure img{
max-width:240px; height:auto; display:block;
border:1px solid var(--gold); box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.v1920 figure figcaption{
font-size:13px; color:#5c4939; line-height:1.5;
}
.v1920 .quote{
margin:10px 0; padding:12px 14px;
background:linear-gradient(180deg, rgba(163,91,65,.06), rgba(63,95,74,.05));
border:1px solid var(--gold); font-style:italic;
}
.v1920 .footer{
margin-top:16px; padding:10px 14px;
border-top:1px solid var(--gold); font-size:12px; color:#6b5643;
display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between;
}
.v1920 .tags{
display:flex; flex-wrap:wrap; gap:8px;
}
.v1920 .tag{
padding:2px 8px; font-size:11px; letter-spacing:.06em; text-transform:uppercase;
border:1px solid var(--gold); background:var(--paper);
}
/* мобильная адаптация */
@media (max-width:640px){
.v1920 .inner{padding:18px;}
.v1920 figure{flex-direction:column;}
.v1920 figure img{max-width:100%;}
}
</style>