of | */
.game-offer__description table th {
background: rgba(108,135,168,0.28);
color: var(--c-text);
font-weight: 700; }
.game-offer__description table thead tr:first-child td,
.game-offer__description table tr:first-child.pp-table-head td {
background: rgba(108,135,168,0.28);
color: var(--c-text);
font-weight: 700; }
/* First column keеps its own "label" look, no matter how many columns follow */
.game-offer__description table tr td:first-child {
min-width: 120px;
background: rgba(108,135,168,0.10);
color: var(--c-text);
font-weight: 700; }
.game-offer__description table tr td:first-child b { color: var(--c-text); }
/* Sidebar guides block */
.character-guides .character-games__list {
background: var(--c-panel2);
border-radius: 26px;
padding: 10px 14px;
}
.character-guides .character-games__list ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.character-guides .character-games__list li {
display: block;
width: 100%;
float: none;
margin: 0;
padding: 0;
background: none;
position: static;
}
.character-guides .character-games__list li a {
display: block;
padding: 9px 4px;
border-bottom: 1px solid rgba(255,255,255,0.08);
text-decoration: none;
}
.character-guides .character-games__list li:last-child a {
border-bottom: none;
}
.character-guides .character-name {
position: static;
width: auto;
background: none;
padding: 0;
border-radius: 0;
bottom: auto;
}
.character-guides .character-games__list li a:hover .character-name {
background: none;
}
.character-guides .character-name span {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.35;
text-align: left;
color: var(--c-muted) !important;
}
.character-guides .character-games__list li a:hover .character-name span {
color: #B5738C !important;
}
.character-guides {
background: var(--c-panel);
outline: 2px solid #6670A8;
outline-offset: -2px;
box-shadow: 0 0 22px -6px rgba(102,112,168,0.3);
border-radius: 34px;
padding: 25px 10px 10px 10px;
margin-bottom: 24px;
}
.character-guides .block-title {
margin-bottom: 16px;
}
.game-banner {
display: flex;
flex-direction: column;
align-items: center;
padding: 18px;
margin-bottom: 30px;
background: rgba(217, 140, 61, 0.08);
border: 2px solid rgba(217, 140, 61, 0.25);
border-radius: 20px;
}
.game-banner img {
display: block;
max-width: 100%;
height: auto;
border-radius: 14px;
}
/* ============================================
Character guide — additive styles (eg-*)
Paste into your main stylesheet
============================================ */
/* ---------- Character card ---------- */
.eg-character {
margin: 24px 0;
padding: 22px 24px;
background: rgba(108,135,168,0.07);
border: 2px solid #6C87A8;
border-radius: 14px;
}
/* full-width heading */
.eg-character h2 {
margin-top: 0;
margin-bottom: 12px;
}
/* full-width row of fact pills */
.eg-character__facts {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
/* text body: image floats inside here, so its top edge lines up
with the first line of the first paragraph */
.eg-character__body::after {
content: '';
display: table;
clear: both;
}
.eg-character__media {
display: block;
float: left;
width: 250px;
height: 150px;
margin: 0 25px 25px 0;
object-fit: cover;
border-radius: 16px;
outline: 1px solid rgba(255,255,255,0.16);
outline-offset: -1px;
box-shadow: 0 10px 26px rgba(0,0,0,0.5);
}
/* alternate sides for visual rhythm */
.eg-character:nth-of-type(even) .eg-character__media {
float: right;
margin: 0 0 12px 25px;
}
/* accent colors, matching the existing site palette — used on the pills */
.eg-character--purple { --eg-accent: #9683B0; }
.eg-character--navy { --eg-accent: #6670A8; }
.eg-character--pink { --eg-accent: #B5738C; }
.eg-character--green { --eg-accent: #6B9E7E; }
.eg-character--red { --eg-accent: #B85A52; }
.eg-character--gold { --eg-accent: var(--c-accent); }
.eg-character--orange { --eg-accent: #B98A52; }
/* ---------- Fact pills ---------- */
.eg-pill {
display: inline-flex;
align-items: center;
padding: 5px 13px;
font-size: 12px;
font-weight: 500;
color: var(--c-text);
background: rgba(255,255,255,0.06);
border: 1px solid var(--eg-accent, rgba(255,255,255,.18));
border-radius: 999px;
white-space: nowrap;
}
.eg-pill--warn {
background: rgba(184,90,82,0.12);
border-color: #B85A52;
color: #E8B6B0;
}
/* ---------- Responsive ---------- */
@media (max-width: 600px) {
.eg-character__media,
.eg-character:nth-of-type(even) .eg-character__media {
float: none;
width: 100%;
max-width: 250px;
margin: 0 auto 16px auto;
}
}
.container {
max-width: 1140px;
margin: 0 auto; }
.container::before {
content: '';
display: table; }
.container::after {
content: '';
clear: both; }
@media all and (max-width: 389px) {
.game-card {
max-width: calc(100% / 2 - 10px); } }
@media all and (max-width: 767px) {
.container {
padding: 0 16px; }
.btn-search {
height: 44px; }
.btn-menu {
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(90deg, #EC5260 -8.44%, #F53439 74.75%);
border-radius: 14px;
width: 100%;
height: 44px; }
.btn-menu .text {
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #ffffff; }
.hamburger {
position: relative;
width: 12px;
height: 12px;
margin-right: 5px; }
.hamburger span {
display: block;
position: absolute;
width: 12px;
height: 2px;
-webkit-transition: transform .15s linear;
-o-transition: transform .15s linear;
transition: transform 0.15s ease;
border-radius: 3px;
background-color: #fff; }
.hamburger span:nth-child(1) {
top: 0; }
.hamburger span:nth-child(2) {
top: 50%;
margin-top: -1px; }
.hamburger span:nth-child(3) {
top: auto;
bottom: 0; }
.header {
position: relative; }
.header__content {
margin-top: 16px;
margin-bottom: 16px; }
.header .logo {
margin-right: auto;
margin-left: auto;
margin-bottom: 15px; }
.header .search input {
width: 100%;
max-width: 250px;
height: 44px;
background: #F7F8FA url(../img/icon-search.svg) 12px 15px no-repeat; }
.header .menu {
margin-top: 10px; }
.header .menu ul {
display: none; }
.header .menu ul li {
height: 44px;
max-width: calc(100% / 2 - 5px);
margin-bottom: 10px; }
.open .hamburger span:nth-child(1) {
top: 5px;
transform: rotate(45deg); }
.open .hamburger span:nth-child(2) {
top: 0;
opacity: 0; }
.open .hamburger span:nth-child(3) {
bottom: 5px;
transform: rotate(-45deg); }
.open.menu ul {
display: flex;
margin-top: 15px; }
.content {
flex-wrap: wrap;
padding: 20px; }
.side {
max-width: 100%; }
.character-games__list ul {
justify-content: center; }
.catalog__list {
justify-content: space-between; }
.game-series__slider {
margin: 0; }
.game-series__item {
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
max-width: 100%; }
.slick-next {
top: auto;
bottom: 0;
right: 0; }
.slick-prev {
top: auto;
bottom: 0;
left: 0;
right: auto; }
.slick-dots {
max-width: calc(100% - (80px + 20px));
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
height: 40px; }
.slick-dots li {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 7px; }
.slick-dots li button {
font-size: 0;
border-radius: 50%;
padding: 3px;
background: #72B9FA; }
.slick-dots li.slick-active {
width: 10px;
height: 10px;
background: #ffffff; }
.slick-dots li.slick-active button {
background: #FC8500; }
.game-card {
margin: 5px; }
.game-offer h1 {
font-size: 28px;
line-height: 30px; }
.game-offer__window__top {
flex-wrap: wrap; }
.game-offer__window__top .left {
justify-content: center;
margin-bottom: 10px; }
.game-offer__window__top .right {
justify-content: center;
width: 100%; }
.game-offer__window__frame {
min-height: 320px; }
.game-offer__window__bottom {
flex-wrap: wrap; }
.game-offer__window__bottom .left {
order: 13; }
.game-offer__window__bottom .right {
width: 100%;
justify-content: space-between;
margin-bottom: 10px;
order: 1; }
.game-offer__window__bottom .links a {
margin-bottom: 5px; }
.description h1, .description .h1 {
font-size: 28px;
line-height: 30px; }
.description h2, .description .h2 {
font-size: 28px;
line-height: 30px; }
.description--padding {
padding: 20px; }
.footer__content {
flex-wrap: wrap; }
.footer__content .logo {
margin-bottom: 20px;
margin-right: auto;
margin-left: auto; }
.footer__content .privacy {
text-align: center;
margin: 0 auto; } }
/* --- builder additions (not from theme) --- */
:root{
--c-bg:#0A0C0E; --c-panel:#2E333F; --c-panel2:#3C424F; --c-panel3:#4A5162;
--c-text:#F2F1EC; --c-muted:#A6A2AE; --c-accent:#C9A227; --c-accent-text:#2A1F08;
}
.text-logo{display:inline-block;font-family:'Inter',Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.5px;color:#fff;
background:linear-gradient(135deg,#9683B0,#6670A8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.footer .foot-note{color:#8a8aa0;font-size:11px;margin-top:8px;max-width:340px;line-height:1.5}
.header .menu ul li a img{display:inline-block}
.menu-icon{display:inline-block;margin-right:7px;vertical-align:middle}
/* Pre-play teaser: capped at a fixed, sane height (was ~650px, inherited from the
theme's wide row layout) — once Play is pressed the frame below takes over at
its own normal (taller) size, so the actual game is never cramped. */
.player-overlay{
min-height:450px !important;
height:450px;
flex-direction:column !important;
gap:16px;
padding:24px;
position:relative;
z-index:0;
overflow:hidden;
}
/* Blurred, full-bleed backdrop made from the game's own thumbnail (set inline as
--bg-img per game) — sits behind everything else in the card. Falls back to the
theme's original animated gradient when a game has no image at all. */
.player-overlay::before{
content:'';
position:absolute;
inset:-30px;
background-image:var(--bg-img,none);
background-size:cover;
background-position:center;
filter:blur(28px) brightness(.55) saturate(1.15);
z-index:-1;
}
.player-overlay-image{ order:1; position:relative; z-index:1; }
.player-overlay-image img{ width:140px; height:140px; object-fit:cover; }
.player-overlay-name{
position:relative !important;
top:auto !important;
z-index:1;
order:2;
font-size:22px;
text-align:center;
max-width:90%;
text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.player-button-name{ order:3; position:relative; z-index:1; }
/* Uniform thumbnail size for the category/similar-games grid — actual pixel size
comes from --thumb-w/--thumb-h, injected per-page from the Games tab's
width/height setting. Deliberately NOT applied to the sidebar "Most Played"
list — that one has its own compact 2-per-row layout (98px, flex-wrap) that a
125px override would break by no longer fitting two across. */
:root{ --thumb-w:125px; --thumb-h:125px; }
.game-card .thumb img {
width: var(--thumb-w) !important;
height: var(--thumb-h) !important;
object-fit: cover !important;
}
/* A real, visible Play button — red, pill-shaped, gently pulsing to draw the eye,
and a touch larger on hover for tactile feedback (the theme styled a #js-player-start
id that our markup never used, so this had been rendering as bare unstyled text). */
.player-overlay__start{
font-family:inherit;
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:9px;
width:auto !important;
height:auto !important;
min-width:210px;
padding:16px 38px;
background:linear-gradient(135deg,#FF6A4D,#E42A3F);
color:#fff !important;
font-size:19px;
font-weight:800;
letter-spacing:.3px;
border-radius:999px;
cursor:pointer;
text-decoration:none;
box-shadow:0 0 0 0 rgba(228,42,63,.55);
animation:playPulse 2.2s ease-out infinite;
transition:transform .2s ease, box-shadow .2s ease;
}
.player-overlay__start:hover{
transform:scale(1.08);
text-decoration:none;
color:#fff;
}
.player-overlay__start .play-ico{ font-size:14px; }
@keyframes playPulse{
0% { box-shadow:0 0 0 0 rgba(228,42,63,.55); }
70% { box-shadow:0 0 0 22px rgba(228,42,63,0); }
100% { box-shadow:0 0 0 0 rgba(228,42,63,0); }
}
@media (max-width:767px){
.player-overlay{ min-height:450px !important; height:450px; }
}
/* Post-play frame height — was the theme's default 600px, now 550px (still full
per-game auto width/positioning, just a shorter minimum). */
.game-offer__window__frame{ min-height:550px; }
/* --- SEO/a11y fixes --- */
.header .search input[type=search]{-webkit-appearance:none;appearance:none}
.header .search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.header .menu nav > ul > li:focus-within > .dropdown_first{opacity:1;visibility:visible;transform:translateY(0)}
.header .menu ul li a[role=button]:focus-visible,.header .menu .dropdown_first a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
.game-offer__description table th[scope=row]{min-width:120px;background:rgba(108,135,168,0.10);color:var(--c-text);font-weight:700}
.game-offer__description table tr:last-child th[scope=row]{border-bottom:none}
.game-offer__description .pp-quote p{margin:0;line-height:inherit}
.game-offer__window__top .left{display:flex;align-items:center}
.like-dislike{display:flex;align-items:center;background:var(--c-panel2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0 4px;margin-left:10px}
.like-dislike hr{width:1px;height:20px;margin:0 2px;border:0;background:rgba(255,255,255,0.14)}
.ld-btn{display:flex;align-items:center;gap:7px;padding:10px 11px;background:none;border:0;color:var(--c-text);font:inherit;font-size:14px;line-height:1;border-radius:10px;cursor:pointer;transition:color .15s,transform .1s}
.ld-btn:hover,.ld-btn.active{color:var(--c-accent)}
.ld-btn:active{transform:scale(.94)}
.ld-btn:focus-visible{outline:2px solid var(--c-accent)}
.ld-btn.dislike svg{transform:rotate(180deg)}
.ld-count{min-width:1ch}
@media (max-width:600px){.like-dislike{margin-left:0}.ld-btn{padding:8px 9px}}
.game-offer__description .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;line-height:1.4;color:var(--c-muted)}
.game-offer__description .breadcrumbs a{color:var(--c-muted);text-decoration:none}
.game-offer__description .breadcrumbs a:hover{color:var(--c-accent)}
.game-offer__description .breadcrumbs .bc-sep{opacity:.6}
.game-offer__description .breadcrumbs [aria-current]{color:var(--c-text)}
/* ===== Hub template (palette-driven via Design > Colors) =====
Layout: sticky top bar + icon rail on the left, player first, info card, "Top games" column.
Everything is scoped to body.tpl-hub so it can sit on top of the shared base stylesheet. */
:root{
--hub-gold:#FFC83D;
--hub-line:color-mix(in srgb,var(--c-text) 11%,transparent);
--hub-line-2:color-mix(in srgb,var(--c-text) 20%,transparent);
--hub-top-h:64px;--hub-rail-w:72px;--hub-rail-open:252px;--hub-r:16px;
--hub-font:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
--hub-glow:0 10px 28px -10px color-mix(in srgb,var(--c-accent) 60%,transparent);
}
html{scroll-padding-top:calc(var(--hub-top-h) + 12px);}
body.tpl-hub{background:var(--c-bg);color:var(--c-text);font-family:var(--hub-font);-webkit-font-smoothing:antialiased;min-height:100vh;}
body.tpl-hub a{color:var(--c-accent);text-decoration:none;}
body.tpl-hub a:hover{color:color-mix(in srgb,var(--c-accent) 70%,#fff);}
body.tpl-hub ::selection{background:color-mix(in srgb,var(--c-accent) 55%,transparent);color:#fff;}
body.tpl-hub :focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;}
/* ---------- top bar ---------- */
body.tpl-hub .header{position:sticky;top:0;z-index:300;background:var(--c-panel);border-bottom:1px solid var(--hub-line);box-shadow:none;margin:0;padding:0;}
body.tpl-hub .header .container{max-width:none;margin:0;padding:0;}
body.tpl-hub .header__content{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;height:var(--hub-top-h);margin:0;padding:0 18px;background:none;outline:0;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;}
body.tpl-hub .header .logo{flex:none;max-width:none;width:auto;margin:0;filter:none;order:1;}
body.tpl-hub .header .logo a{display:flex;align-items:center;gap:10px;color:var(--c-text);}
body.tpl-hub .header .logo img{display:block;height:40px;width:auto;max-width:220px;}
body.tpl-hub .hub-mark{flex:none;display:block;filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--c-accent) 45%,transparent));}
body.tpl-hub .text-logo{display:inline-block;background:none;-webkit-text-fill-color:currentColor;font-family:var(--hub-font);font-weight:900;font-size:21px;line-height:1;letter-spacing:-.02em;color:var(--c-text);white-space:nowrap;}
body.tpl-hub .text-logo b{color:var(--c-accent);font-weight:900;}
body.tpl-hub .header .search{order:2;flex:1 1 auto;max-width:520px;margin:0;}
body.tpl-hub .header .search-container{position:relative;display:block;}
body.tpl-hub .search-input{width:100%;height:42px;padding:0 52px 0 18px;background:var(--c-bg);color:var(--c-text);border:1px solid var(--hub-line-2);border-radius:999px;box-shadow:none;font:600 14px/42px var(--hub-font);}
body.tpl-hub .search-input::placeholder{color:var(--c-muted);font-weight:500;}
body.tpl-hub .search-input:focus{outline:0;border-color:var(--c-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-accent) 18%,transparent);}
body.tpl-hub .btn-search{position:absolute;right:4px;top:4px;width:34px;height:34px;padding:0;background:var(--c-accent);border:0;border-radius:50%;box-shadow:none;transform:none;}
body.tpl-hub .btn-search:hover{background:color-mix(in srgb,var(--c-accent) 80%,#fff);transform:none;box-shadow:none;}
body.tpl-hub .btn-search span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
body.tpl-hub .btn-search::before{content:"";width:16px;height:16px;background:var(--c-accent-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;}
body.tpl-hub .hub-random{order:3;margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:var(--c-panel2);color:var(--c-text);border:1px solid var(--hub-line);border-radius:12px;font-weight:800;font-size:14px;white-space:nowrap;transition:border-color .15s,background .15s,transform .15s;}
body.tpl-hub .hub-random:hover{color:var(--c-text);border-color:var(--c-accent);background:var(--c-panel3);}
body.tpl-hub .hub-random svg{color:var(--hub-gold);flex:none;}
/* ---------- left rail (the site menu) ---------- */
body.tpl-hub .header .menu{order:0;flex:none;margin:0;width:auto;}
body.tpl-hub .btn-menu{display:none;width:42px;height:42px;padding:0;background:var(--c-panel2);border:1px solid var(--hub-line);border-radius:12px;color:var(--c-text);box-shadow:none;}
body.tpl-hub .btn-menu .text{display:none;}
body.tpl-hub .btn-menu .hamburger{margin:0;width:18px;height:14px;}
body.tpl-hub .btn-menu .hamburger span{background:var(--c-text);height:2px;border-radius:2px;}
body.tpl-hub .btn-menu .hamburger span:nth-child(2){top:6px;}
body.tpl-hub .open .btn-menu .hamburger span:nth-child(1){top:6px;}
body.tpl-hub .open .btn-menu .hamburger span:nth-child(3){bottom:6px;}
body.tpl-hub .header .menu nav{position:fixed;left:0;top:var(--hub-top-h);bottom:0;width:var(--hub-rail-w);z-index:250;overflow-x:hidden;overflow-y:auto;background:var(--c-panel);border-right:1px solid var(--hub-line);padding:10px 0 24px;transition:width .2s ease,box-shadow .2s ease,transform .2s ease;scrollbar-width:thin;scrollbar-color:var(--hub-line-2) transparent;}
body.tpl-hub .header .menu ul{display:flex !important;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:3px;margin:0;padding:0 12px;list-style:none;}
body.tpl-hub .header .menu ul li{display:block;width:100%;max-width:none;height:auto;margin:0;border-radius:12px;background:none;}
body.tpl-hub .header .menu ul li a{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;height:46px;padding:0 13px;font:700 14px/1.2 var(--hub-font);color:var(--c-text);background:transparent;border:0;border-radius:12px;box-shadow:none;transform:none;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s;}
body.tpl-hub .header .menu ul li a:hover,body.tpl-hub .header .menu ul li:hover > a{background:var(--c-panel3);color:var(--c-text);box-shadow:none;transform:none;}
body.tpl-hub .header .menu ul li a .menu-icon,body.tpl-hub .header .menu ul li a svg{flex:0 0 22px;width:22px;height:22px;margin:0;}
body.tpl-hub .header .menu ul li a .menu-icon{color:var(--c-accent);}
body.tpl-hub .header .menu .dropdown_first li a .menu-icon{display:none;}
body.tpl-hub .header .menu ul li a span{overflow:hidden;text-overflow:ellipsis;}
body.tpl-hub .header .menu .dropdown_first{display:block !important;flex-direction:initial;position:static;opacity:1;visibility:visible;transform:none;min-width:0;width:auto;max-width:none;margin:2px 0 6px;padding:0 0 0 22px;background:none;border:0;box-shadow:none;}
body.tpl-hub .header .menu .dropdown_first::before{display:none;}
body.tpl-hub .header .menu .dropdown_first li a{height:38px;padding:0 13px;font-weight:600;font-size:13px;color:var(--c-muted);}
body.tpl-hub .header .menu .dropdown_first li a:hover{background:var(--c-panel3);color:var(--c-text);}
@media (min-width:1024px){
body.tpl-hub .header .menu nav:not(:hover):not(:focus-within) .dropdown_first{display:none !important;}
body.tpl-hub .header .menu nav:hover,body.tpl-hub .header .menu nav:focus-within{width:var(--hub-rail-open);box-shadow:24px 0 60px rgba(0,0,0,.55);}
}
body.tpl-hub .page{margin-left:var(--hub-rail-w);}
body.tpl-hub .page .container{max-width:1380px;padding:0 20px;}
/* ---------- layout ---------- */
body.tpl-hub .content{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;padding:20px 0 0;background:none;outline:0;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;}
body.tpl-hub .content:has(> .side){grid-template-columns:minmax(0,1fr) 304px;}
body.tpl-hub .main{max-width:none;width:auto;margin:0;}
body.tpl-hub .side{max-width:none;width:auto;margin:0;}
body.tpl-hub .block-title{margin:0 0 16px;font:900 24px/1.2 var(--hub-font);color:var(--c-text);letter-spacing:-.01em;}
body.tpl-hub .main > .block-title{margin-top:4px;}
body.tpl-hub .block-title h1{margin:0;font:900 clamp(26px,3vw,34px)/1.12 var(--hub-font);letter-spacing:-.02em;color:var(--c-text);}
body.tpl-hub .main > .catalog{margin-bottom:20px;}
body.tpl-hub h1,body.tpl-hub h2,body.tpl-hub h3{font-family:var(--hub-font);color:var(--c-text);}
/* ---------- player ---------- */
body.tpl-hub .game-offer{display:block;}
body.tpl-hub .game-offer__window{position:relative;overflow:hidden;background:#05070a;border:1px solid var(--hub-line);outline:0;border-radius:var(--hub-r);box-shadow:0 22px 60px -26px rgba(0,0,0,.9);margin:0 0 16px;}
body.tpl-hub .player-overlay{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:auto !important;min-height:0 !important;aspect-ratio:16/9;padding:24px;overflow:hidden;background:#0a0e13;animation:none;}
body.tpl-hub .player-overlay::before{inset:-40px;filter:blur(26px) brightness(.5) saturate(1.25);}
body.tpl-hub .player-overlay::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 55% at 50% 110%,color-mix(in srgb,var(--c-accent) 30%,transparent),transparent),radial-gradient(70% 70% at 50% 45%,transparent,rgba(0,0,0,.5));}
body.tpl-hub .player-overlay-image img{display:block;width:clamp(96px,17vw,168px);height:auto;aspect-ratio:1;object-fit:cover;border:3px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 18px 40px -10px rgba(0,0,0,.8),0 0 0 6px color-mix(in srgb,var(--c-accent) 25%,transparent);}
body.tpl-hub .player-overlay-name{position:relative !important;top:auto !important;font:900 clamp(18px,2.6vw,28px)/1.15 var(--hub-font);color:#fff;text-align:center;text-shadow:0 3px 14px rgba(0,0,0,.7);}
body.tpl-hub .player-overlay__start{display:inline-flex !important;align-items:center;justify-content:center;gap:10px;width:auto !important;height:auto !important;min-width:200px;padding:15px 40px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-accent) 78%,#fff),var(--c-accent)) !important;color:var(--c-accent-text) !important;border:0 !important;border-radius:999px !important;font:900 18px/1 var(--hub-font);letter-spacing:.01em;cursor:pointer;box-shadow:0 0 0 6px color-mix(in srgb,var(--c-accent) 22%,transparent),0 16px 34px -10px color-mix(in srgb,var(--c-accent) 75%,transparent) !important;animation:none !important;transition:transform .15s,box-shadow .15s;}
body.tpl-hub .player-overlay__start:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 0 9px color-mix(in srgb,var(--c-accent) 26%,transparent),0 20px 40px -10px color-mix(in srgb,var(--c-accent) 85%,transparent) !important;}
body.tpl-hub .player-overlay__start .play-ico{font-size:15px;color:inherit !important;}
body.tpl-hub .game-offer__window__frame{position:relative;z-index:1;width:100%;aspect-ratio:16/9;min-height:0;margin:0;background:#000;}
body.tpl-hub .game-offer__window__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
body.tpl-hub .hub-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--c-panel);border-top:1px solid var(--hub-line);}
body.tpl-hub .hub-bar__game{display:flex;align-items:center;gap:14px;min-width:0;}
body.tpl-hub .hub-bar__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 15px/1.2 var(--hub-font);color:var(--c-text);}
body.tpl-hub .hub-bar__actions{display:flex;align-items:center;gap:8px;flex:none;}
body.tpl-hub .hub-bar .fullscreen{display:flex;}
body.tpl-hub .hub-ibtn,body.tpl-hub .btn-fullscreen{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--c-panel2);color:var(--c-text);border:1px solid var(--hub-line);border-radius:12px;box-shadow:none;cursor:pointer;transition:border-color .15s,background .15s,color .15s;}
body.tpl-hub .hub-ibtn:hover,body.tpl-hub .btn-fullscreen:hover{border-color:var(--c-accent);background:var(--c-panel3);color:var(--c-accent);}
body.tpl-hub .btn-fullscreen{visibility:hidden;}
body.tpl-hub .hub-reload{display:none;}
body.tpl-hub .is-playing .hub-reload{display:inline-flex;}
body.tpl-hub .like-dislike{margin:0;background:var(--c-panel2);border:1px solid var(--hub-line);border-radius:12px;}
body.tpl-hub .like-dislike hr{background:var(--hub-line-2);}
body.tpl-hub .ld-btn{padding:9px 12px;font-weight:800;font-size:13px;}
body.tpl-hub .ld-btn:hover,body.tpl-hub .ld-btn.active{color:var(--c-accent);}
body.tpl-hub .hub-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:999;padding:11px 18px;background:var(--c-panel3);color:var(--c-text);border:1px solid var(--hub-line-2);border-radius:12px;font:700 14px var(--hub-font);box-shadow:0 14px 34px rgba(0,0,0,.5);}
/* ---------- info card ---------- */
body.tpl-hub .hub-info{margin:0 0 20px;padding:20px;background:var(--c-panel);border:1px solid var(--hub-line);border-radius:var(--hub-r);}
body.tpl-hub .hub-info__title{margin:0 0 14px;font:900 clamp(24px,3vw,34px)/1.1 var(--hub-font);letter-spacing:-.02em;color:var(--c-text);}
body.tpl-hub .hub-info__row{display:flex;gap:18px;align-items:flex-start;}
body.tpl-hub .hub-info__img{flex:none;}
body.tpl-hub .hub-info__img img{display:block;width:112px;height:112px;object-fit:cover;border-radius:18px;border:2px solid var(--hub-line-2);}
body.tpl-hub .hub-info__body{min-width:0;flex:1 1 auto;}
body.tpl-hub .hub-stats{display:inline-flex;flex-wrap:wrap;margin:0 0 12px;background:var(--c-panel2);border:1px solid var(--hub-line);border-radius:12px;overflow:hidden;}
body.tpl-hub .hub-stat{min-width:96px;padding:9px 18px;border-right:1px solid var(--hub-line);}
body.tpl-hub .hub-stat:last-child{border-right:0;}
body.tpl-hub .hub-stat b{display:block;min-height:1.2em;font:900 16px/1.2 var(--hub-font);color:var(--c-text);}
body.tpl-hub .hub-stat b span{display:inline-block;min-width:2ch;}
body.tpl-hub .hub-stat small{display:block;margin-top:2px;font:700 11px/1 var(--hub-font);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);}
body.tpl-hub .hub-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
body.tpl-hub .hub-tags li{margin:0;}
body.tpl-hub .hub-tags a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:var(--c-panel2);color:var(--c-text);border:1px solid var(--hub-line);border-radius:999px;font:800 13px/1 var(--hub-font);transition:border-color .15s,color .15s,background .15s;}
body.tpl-hub .hub-tags a:hover{color:var(--c-accent);border-color:var(--c-accent);background:var(--c-panel3);}
body.tpl-hub .hub-tags em{font-style:normal;font-weight:700;color:var(--c-muted);}
body.tpl-hub .hub-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--c-accent);color:var(--c-accent-text);border:0;border-radius:999px;font:800 13px/1 var(--hub-font);cursor:pointer;}
body.tpl-hub .hub-pill:hover{background:color-mix(in srgb,var(--c-accent) 80%,#fff);color:var(--c-accent-text);}
body.tpl-hub .hub-info__btns{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
/* ---------- cards / grids ---------- */
body.tpl-hub .catalog__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;width:100%;margin:0;padding:0;}
body.tpl-hub .game-card{position:relative;display:block;margin:0;padding:0;max-width:none;width:auto;min-width:0;background:var(--c-panel);border:1px solid var(--hub-line);outline:0;border-radius:var(--hub-r);box-shadow:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
body.tpl-hub .game-card:hover{transform:translateY(-4px);border-color:var(--c-accent);box-shadow:var(--hub-glow);}
body.tpl-hub .game-card .thumb,body.tpl-hub .game-card .thumb a{display:block;width:100%;}
body.tpl-hub .game-card .thumb img{display:block;width:100% !important;height:auto !important;aspect-ratio:1;object-fit:cover !important;border-radius:0;border:0;transition:transform .35s ease;}
body.tpl-hub .game-card:hover .thumb img{transform:scale(1.06);}
body.tpl-hub .game-card .thumb{overflow:hidden;}
body.tpl-hub .game-card .name{padding:10px 10px 12px;font:800 13px/1.25 var(--hub-font);text-align:center;}
body.tpl-hub .game-card .name a{color:var(--c-text);display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
body.tpl-hub .game-card:hover .name a{color:var(--c-accent);}
body.tpl-hub .similiar-games{margin:0 0 20px;padding:20px;background:var(--c-panel);border:1px solid var(--hub-line);border-radius:var(--hub-r);}
body.tpl-hub .similiar-games .catalog__list{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));}
body.tpl-hub .similiar-games .game-card{background:var(--c-panel2);}
body.tpl-hub .similiar-games .block-title,body.tpl-hub .character-games .block-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;text-align:left;font-size:20px;}
body.tpl-hub .similiar-games .block-title::before,body.tpl-hub .character-games .block-title::before{content:"";flex:none;width:6px;height:22px;border-radius:3px;background:var(--c-accent);}
/* ---------- right column: Top games ---------- */
body.tpl-hub .character-games{position:relative;margin:0 0 16px;padding:18px;background:var(--c-panel);border:1px solid var(--hub-line);outline:0;box-shadow:none;border-radius:var(--hub-r);}
body.tpl-hub .character-games__list{background:none;border:0;padding:0;border-radius:0;}
body.tpl-hub .character-games__list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;}
body.tpl-hub .character-games__list ul li{position:relative;margin:0;width:auto;float:none;padding:0;}
body.tpl-hub .character-games__list ul li a{display:block;position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--hub-line);transition:border-color .2s,transform .2s,box-shadow .2s;}
body.tpl-hub .character-games__list ul li a:hover{border-color:var(--c-accent);transform:translateY(-3px);box-shadow:var(--hub-glow);}
body.tpl-hub .character-games__list ul li img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0;transition:transform .3s;}
body.tpl-hub .character-games__list ul li a:hover img{transform:scale(1.06);}
body.tpl-hub .character-name{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));text-align:center;}
body.tpl-hub .character-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 12px/1.2 var(--hub-font);color:#fff;}
body.tpl-hub .character-games__list li a:hover .character-name{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c-accent) 85%,#000));}
/* ---------- text content ---------- */
body.tpl-hub .game-offer__description{margin:0 0 20px;padding:24px;background:var(--c-panel);border:1px solid var(--hub-line);outline:0;box-shadow:none;border-radius:var(--hub-r);color:var(--c-text);font:500 16px/1.7 var(--hub-font);-webkit-backdrop-filter:none;backdrop-filter:none;}
body.tpl-hub .game-offer__description p{margin:0 0 1em;color:color-mix(in srgb,var(--c-text) 88%,transparent);}
body.tpl-hub .game-offer__description a{color:var(--c-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--c-accent) 40%,transparent);text-underline-offset:3px;}
body.tpl-hub .game-offer__description a:hover{text-decoration-color:currentColor;}
body.tpl-hub .game-offer__description h2{margin:1.6em 0 .7em;padding:0 0 0 14px;border:0;border-left:5px solid var(--c-accent);font:900 clamp(21px,2.4vw,26px)/1.2 var(--hub-font);color:var(--c-text);background:none;outline:0;box-shadow:none;border-radius:0;display:block;}
body.tpl-hub .game-offer__description h2:first-child{margin-top:0;}
body.tpl-hub .game-offer__description h3{margin:1.3em 0 .5em;font:800 19px/1.3 var(--hub-font);color:var(--hub-gold);border:0;padding:0;}
body.tpl-hub .game-offer__description b,body.tpl-hub .game-offer__description strong{color:var(--c-text);font-weight:800;}
body.tpl-hub .game-offer__description ul,body.tpl-hub .game-offer__description ol{margin:0 0 1.1em;padding:0 0 0 1.4em;color:color-mix(in srgb,var(--c-text) 88%,transparent);font:inherit;}
body.tpl-hub .game-offer__description ul{list-style:none;padding-left:0;}
body.tpl-hub .game-offer__description ul li{position:relative;padding-left:1.5em;margin:.35em 0;}
body.tpl-hub .game-offer__description ul li::before{content:"";position:absolute;left:.15em;top:.62em;width:.55em;height:.55em;border-radius:3px;background:var(--c-accent);transform:rotate(45deg);}
body.tpl-hub .game-offer__description ol li{margin:.35em 0;padding-left:.2em;}
body.tpl-hub .game-offer__description ol li::marker{color:var(--c-accent);font-weight:900;}
body.tpl-hub .game-offer__description img{float:none;max-width:100%;height:auto;margin:1.2em 0;border-radius:14px;}
body.tpl-hub .game-offer__description table{width:100%;margin:1.3em 0;border-collapse:separate;border-spacing:0;background:var(--c-panel2);border:1px solid var(--hub-line-2);border-radius:14px;overflow:hidden;display:table;}
body.tpl-hub .game-offer__description th,body.tpl-hub .game-offer__description td{padding:11px 14px;text-align:left;border:0;border-bottom:1px solid var(--hub-line);vertical-align:top;}
body.tpl-hub .game-offer__description thead th,body.tpl-hub .game-offer__description thead td,body.tpl-hub .game-offer__description .pp-table-head{background:color-mix(in srgb,var(--c-accent) 20%,var(--c-panel2));color:var(--c-text);font-weight:800;}
body.tpl-hub .game-offer__description table th[scope=row]{min-width:120px;background:color-mix(in srgb,var(--c-accent) 10%,var(--c-panel2));color:var(--c-text);font-weight:800;}
body.tpl-hub .game-offer__description table tr:nth-child(even) td{background:color-mix(in srgb,var(--c-text) 3%,transparent);}
body.tpl-hub .game-offer__description table tr:last-child th,body.tpl-hub .game-offer__description table tr:last-child td{border-bottom:0;}
body.tpl-hub .game-offer__description .pp-rule,body.tpl-hub .game-offer__description .pp-tip,body.tpl-hub .game-offer__description .pp-quote,body.tpl-hub .game-offer__description .pp-faq-item,body.tpl-hub .game-offer__description .pp-controls{background:var(--c-panel2);border:1px solid var(--hub-line-2);border-radius:14px;box-shadow:none;color:var(--c-text);}
body.tpl-hub .game-offer__description .pp-rule{border-color:color-mix(in srgb,var(--c-accent) 55%,transparent);background:color-mix(in srgb,var(--c-accent) 9%,var(--c-panel2));}
body.tpl-hub .game-offer__description .pp-tip{border-left:5px solid var(--hub-gold);}
body.tpl-hub .game-offer__description .pp-tip::before{background-color:var(--hub-gold);}
body.tpl-hub .game-offer__description .pp-quote{border-left:5px solid var(--c-accent);font-style:italic;}
body.tpl-hub .game-offer__description .pp-quote::before{color:var(--c-accent);}
body.tpl-hub .game-offer__description .pp-faq-item::before{color:var(--c-accent);}
body.tpl-hub .game-offer__description .pp-controls li b,body.tpl-hub kbd{background:var(--c-panel3);color:var(--c-text);border:1px solid var(--hub-line-2);border-radius:8px;font-weight:800;}
body.tpl-hub .game-offer__description .pp-toc{margin:1em 0;padding:14px 18px;background:var(--c-panel2);border:1px solid var(--hub-line);border-radius:14px;}
body.tpl-hub .game-offer__description hr,body.tpl-hub .pp-rule-line{border:0;height:1px;background:var(--hub-line-2);margin:1.6em 0;}
body.tpl-hub .game-offer__description .breadcrumbs{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--hub-line);font:700 13px/1.4 var(--hub-font);}
body.tpl-hub .game-offer__description .breadcrumbs a{color:var(--c-muted);text-decoration:none;}
body.tpl-hub .game-offer__description .breadcrumbs a:hover{color:var(--c-accent);}
body.tpl-hub .main > .catalog .game-offer__description{margin-top:0;}
/* ---------- footer ---------- */
body.tpl-hub .footer{margin:36px 0 0 var(--hub-rail-w);padding:0;background:var(--c-panel);border-top:1px solid var(--hub-line);}
body.tpl-hub .footer .container{max-width:1380px;padding:0 20px;}
body.tpl-hub .footer__content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:26px 0;background:none;outline:0;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--c-muted);}
body.tpl-hub .footer__content .logo{margin:0;max-width:none;}
body.tpl-hub .footer .logo a{display:flex;align-items:center;gap:10px;}
body.tpl-hub .footer .logo img{height:36px;width:auto;}
body.tpl-hub .footer .foot-note{max-width:420px;margin-top:10px;color:var(--c-muted);font-size:12px;}
body.tpl-hub .footer__content .privacy{margin:0;text-align:right;}
body.tpl-hub .footer .privacy ul{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:flex-end;list-style:none;margin:0;padding:0;}
body.tpl-hub .footer .privacy a{font:700 14px/1.6 var(--hub-font);color:var(--c-muted);}
body.tpl-hub .footer .privacy a:hover{color:var(--c-accent);}
/* ---------- scrollbars ---------- */
body.tpl-hub ::-webkit-scrollbar{width:10px;height:10px;background:var(--c-bg);}
body.tpl-hub ::-webkit-scrollbar-thumb{background:var(--c-panel3);border-radius:10px;border:2px solid var(--c-bg);}
/* ---------- responsive ---------- */
@media (max-width:1200px){
body.tpl-hub .content:has(> .side){grid-template-columns:minmax(0,1fr);}
body.tpl-hub .side{position:static;}
body.tpl-hub .character-games__list ul{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));}
}
@media (max-width:1023px){
body.tpl-hub .page,body.tpl-hub .footer{margin-left:0;}
body.tpl-hub .btn-menu{display:inline-flex;}
body.tpl-hub .header .menu nav{width:288px;max-width:86vw;transform:translateX(-102%);box-shadow:none;}
body.tpl-hub .header .menu.open nav{transform:none;box-shadow:24px 0 60px rgba(0,0,0,.6);}
body.tpl-hub .header .menu.open::before{content:"";position:fixed;left:0;right:0;top:var(--hub-top-h);bottom:0;z-index:240;background:rgba(0,0,0,.55);}
body.tpl-hub .header .menu .dropdown_first{display:block !important;}
}
@media (max-width:767px){
body.tpl-hub .header__content{gap:10px;padding:0 12px;}
body.tpl-hub .header .container,body.tpl-hub .page .container,body.tpl-hub .footer .container{padding-left:12px;padding-right:12px;}
body.tpl-hub .header .container{padding:0;}
body.tpl-hub .text-logo{font-size:17px;}
body.tpl-hub .hub-mark{width:32px;height:32px;}
body.tpl-hub .header .logo img{height:32px;max-width:150px;}
body.tpl-hub .hub-random span{display:none;}
body.tpl-hub .hub-random{width:42px;padding:0;justify-content:center;}
body.tpl-hub .header .search{flex:1 1 0;}
body.tpl-hub .player-overlay{aspect-ratio:auto;min-height:300px !important;height:auto !important;}
body.tpl-hub .game-offer__window__frame{aspect-ratio:auto;min-height:56vh;}
body.tpl-hub .hub-bar{flex-wrap:wrap;}
body.tpl-hub .hub-bar__name{display:none;}
body.tpl-hub .hub-info{padding:16px;}
body.tpl-hub .hub-info__row{flex-direction:column;}
body.tpl-hub .hub-info__img{display:none;}
body.tpl-hub .similiar-games,body.tpl-hub .game-offer__description{padding:16px;}
body.tpl-hub .catalog__list,body.tpl-hub .similiar-games .catalog__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
body.tpl-hub .footer__content{flex-direction:column;align-items:flex-start;}
body.tpl-hub .footer__content .privacy,body.tpl-hub .footer .privacy ul{text-align:left;justify-content:flex-start;}
}
@media (max-width:480px){
:root{--hub-top-h:112px;}
body.tpl-hub .header__content{flex-wrap:wrap;align-content:center;row-gap:8px;}
body.tpl-hub .header .search{order:5;flex:1 1 100%;max-width:none;}
body.tpl-hub .hub-random{margin-left:auto;}
body.tpl-hub .catalog__list,body.tpl-hub .similiar-games .catalog__list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (prefers-reduced-motion:reduce){body.tpl-hub *{transition:none !important;animation:none !important;}}
/* merged text card: title + stats + tags on top of the description */
body.tpl-hub .hub-merged .hub-info{margin:0 0 22px;padding:0 0 22px;background:none;border:0;border-bottom:1px solid var(--hub-line);border-radius:0;}
body.tpl-hub .hub-info a{text-decoration:none;}
.to-top{position:fixed;right:20px;bottom:20px;z-index:900;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--c-accent);color:var(--c-accent-text);box-shadow:0 10px 26px -8px rgba(0,0,0,.7);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s,background .15s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:color-mix(in srgb,var(--c-accent) 80%,#fff)}
.to-top:focus-visible{outline:2px solid var(--c-text);outline-offset:3px}
@media (max-width:600px){.to-top{right:14px;bottom:14px;width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}
.search-empty{grid-column:1/-1;flex:0 0 100%;width:100%;margin:0;padding:10px 0 24px;font-size:16px;line-height:1.6}
.search-empty a{text-decoration:underline}
.footer .foot-disclaimer{flex:0 0 100%;width:100%;margin:4px 0 0;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--c-text) 10%,transparent);font-size:12px;line-height:1.55;color:var(--c-muted);text-align:center}
|