/* Shared interaction rules for public and panel screens. */
body{--interaction-bg:#10182808;--interaction-border:#a4abb8;--interaction-ring:#8493ab}
body.dark{--interaction-bg:#ffffff0b;--interaction-border:#626978;--interaction-ring:#aab6ca}
a,button,summary{ -webkit-tap-highlight-color:transparent;transition:background-color .16s,border-color .16s,box-shadow .16s,opacity .16s}
body a:hover,body a:active{color:inherit!important;opacity:1!important}
body button:hover{opacity:1!important}
body :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--interaction-ring)!important;outline-offset:4px!important}
body :is(a,button,summary):active{box-shadow:inset 0 0 0 1px var(--interaction-border)}
body :is(.panel-side a,.admin-tabs a,.editorial-nav a,.account-nav a,.category-track>a,.tag-cloud>a,.game-pills>a):hover{background:var(--interaction-bg)!important;border-color:var(--interaction-border)!important;color:var(--text)!important}
body :is(.admin-tabs a.active,.editorial-nav a.active){background:var(--interaction-bg)!important;color:var(--text)!important;border-color:var(--interaction-border)!important;box-shadow:inset 0 0 0 1px var(--interaction-border)}
body .site-header :is(.mega-trigger,.extra-trigger)[aria-expanded=true]{color:#f5f5f7!important}
body .site-header :is(.small-menu a,.category-links a):hover{background:var(--interaction-bg)!important;border-radius:8px;color:var(--text)!important}
body .site-header .category-links a{padding:6px 8px}
body :is(.button,.report-send):hover{background:var(--accent)!important;filter:brightness(1.08);color:#fff!important}
body :is(.game-pills>a,.category-track>a,.tag-cloud>a):active{background:var(--interaction-bg)!important;border-color:var(--interaction-border)!important}
body .footer-community:hover{background:#ffffff08!important;border-color:#666d7a!important;color:#f5f5f7!important}
body .compact-footer :is(nav a,.compact-footer-bottom a):hover{color:#f5f5f7!important;text-decoration:underline;text-decoration-color:#767e8c;text-underline-offset:5px}
body .compact-footer .footer-community:active{background:#ffffff0d!important}
.public-site .footer-trend-section{border-top:1px solid #28282f;padding:25px 0 30px}
.public-site .footer-trend-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.public-site .footer-trend-heading h2{font-size:13px;margin:0;color:#f5f5f7}
.public-site .footer-trend-heading>a{font-size:11px;color:#a5a5af}
.public-site .footer-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.public-site .footer-trend-card{display:flex;align-items:center;gap:16px;background:#111114;border:1px solid #28282f;padding:12px;border-radius:14px;min-width:0}
.public-site .footer-trend-card:hover{background:#18181d;border-color:#505764}
.public-site .footer-trend-card img{width:86px;height:68px;object-fit:cover;flex-shrink:0;border-radius:9px}
.public-site .footer-trend-card>div{min-width:0}
.public-site .footer-trend-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:600;line-height:1.6;color:#e9e9ee}
.public-site .footer-trend-card small{display:block;margin-top:7px;font-size:10px;color:#858590}
@media(max-width:950px){.public-site .footer-trend-grid{grid-template-columns:1fr}.public-site .footer-trend-card img{width:80px;height:62px}}
@media(prefers-reduced-motion:reduce){a,button,summary{transition:none}}