.vespera-games {
	--games-surface: #fff;
	--games-soft: #eef2f7;
	--games-line: rgba(25,38,58,.1);
	--games-text: #182337;
	--games-muted: #6e7a8d;
	--games-blue: #3979ca;
	--games-blue-soft: rgba(57,121,202,.1);
	--games-mint: #248d7b;
	--games-shadow: 0 20px 55px rgba(24,35,55,.08);
	min-height: 60vh;
	padding: 1.35rem 0 4rem;
	color: var(--games-text);
	background: linear-gradient(180deg,rgba(57,121,202,.035),transparent 260px);
}
[data-bs-theme="dark"] .vespera-games { --games-surface:#101722;--games-soft:#151f2c;--games-line:rgba(220,230,243,.09);--games-text:#f0f5fb;--games-muted:#8d9aaf;--games-blue:#77a9e8;--games-blue-soft:rgba(119,169,232,.1);--games-mint:#63c6b1;--games-shadow:0 24px 65px rgba(0,0,0,.26);background:linear-gradient(180deg,rgba(62,108,170,.05),transparent 280px); }
.vespera-games *, .vespera-games *::before, .vespera-games *::after { box-sizing:border-box; }
.vespera-games a { text-decoration:none; }
.vespera-games > .container > .breadcrumb { margin-bottom:0; }
.vespera-games-kicker { display:inline-flex;gap:.45rem;align-items:center;color:var(--games-mint);font-size:.58rem;font-weight:820;letter-spacing:.13em;text-transform:uppercase; }
.vespera-games-kicker i { font-size:.9rem; }
.vespera-games-hero { display:grid;min-height:300px;grid-template-columns:minmax(0,1fr) 180px;gap:2rem;align-items:end;padding:clamp(2rem,5vw,4rem);margin-top:1rem;color:#fff;border-radius:20px;background:radial-gradient(circle at 78% 20%,rgba(78,154,211,.26),transparent 30%),linear-gradient(130deg,#111927,#182b41 58%,#173c43);box-shadow:var(--games-shadow); }
.vespera-games-hero .vespera-games-kicker { color:#8dd9ca; }
.vespera-games-hero h1 { max-width:760px;margin:.8rem 0 .7rem;color:#fff;font-size:clamp(2rem,5vw,4.25rem);font-weight:830;letter-spacing:-.055em;line-height:.96; }
.vespera-games-hero p { max-width:600px;margin:0;color:rgba(232,241,251,.66);font-size:.76rem;line-height:1.7; }
.vespera-games-hero aside { display:grid;min-height:150px;grid-template-columns:1fr auto;align-content:end;padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(5,11,21,.38); }
.vespera-games-hero aside strong { grid-column:1/-1;color:#fff;font-size:2.2rem;font-weight:760;letter-spacing:-.05em; }
.vespera-games-hero aside span { color:rgba(255,255,255,.62);font-size:.56rem;font-weight:700; }
.vespera-games-hero aside i { color:#8dd9ca; }
.vespera-games-library { margin-top:2rem; }
.vespera-games-library > header { display:flex;align-items:end;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid var(--games-line); }
.vespera-games-library > header span { color:var(--games-muted);font-size:.53rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase; }
.vespera-games-library > header h2 { margin:.15rem 0 0;color:var(--games-text);font-size:1.05rem;font-weight:790; }
.vespera-games-library > header > strong { color:var(--games-muted);font-size:.56rem; }
.vespera-games-grid { display:grid;grid-template-columns:repeat(12,1fr);gap:.8rem;margin-top:1rem; }
.vespera-game-card { position:relative;grid-column:span 4;min-height:270px;overflow:hidden;border-radius:15px;background:#111927;box-shadow:var(--games-shadow); }
.vespera-game-card--lead { grid-column:span 8; }
.vespera-game-card img { width:100%;height:100%;object-fit:cover;transition:transform .45s ease; }
.vespera-game-card__overlay { position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,23,.05),rgba(8,13,23,.9)); }
.vespera-game-card__number { position:absolute;top:1rem;right:1rem;color:rgba(255,255,255,.65);font-size:.52rem;font-weight:800;letter-spacing:.13em; }
.vespera-game-card__copy { position:absolute;right:1.1rem;bottom:1.05rem;left:1.1rem;display:flex;flex-direction:column; }
.vespera-game-card__copy small { color:#8dd9ca;font-size:.5rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.vespera-game-card__copy strong { margin:.15rem 0 .65rem;color:#fff;font-size:1.05rem;font-weight:790; }
.vespera-game-card__copy em { display:flex;gap:.35rem;align-items:center;align-self:flex-start;color:rgba(255,255,255,.65);font-size:.54rem;font-style:normal;font-weight:700; }
.vespera-game-card:hover img { transform:scale(1.04); }
.vespera-game-card:hover em { color:#fff; }
.vespera-games-empty { display:flex;min-height:190px;flex-direction:column;gap:.6rem;align-items:center;justify-content:center;margin-top:1rem;color:var(--games-muted);border:1px dashed var(--games-line);border-radius:15px;background:var(--games-surface); }
.vespera-games-empty i { font-size:1.5rem; }
.vespera-games-empty strong { font-size:.66rem; }
.vespera-game-head { position:relative;min-height:280px;overflow:hidden;padding:clamp(2rem,5vw,4rem);margin-top:1rem;border-radius:19px;background:linear-gradient(130deg,#111927,#1c344c);box-shadow:var(--games-shadow); }
.vespera-game-head > img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.vespera-game-head__overlay { position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,23,.95),rgba(8,13,23,.68) 55%,rgba(8,13,23,.2)); }
.vespera-game-head > div { position:relative;z-index:1;max-width:680px; }
.vespera-game-head .vespera-games-kicker { color:#8dd9ca; }
.vespera-game-head h1 { margin:.7rem 0 .5rem;color:#fff;font-size:clamp(2rem,4vw,3.7rem);font-weight:830;letter-spacing:-.05em; }
.vespera-game-head p { margin:0;color:rgba(235,242,251,.68);font-size:.7rem; }
.vespera-game-layout { display:grid;grid-template-columns:255px minmax(0,1fr);gap:1rem;align-items:start;margin-top:1rem; }
.vespera-game-nav { position:sticky;top:1rem;overflow:hidden;border:1px solid var(--games-line);border-radius:14px;background:var(--games-surface);box-shadow:var(--games-shadow); }
.vespera-game-nav > header { display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:0 .9rem;border-bottom:1px solid var(--games-line); }
.vespera-game-nav > header span { color:var(--games-text);font-size:.63rem;font-weight:770; }
.vespera-game-nav > header strong { color:var(--games-blue);font-size:.58rem; }
.vespera-game-nav nav { padding:.45rem; }
.vespera-game-nav nav a { display:grid;min-height:45px;grid-template-columns:24px minmax(0,1fr) 18px;gap:.45rem;align-items:center;padding:0 .55rem;color:var(--games-muted);border-radius:8px; }
.vespera-game-nav nav a > span { font-size:.45rem;font-weight:800; }
.vespera-game-nav nav a > strong { overflow:hidden;font-size:.58rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap; }
.vespera-game-nav nav a > i { font-size:.72rem; }
.vespera-game-nav nav a:hover,.vespera-game-nav nav a.active { color:var(--games-blue);background:var(--games-blue-soft); }
.vespera-game-nav__all { display:flex;min-height:48px;gap:.45rem;align-items:center;justify-content:center;color:var(--games-text);font-size:.56rem;font-weight:730;border-top:1px solid var(--games-line); }
.vespera-game-nav > p { padding:1rem;color:var(--games-muted);font-size:.6rem; }
.vespera-game-document { overflow:hidden;border:1px solid var(--games-line);border-radius:15px;background:var(--games-surface);box-shadow:var(--games-shadow); }
.vespera-game-document > header { display:flex;min-height:70px;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid var(--games-line); }
.vespera-game-document > header span { color:var(--games-muted);font-size:.49rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase; }
.vespera-game-document > header h2 { margin:.12rem 0 0;color:var(--games-text);font-size:.82rem;font-weight:770; }
.vespera-game-document > header > i { color:var(--games-blue);font-size:1.15rem; }
.vespera-game-document__content { min-height:340px;padding:clamp(1.2rem,3vw,2.3rem);color:var(--games-muted);font-size:.69rem;line-height:1.8; }
.vespera-game-document__content :is(h1,h2,h3,h4,strong) { color:var(--games-text); }
.vespera-game-document__content img { max-width:100%;height:auto;border-radius:10px; }
.vespera-game-document__content a { color:var(--games-blue); }
@media(max-width:991.98px){.vespera-game-card,.vespera-game-card--lead{grid-column:span 6}.vespera-game-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:767.98px){.vespera-games{padding-top:.8rem}.vespera-games-hero{grid-template-columns:1fr;padding:2rem 1.2rem;border-radius:15px}.vespera-games-hero aside{min-height:100px}.vespera-game-card,.vespera-game-card--lead{grid-column:span 12;min-height:230px}.vespera-game-head{min-height:240px;padding:2rem 1.2rem;border-radius:15px}.vespera-game-layout{grid-template-columns:1fr}.vespera-game-nav{position:static}.vespera-game-nav nav{display:flex;overflow-x:auto}.vespera-game-nav nav a{min-width:170px}.vespera-game-nav__all{display:none}}
@media(prefers-reduced-motion:reduce){.vespera-games *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
