/*
 * GameHiHi Portal UI layer for GameHiHi 4.0.0
 * Visual direction: supplied GameHiHi HTML portal.
 * The legacy feature CSS remains loaded underneath this file.
 */
:root{
  --ghh-bg:var(--theme-background,#EEF4FB);
  --ghh-panel:var(--theme-surface,#FFFFFF);
  --ghh-panel-2:var(--theme-background-alt,#E3EDFA);
  --ghh-border:var(--theme-border,#D8E3F0);
  --ghh-accent:var(--theme-primary,#0B7DFF);
  --ghh-accent-2:var(--theme-secondary,#7C5CFC);
  --ghh-text:var(--theme-text,#10214B);
  --ghh-muted:var(--theme-muted,#64748B);
  --ghh-on-accent:var(--theme-button-text,#FFFFFF);
  --ghh-header:color-mix(in srgb,var(--theme-header,var(--ghh-bg)) 92%,transparent);
  --ghh-sidebar-bg:var(--theme-sidebar,var(--ghh-bg));
  --ghh-shadow:0 2px 9px rgba(16,33,75,.07);
  --ghh-shadow-hover:0 13px 30px rgba(16,33,75,.16);
  --ghh-sidebar:224px;
  --ghh-header-h:66px;
  --r:16px;
  --r-lg:20px;
  --sidebar-w:var(--ghh-sidebar);
  --header-h:var(--ghh-header-h);
}

html[data-gamehihi-theme="dark"]{
  --ghh-bg:var(--theme-dark-surface-alt,#0F1B33);
  --ghh-panel:var(--theme-dark-surface,#17253F);
  --ghh-panel-2:color-mix(in srgb,var(--theme-dark-surface,#17253F) 76%,var(--theme-primary,#3D9BFF));
  --ghh-border:color-mix(in srgb,var(--theme-dark-surface,#17253F) 68%,var(--theme-dark-text,#EAF0FA));
  --ghh-accent:var(--theme-primary,#3D9BFF);
  --ghh-accent-2:var(--theme-secondary,#9B7DFF);
  --ghh-text:var(--theme-dark-text,#EAF0FA);
  --ghh-muted:var(--theme-dark-muted,#8FA0BE);
  --ghh-header:color-mix(in srgb,var(--theme-dark-surface-alt,#0F1B33) 92%,transparent);
  --ghh-sidebar-bg:var(--theme-dark-surface-alt,#0F1B33);
  --ghh-shadow:0 2px 9px rgba(0,0,0,.22);
  --ghh-shadow-hover:0 16px 34px rgba(0,0,0,.5);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{background:var(--ghh-bg);scroll-padding-top:calc(var(--ghh-header-h) + 14px)}
body.gamehihi-ui{
  background:var(--ghh-bg);
  color:var(--ghh-text);
  font-family:'Be Vietnam Pro',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  transition:background .25s ease,color .25s ease;
}
body.gamehihi-ui h1,
body.gamehihi-ui h2,
body.gamehihi-ui h3,
body.gamehihi-ui h4,
body.gamehihi-ui .logo .name,
body.gamehihi-ui .cat-name,
body.gamehihi-ui .btn-primary,
body.gamehihi-ui .play-now{font-family:'Baloo 2','Be Vietnam Pro',sans-serif}
body.gamehihi-ui code,
body.gamehihi-ui .card .s,
body.gamehihi-ui .detail-stats strong{font-family:'Space Mono',monospace}
body.gamehihi-ui :focus-visible{outline:3px solid color-mix(in srgb,var(--ghh-accent) 55%,transparent);outline-offset:2px}
body.gamehihi-ui img{max-width:100%}

/* ===== Desktop shell ===== */
.gamehihi-header{
  position:fixed;
  top:0;
  left:var(--ghh-sidebar);
  right:0;
  z-index:80;
  height:var(--ghh-header-h);
  padding:10px clamp(16px,2.2vw,28px);
  gap:10px;
  background:var(--ghh-header);
  border-bottom:1px solid var(--ghh-border);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.admin-bar .gamehihi-header{top:32px}
.gamehihi-header-logo{display:none}
.gamehihi-search{
  width:min(640px,100%);
  max-width:640px;
  height:44px;
  margin:0 auto;
  border:1px solid var(--ghh-border);
  border-radius:999px;
  background:var(--ghh-panel);
  padding:0 16px;
  box-shadow:none;
}
.gamehihi-search:focus-within{border-color:var(--ghh-accent);background:var(--ghh-panel);box-shadow:0 0 0 3px color-mix(in srgb,var(--ghh-accent) 13%,transparent)}
.gamehihi-search input{font-family:'Be Vietnam Pro',sans-serif;color:var(--ghh-text);font-size:14px;font-weight:500}
.gamehihi-search svg{stroke:var(--ghh-muted)}
.ajax-search-results{background:var(--ghh-panel);border-color:var(--ghh-border);box-shadow:var(--ghh-shadow-hover)}
.ajax-search-item:hover,.ajax-search-more{background:var(--ghh-panel-2)}
.ajax-search-copy strong{font-family:'Be Vietnam Pro',sans-serif;color:var(--ghh-text)}
.ajax-search-copy em{color:var(--ghh-muted)}

.gamehihi-header-actions{margin-left:0;display:flex;align-items:center;gap:8px}
.gamehihi-header-actions .header-menu a,
.gamehihi-header-actions .btn-ghost,
.gamehihi-theme-toggle{
  min-width:42px;
  height:42px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:var(--ghh-muted);
  background:var(--ghh-panel);
  border:1px solid var(--ghh-border);
  border-radius:10px;
  font-family:'Be Vietnam Pro',sans-serif;
  font-weight:700;
  transition:.16s ease;
}
.gamehihi-header-actions .header-menu a:hover,
.gamehihi-header-actions .btn-ghost:hover,
.gamehihi-theme-toggle:hover{color:var(--ghh-accent);background:var(--ghh-panel-2);transform:translateY(-1px)}
.gamehihi-header-actions .btn-primary{border-radius:999px;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));box-shadow:0 5px 18px color-mix(in srgb,var(--ghh-accent) 30%,transparent)}

.gamehihi-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:var(--ghh-sidebar);
  z-index:90;
  padding:14px 12px 22px;
  background:var(--ghh-sidebar-bg);
  border-right:1px solid var(--ghh-border);
  overflow-y:auto;
  scrollbar-width:none;
}
.admin-bar .gamehihi-sidebar{top:32px}
.gamehihi-sidebar::-webkit-scrollbar{display:none}
.gamehihi-sidebar-brand-row{display:flex;align-items:center;gap:8px;padding:0 8px 12px}
.gamehihi-sidebar-logo{min-width:0;gap:8px}
.gamehihi-sidebar-logo .pad{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--ghh-accent),var(--ghh-accent-2));box-shadow:0 5px 14px color-mix(in srgb,var(--ghh-accent) 30%,transparent)}
.gamehihi-sidebar-logo .name{font-size:22px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.gamehihi-sidebar-logo .name span{color:inherit!important}
.gamehihi-sidebar-close{display:none;margin-left:auto;width:36px;height:36px;border-radius:10px;background:var(--ghh-panel);border:1px solid var(--ghh-border);color:var(--ghh-muted);font-size:24px;line-height:1}
.gamehihi-sidebar-main{display:flex;flex-direction:column;gap:3px}
.gamehihi-sidebar .cat,
.gamehihi-sidebar .sidebar-menu a,
.gamehihi-sidebar .gamejoy-member-side-link{
  min-height:43px;
  padding:9px 11px;
  gap:10px;
  border-radius:12px;
  color:var(--ghh-text);
  font-size:13.5px;
  background:transparent;
  transition:.15s ease;
}
.gamehihi-sidebar .cat:hover,
.gamehihi-sidebar .sidebar-menu a:hover,
.gamehihi-sidebar .gamejoy-member-side-link:hover{background:var(--ghh-panel-2);color:var(--ghh-accent)}
.gamehihi-sidebar .cat.active,
.gamehihi-sidebar .sidebar-menu .current-menu-item>a,
.gamehihi-sidebar .sidebar-menu .current_page_item>a{background:var(--ghh-panel-2);color:var(--ghh-accent)}
.gamehihi-sidebar .cat.active::before{display:none}
.gamehihi-sidebar .cat .ico{width:27px;height:27px;border-radius:9px;font-size:15px;background:transparent!important}
.gamehihi-sidebar .cat-name{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:13.5px}
.gamehihi-sidebar .side-sec{padding:17px 11px 7px;color:var(--ghh-muted);font-size:10px;letter-spacing:1.35px}
.gamehihi-sidebar .side-foot{color:var(--ghh-muted);font-size:11px;padding:18px 11px 0}

.gamehihi-main{
  width:auto;
  max-width:1400px;
  min-height:100vh;
  margin:var(--ghh-header-h) auto 0;
  margin-left:var(--ghh-sidebar);
  padding:18px clamp(16px,2.2vw,28px) 70px;
  background:var(--ghh-bg);
}
.gamehihi-footer{
  margin-left:var(--ghh-sidebar);
  padding:42px clamp(18px,3vw,38px) 26px;
  background:var(--theme-footer,#0F1B33);
}

/* ===== Home: supplied portal direction ===== */
.gamejoy-home-top-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:16px;align-items:start}
.gamejoy-home-top-main{min-width:0}
.gamehihi-hero-slider{position:relative;overflow:hidden;border-radius:20px;box-shadow:var(--ghh-shadow-hover)}
.gamehihi-hero-track{display:flex;transition:transform .55s cubic-bezier(.25,.8,.3,1);will-change:transform}
.gamehihi-hero-slide{
  min-width:100%;
  min-height:310px;
  margin:0;
  border-radius:0;
  box-shadow:none;
  align-items:center;
  background-size:cover;
  background-position:center;
}
.gamehihi-hero-slide::after{background:radial-gradient(circle at 86% 28%,rgba(255,255,255,.16),transparent 34%)}
.gamehihi-hero-slide .hero-inner{padding:34px 34px 48px;max-width:680px}
.gamehihi-hero-slide .gamehihi-hero-title{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.5px}
.gamehihi-hero-slide .gamehihi-hero-copy > p:not(.gamehihi-hero-title){font-size:14px;max-width:600px;line-height:1.65}
.gamehihi-hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin:-7px 0 17px;color:rgba(255,255,255,.86);font-family:'Space Mono',monospace;font-size:11px;font-weight:700}
.gamehihi-hero-slide .play-now{height:44px;padding:0 21px;border-radius:999px;background:#fff;color:#111;font-size:14px;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.gamehihi-hero-slide .play-now svg{fill:#111}
.gamehihi-hero-slide .secondary{height:44px;border-radius:999px;font-size:13px}
.gamehihi-hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.3);color:#fff;font-size:25px;display:grid;place-items:center;opacity:.75;transition:.15s}
.gamehihi-hero-arrow:hover{opacity:1;background:rgba(0,0,0,.48)}
.gamehihi-hero-arrow.is-prev{left:10px}.gamehihi-hero-arrow.is-next{right:10px}
.gamehihi-hero-dots{position:absolute;z-index:5;left:0;right:0;bottom:13px;display:flex;justify-content:center;gap:6px}
.gamehihi-hero-dots button{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.45);transition:.25s}
.gamehihi-hero-dots button.is-active{width:24px;background:#fff}

.pills.gamehihi-category-chips{display:flex;gap:8px;margin:12px 0 3px;padding:0;overflow:auto;scrollbar-width:none}
.pills.gamehihi-category-chips::-webkit-scrollbar{display:none}
.pills.gamehihi-category-chips .pill{flex:0 0 auto;min-height:38px;padding:8px 14px;border:1px solid var(--ghh-border);border-radius:999px;background:var(--ghh-panel);color:var(--ghh-muted);font-size:12.5px;font-weight:600;box-shadow:none}
.pills.gamehihi-category-chips .pill:hover{border-color:transparent;color:#fff;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));transform:none}
.pills.gamehihi-category-chips .pill .e{font-size:15px}

.sec-head{margin:24px 2px 11px;gap:9px}
.sec-head .bar{width:4px;height:22px;background:linear-gradient(var(--ghh-accent),var(--ghh-accent-2))}
.sec-head .bar.green,.sec-head .bar.sun,.sec-head .bar.navy{background:linear-gradient(var(--ghh-accent),var(--ghh-accent-2))}
.sec-head h2{font-size:20px;font-weight:800;color:var(--ghh-text)}
.sec-head .more{font-size:12px;color:var(--ghh-accent)}

/* ===== Cards: keep mosaic feature, use GameHiHi card surface ===== */
.grid{gap:13px}
.card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:7px;
  overflow:hidden;
  border:1px solid var(--ghh-border);
  border-radius:16px;
  background:var(--ghh-panel);
  box-shadow:var(--ghh-shadow);
  color:var(--ghh-text);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--ghh-shadow-hover);border-color:color-mix(in srgb,var(--ghh-accent) 25%,var(--ghh-border))}
.card .thumb{
  position:relative;
  inset:auto;
  flex:1 1 auto;
  width:100%;
  min-height:96px;
  overflow:hidden;
  border-radius:11px;
  background:var(--ghh-panel-2);
}
.card .thumb::after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.08))}
/* Hover preview: no central play icon. Media is loaded only after hover/focus. */
.card .thumb::before{content:none!important;display:none!important}
.card.has-preview-video .thumb{background:var(--ghh-panel-2)}
.card.has-preview-video.is-preview-loading .thumb>img:first-child{filter:saturate(.92)}
.card.has-preview-video .gamejoy-card-preview{transform:scale(1.015);transition:opacity .18s ease,transform .35s ease}
.card.has-preview-video.is-preview-playing .gamejoy-card-preview{transform:scale(1)}
.card .overlay{
  position:relative;
  inset:auto;
  flex:0 0 auto;
  min-height:49px;
  padding:8px 3px 2px;
  background:none;
  opacity:1;
  align-items:flex-start;
}
.card .meta .t{color:var(--ghh-text);font-family:'Be Vietnam Pro',sans-serif;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .meta .s{color:var(--ghh-muted);font-size:9.5px;margin-top:3px}
.card .meta .s svg{fill:#F59E0B;width:11px;height:11px}
.card .tag{top:13px;left:13px;border-radius:999px;font-family:'Be Vietnam Pro',sans-serif;font-size:9px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.card .tag.hot{background:var(--ghh-accent);color:#fff}.card .tag.new{background:#F59E0B;color:#111}.card .tag.top{background:var(--ghh-accent-2);color:#fff}
.card .gamejoy-card-preview{border-radius:11px}

.grid:not(.gamejoy-mosaic-grid){grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
.grid:not(.gamejoy-mosaic-grid) .card{aspect-ratio:auto;min-height:178px}
.grid:not(.gamejoy-mosaic-grid) .card .thumb{aspect-ratio:16/9;flex:none}
.gamejoy-mosaic-grid .card,.gamejoy-fixed-6x5-grid .card{aspect-ratio:auto}
.gamejoy-mosaic-grid .card.wide{aspect-ratio:auto}

/* homepage/account rails and reusable panels */
.gamejoy-home-member-rail,
.gamejoy-home-top-layout>aside,
.gamejoy-member-rail,
.gamejoyh5-content-box,
.gamejoy-account-content,
.gamejoy-account-sidebar,
.page-head,
.filter-bar,
.gamejoy-filter-panel,
.article-full,
.gamejoy-leaderboard-shell{
  background:var(--ghh-panel);
  border:1px solid var(--ghh-border);
  border-radius:18px;
  box-shadow:var(--ghh-shadow);
}
.gamejoy-home-member-rail,.gamejoy-home-top-layout>aside{position:sticky;top:calc(var(--ghh-header-h) + 16px)}

.page-head{padding:20px 22px;margin-bottom:18px}
.page-head .icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--ghh-accent),var(--ghh-accent-2))!important}
.page-head h1{font-size:27px;color:var(--ghh-text)}
.page-head p{color:var(--ghh-muted);font-size:13px}

/* ===== Archive / taxonomy / search ===== */
.filter-bar,.gamejoy-filter-panel{padding:12px}
.filter-bar button,.filter-bar a,.gamejoy-filter-chip,.gamejoy-filter-option{border-radius:999px;background:var(--ghh-panel-2);color:var(--ghh-muted);border:1px solid var(--ghh-border)}
.filter-bar .active,.gamejoy-filter-chip.is-active,.gamejoy-filter-option.is-active{background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));color:#fff;border-color:transparent}
.pagination .page-numbers{background:var(--ghh-panel);color:var(--ghh-text);border:1px solid var(--ghh-border);box-shadow:none}
.pagination .page-numbers.current{background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));border-color:transparent;color:#fff}
.empty{color:var(--ghh-muted)}.empty h3{color:var(--ghh-text)}

/* ===== Single game player ===== */
.detail-wrap{gap:18px}
.player,
.info-card,
.gamejoy-player-toolbar,
.gamejoy-player-info-panel,
.gamejoy-similar-section,
.rail .ad{
  border:1px solid var(--ghh-border);
  border-radius:18px;
  background:var(--ghh-panel);
  box-shadow:var(--ghh-shadow);
}
.player{overflow:hidden}
.player .screen{border-radius:16px 16px 0 0;background:#08101f}
.gamejoy-player-toolbar{border-radius:0 0 16px 16px;border-top:0;box-shadow:none}
.gamejoy-player-toolbar .pname{font-family:'Baloo 2',sans-serif;color:var(--ghh-text);font-weight:800}
.gamejoy-player-toolbar .tools button,
.gamejoy-player-toolbar .tools a,
.gamejoy-player-toolbar .gamejoy-vote-button{
  color:var(--ghh-muted);
  background:var(--ghh-panel-2);
  border:1px solid var(--ghh-border);
  border-radius:10px;
}
.gamejoy-player-toolbar .tools button:hover,
.gamejoy-player-toolbar .tools a:hover{color:var(--ghh-accent);border-color:var(--ghh-accent)}
.info-card{padding:20px}
.info-card h1,.gamejoy-game-title{color:var(--ghh-text)}
.info-card .desc,.entry-content,.entry-content p{color:var(--ghh-muted)}
.detail-stats .st{background:var(--ghh-panel-2);border-color:var(--ghh-border);border-radius:13px}
.detail-stats .st .v{color:var(--ghh-text)}
.chips span,.gamejoy-taxonomy-chips a{background:var(--ghh-panel-2);color:var(--ghh-accent);border:1px solid var(--ghh-border);border-radius:999px}
.rail{top:calc(var(--ghh-header-h) + 16px)}

.gamejoy-player-modal,
.gamejoy-report-modal{background:rgba(4,10,25,.62);backdrop-filter:blur(4px)}
.gamejoy-player-modal-dialog,
.gamejoy-report-dialog{background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:20px;color:var(--ghh-text);box-shadow:0 25px 70px rgba(0,0,0,.36)}
.gamejoy-player-modal-head,.gamejoy-report-head{border-color:var(--ghh-border)}
.gamejoy-player-modal-close,.gamejoy-report-close{background:var(--ghh-panel-2);color:var(--ghh-muted);border-radius:10px}
.gamejoy-tool-primary,.gamejoy-save-current,.gamejoy-report-actions .btn-primary{border-radius:999px;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));color:#fff}
.gamejoy-share-url-row input,.gamejoy-report-form textarea,.gamejoy-report-form input{background:var(--ghh-bg);border-color:var(--ghh-border);color:var(--ghh-text)}

/* ===== Member/account ===== */
.gamejoy-account-page{color:var(--ghh-text)}
.gamejoy-account-shell{gap:16px}
.gamejoy-account-sidebar{padding:16px}
.gamejoy-account-identity strong,.gamejoy-account-content h2,.gamejoy-account-content h3{color:var(--ghh-text)}
.gamejoy-account-identity span,.gamejoy-account-content p,.gamejoy-account-content small{color:var(--ghh-muted)}
.gamejoy-account-nav a{border-radius:12px;color:var(--ghh-text)}
.gamejoy-account-nav a:hover,.gamejoy-account-nav a.is-active{background:var(--ghh-panel-2);color:var(--ghh-accent)}
.gamejoy-welcome-card{background:linear-gradient(120deg,var(--ghh-accent),var(--ghh-accent-2));border-radius:18px}
.gamejoy-account-stats>div,.gamejoy-history-card,.gamejoy-account-form,.gamejoy-auth-card{background:var(--ghh-panel);border-color:var(--ghh-border);border-radius:16px;color:var(--ghh-text)}
.gamejoy-account-form input,.gamejoy-auth-card input,.gamejoy-account-form select{background:var(--ghh-bg);border-color:var(--ghh-border);color:var(--ghh-text)}

/* ===== Blog/content ===== */
.article-full{padding:22px;max-width:900px}
.article-full .a-body p,.article-full .a-body li,.entry-content p,.entry-content li{color:var(--ghh-muted)}
.article-full h1,.article-full .a-body h2,.article-full .a-body h3,.entry-content h2,.entry-content h3{color:var(--ghh-text)}
.art-card{background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:16px;box-shadow:var(--ghh-shadow)}
.art-card .body h3{color:var(--ghh-text)}.art-card .body p{color:var(--ghh-muted)}

/* ===== Buttons and notices ===== */
.btn-primary,.gamejoyh5-load-more,.play-now{
  background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));
  color:var(--ghh-on-accent);
  border-radius:999px;
  box-shadow:0 5px 18px color-mix(in srgb,var(--ghh-accent) 28%,transparent);
}
.btn-primary:hover,.gamejoyh5-load-more:hover{transform:translateY(-2px)}
.gamejoy-notice,.gamejoy-member-notice{border-radius:14px;background:var(--ghh-panel-2);border-color:var(--ghh-border);color:var(--ghh-text)}

/* ===== Footer ===== */
.gamehihi-footer .foot-grid{max-width:1400px;margin:0 auto;gap:28px}
.gamehihi-footer .logo .pad{background:linear-gradient(135deg,var(--ghh-accent),var(--ghh-accent-2))}
.gamehihi-footer .logo .name span{color:#fff!important}
.gamehihi-footer .foot-grid h4{color:#fff;font-size:15px}
.gamehihi-footer .foot-grid a,.gamehihi-footer .foot-about p{color:#B7C8E3!important;font-size:12.5px}
.gamehihi-footer .foot-grid a:hover{color:#fff!important;background:rgba(255,255,255,.07)}
.gamehihi-footer .foot-bottom{max-width:1400px;margin-left:auto;margin-right:auto;color:#8FA0BE}
.gamehihi-bottom-nav{display:none}

/* ===== Dark mode fixups for legacy hard-coded white ===== */
html[data-gamehihi-theme="dark"] body.gamehihi-ui,
html[data-gamehihi-theme="dark"] .gamehihi-main,
html[data-gamehihi-theme="dark"] main{background:var(--ghh-bg);color:var(--ghh-text)}
html[data-gamehihi-theme="dark"] .sidebar,
html[data-gamehihi-theme="dark"] header,
html[data-gamehihi-theme="dark"] .card,
html[data-gamehihi-theme="dark"] .page-head,
html[data-gamehihi-theme="dark"] .article-full,
html[data-gamehihi-theme="dark"] .info-card,
html[data-gamehihi-theme="dark"] .gamejoy-account-sidebar,
html[data-gamehihi-theme="dark"] .gamejoy-account-content,
html[data-gamehihi-theme="dark"] .gamejoy-player-modal-dialog,
html[data-gamehihi-theme="dark"] .gamejoy-report-dialog{background-color:var(--ghh-panel)}
html[data-gamehihi-theme="dark"] .ad-slot-infeed{background:var(--ghh-panel)}

/* ===== Responsive ===== */
@media (max-width:1180px){
  .gamejoy-home-top-layout{grid-template-columns:1fr}
  .gamejoy-home-top-layout>aside,.gamejoy-home-member-rail{position:static}
  .gamehihi-header-actions .header-menu{display:none}
}

@media (max-width:900px){
  :root{--ghh-sidebar:0px;--ghh-header-h:62px;--sidebar-w:0px;--header-h:62px}
  .admin-bar .gamehihi-header{top:46px}
  .gamehihi-header{left:0;padding:9px 12px}
  .gamehihi-header-logo{display:flex}
  .gamehihi-header-logo .pad{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--ghh-accent),var(--ghh-accent-2))}
  .gamehihi-header-logo .name{display:none}
  .menu-btn{display:flex;width:38px;height:38px;background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:10px}
  .menu-btn svg{stroke:var(--ghh-text)}
  .gamehihi-search{max-width:none;height:42px}
  .gamehihi-header-actions .btn-primary{padding:0 13px}
  .gamehihi-sidebar{top:0;width:min(86vw,280px);transform:translateX(-104%);box-shadow:20px 0 60px rgba(0,0,0,.24);transition:transform .25s ease}
  .admin-bar .gamehihi-sidebar{top:46px}
  .gamehihi-sidebar.open{transform:translateX(0)}
  .gamehihi-sidebar-close{display:grid;place-items:center}
  .overlay-mask.show{display:block;z-index:85;background:rgba(4,10,25,.55);backdrop-filter:blur(2px)}
  .gamehihi-main{margin-left:0;margin-top:var(--ghh-header-h);padding:14px 14px 96px}
  .gamehihi-footer{margin-left:0;padding-bottom:105px}
  .gamehihi-bottom-nav{
    position:fixed;
    z-index:75;
    left:0;right:0;bottom:0;
    min-height:68px;
    padding:7px 6px calc(env(safe-area-inset-bottom,0px) + 8px);
    display:flex;
    justify-content:space-around;
    align-items:flex-start;
    background:var(--ghh-header);
    border-top:1px solid var(--ghh-border);
    backdrop-filter:blur(14px);
  }
  .gamehihi-bottom-nav a{min-width:56px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ghh-muted);font-size:19px}
  .gamehihi-bottom-nav a.is-active{color:var(--ghh-accent)}
  .gamehihi-bottom-nav small{font-family:'Be Vietnam Pro',sans-serif;font-size:9.5px;font-weight:700}
  .ad-anchor-wrap{bottom:68px}
  .gamehihi-hero-slide{min-height:270px}
  .gamehihi-hero-slide .hero-inner{padding:26px 24px 45px}
  .gamehihi-hero-arrow{display:none}
  .detail-wrap{grid-template-columns:1fr}
  .rail{position:static}
}

@media (max-width:640px){
  .gamehihi-header-actions .header-menu,.gamehihi-header-actions .btn-ghost{display:none}
  .gamehihi-theme-toggle{width:38px;min-width:38px;padding:0}
  .gamehihi-header-actions .btn-primary{width:38px;min-width:38px;padding:0;font-size:0}
  .gamehihi-header-actions .btn-primary::before{content:'👤';font-size:16px}
  .gamehihi-main{padding-left:10px;padding-right:10px}
  .gamehihi-hero-slide{min-height:250px;background-position:60% center}
  .gamehihi-hero-slide .hero-inner{padding:22px 18px 42px}
  .gamehihi-hero-slide .gamehihi-hero-title{font-size:25px}
  .gamehihi-hero-slide .gamehihi-hero-copy > p:not(.gamehihi-hero-title){font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .gamehihi-hero-slide .secondary{display:none}
  .gamehihi-hero-slide .play-now{height:40px;padding:0 17px;font-size:12px}
  .sec-head h2{font-size:17px}.sec-head .more{font-size:0}.sec-head .more svg{width:20px;height:20px}
  .grid{gap:9px}
  .grid:not(.gamejoy-mosaic-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  .card{padding:5px;border-radius:13px}
  .card .thumb{border-radius:9px;min-height:74px}
  .card .overlay{min-height:43px;padding-top:6px}
  .card .meta .t{font-size:11px}.card .meta .s{font-size:8.5px}
  .page-head{padding:15px;gap:12px}.page-head .icon{width:48px;height:48px;font-size:25px}.page-head h1{font-size:22px}
  .article-full{padding:16px}
  .foot-grid{grid-template-columns:1fr 1fr!important}
  .foot-about{grid-column:1/-1!important}
}

@media (max-width:420px){
  .gamehihi-header{gap:6px;padding-left:8px;padding-right:8px}
  .gamehihi-header-logo{display:none}
  .gamehihi-search{padding:0 11px}
  .gamehihi-search input{font-size:12.5px}
  .gamehihi-hero-slide{min-height:235px}
  .gamehihi-hero-meta{font-size:9px}
  .foot-grid{grid-template-columns:1fr!important}.foot-about{grid-column:auto!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Supplied GameHiHi-style gamepad mark, while custom uploaded logos still win. */
.logo .pad .gamehihi-logo-mark{width:29px;height:29px;color:#fff;position:relative;z-index:2}

/* ========================================================================
 * GameHiHi Portal 4.1 — close reproduction of the supplied HTML/screenshots
 * ======================================================================== */
:root{
  --ghh-bg:#EEF4FB;
  --ghh-panel:#FFFFFF;
  --ghh-panel-2:#E3EDFA;
  --ghh-border:#D8E3F0;
  --ghh-accent:#0B7DFF;
  --ghh-accent-2:#7C5CFC;
  --ghh-text:#10214B;
  --ghh-muted:#64748B;
  --ghh-on-accent:#fff;
  --ghh-shell:1400px;
  --ghh-sidebar:224px;
  --ghh-header-h:54px;
  --ghh-content:1176px;
  --ghh-shell-gutter:max(0px,calc((100vw - var(--ghh-shell))/2));
  --ghh-shadow:0 2px 8px rgba(16,33,75,.08);
  --ghh-shadow-hover:0 12px 28px rgba(16,33,75,.15);
}
html[data-gamehihi-theme="dark"]{
  --ghh-bg:#0F1B33;
  --ghh-panel:#17253F;
  --ghh-panel-2:#1E2F4F;
  --ghh-border:#28395C;
  --ghh-accent:#3D9BFF;
  --ghh-accent-2:#9B7DFF;
  --ghh-text:#EAF0FA;
  --ghh-muted:#8FA0BE;
  --ghh-on-accent:#fff;
}
html,body{min-height:100%;background:var(--ghh-bg)!important}
body.gamehihi-ui{font-family:'Be Vietnam Pro',system-ui,sans-serif!important;font-size:14px;line-height:1.55;color:var(--ghh-text)!important}
body.gamehihi-ui h1,body.gamehihi-ui h2,body.gamehihi-ui h3,body.gamehihi-ui h4{font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;color:var(--ghh-text);line-height:1.18}
body.gamehihi-ui a{text-decoration:none}
body.gamehihi-ui button,body.gamehihi-ui input{font:inherit}

/* Centered desktop application shell. */
.gamehihi-sidebar{
  inset:0 auto 0 var(--ghh-shell-gutter)!important;
  width:var(--ghh-sidebar)!important;
  padding:12px 12px 20px!important;
  background:var(--ghh-bg)!important;
  border-right:1px solid var(--ghh-border)!important;
  box-shadow:none!important;
  z-index:92!important;
}
.admin-bar .gamehihi-sidebar{top:32px!important}
.site-header.gamehihi-header{
  top:0!important;
  left:calc(var(--ghh-shell-gutter) + var(--ghh-sidebar))!important;
  right:var(--ghh-shell-gutter)!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  height:var(--ghh-header-h)!important;
  padding:7px 12px!important;
  gap:8px!important;
  background:color-mix(in srgb,var(--ghh-bg) 94%,transparent)!important;
  border-bottom:1px solid var(--ghh-border)!important;
  box-shadow:none!important;
  z-index:90!important;
}
.admin-bar .gamehihi-header{top:32px!important}
.gamehihi-main{
  width:calc(min(100vw,var(--ghh-shell)) - var(--ghh-sidebar))!important;
  max-width:var(--ghh-content)!important;
  min-height:calc(100vh - var(--ghh-header-h))!important;
  margin:var(--ghh-header-h) var(--ghh-shell-gutter) 0 calc(var(--ghh-shell-gutter) + var(--ghh-sidebar))!important;
  padding:12px 16px 32px!important;
  background:var(--ghh-bg)!important;
}
.admin-bar .gamehihi-main{margin-top:calc(var(--ghh-header-h) + 32px)!important}
.gamehihi-footer{
  width:calc(min(100vw,var(--ghh-shell)) - var(--ghh-sidebar))!important;
  max-width:var(--ghh-content)!important;
  margin:0 var(--ghh-shell-gutter) 0 calc(var(--ghh-shell-gutter) + var(--ghh-sidebar))!important;
  padding:22px 16px 18px!important;
  color:var(--ghh-muted)!important;
  background:var(--ghh-bg)!important;
  border-top:1px solid var(--ghh-border)!important;
}

/* Sidebar. */
.gamehihi-sidebar-brand-row{height:42px;padding:0 8px 8px!important;margin-bottom:5px}
.logo{display:inline-flex!important;align-items:center!important;gap:7px!important}
.logo .pad{width:31px!important;height:31px!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
.logo .pad img,.logo .pad svg{display:block!important;width:31px!important;height:31px!important;object-fit:contain!important}
.logo .name{display:flex!important;align-items:center!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.45px!important;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.logo .name span{color:inherit!important}
.gamehihi-primary-nav,.gamehihi-category-nav{display:flex;flex-direction:column;gap:3px}
.gamehihi-side-link{
  width:100%;min-height:39px;padding:8px 11px!important;border:0!important;border-radius:11px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  background:transparent!important;color:var(--ghh-text)!important;font-size:13px!important;font-weight:700!important;
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
}
.gamehihi-side-link:hover{background:var(--ghh-panel-2)!important;color:var(--ghh-accent)!important;transform:none!important}
.gamehihi-side-link.is-active{background:var(--ghh-panel-2)!important;color:var(--ghh-accent)!important}
.gamehihi-side-icon{width:22px;min-width:22px;text-align:center;font-size:15px;line-height:1}
.gamehihi-kids-link{margin-top:5px!important;background:linear-gradient(90deg,#FFF0C8,#FFDCE9)!important;color:#B65310!important}
html[data-gamehihi-theme="dark"] .gamehihi-kids-link{background:linear-gradient(90deg,rgba(255,178,76,.2),rgba(255,123,172,.2))!important;color:#FFB24C!important}
.gamehihi-side-label{padding:13px 11px 6px!important;color:var(--ghh-muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.15px!important;text-transform:uppercase!important}
.gamehihi-sidebar-copy{padding:18px 11px 5px;color:var(--ghh-muted);font-size:10px;line-height:1.7}

/* Header and search popover. */
.gamehihi-header .menu-btn,.gamehihi-header-logo{display:none!important}
.gamehihi-header-spacer{flex:1 1 auto}
.gamehihi-search-shell{position:relative;flex:0 0 auto;display:flex;justify-content:flex-end;z-index:3}
.gamehihi-search-trigger,.gamehihi-theme-toggle,.gamejoy-header-auth,.gamejoy-account-header{
  width:auto;min-width:36px;height:36px;padding:0 10px!important;border:1px solid var(--ghh-border)!important;border-radius:8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:var(--ghh-text)!important;background:var(--ghh-panel)!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important;
}
.gamehihi-search-trigger{padding:0!important;width:36px;cursor:pointer}
.gamehihi-theme-toggle{padding:0!important;width:36px}
.gamejoy-header-auth{border:0!important;color:#fff!important;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2))!important;white-space:nowrap}
.gamejoy-account-header{padding:4px!important;width:36px}
.gamejoy-account-header img{width:26px;height:26px;border-radius:50%;display:block}
.gamehihi-header-actions{display:flex!important;gap:7px!important;align-items:center!important;margin:0!important}
.gamehihi-search{
  display:none!important;position:absolute!important;top:0!important;right:0!important;width:420px!important;height:auto!important;min-height:36px!important;
  margin:0!important;padding:0!important;border:1px solid var(--ghh-border)!important;border-radius:12px!important;
  background:var(--ghh-panel)!important;box-shadow:0 16px 42px rgba(16,33,75,.2)!important;overflow:visible!important;
}
.gamehihi-search-shell.is-open .gamehihi-search{display:block!important}
.gamehihi-search-shell.is-open .gamehihi-search-trigger{visibility:hidden}
.gamehihi-search-input-row{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;border:1px solid var(--ghh-border);background:var(--ghh-panel)}
.gamehihi-search-input-row>span{font-size:13px}
.gamehihi-search input{min-width:0;flex:1;height:34px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--ghh-text)!important;font-size:13px!important;box-shadow:none!important}
.gamehihi-search-cancel{width:25px;height:25px;border:0;border-radius:50%;background:var(--ghh-panel-2);color:var(--ghh-muted);font-size:18px;line-height:1;cursor:pointer}
.gamehihi-search-default{padding:12px 14px 15px}
.gamehihi-search-label{margin:0 0 7px;color:var(--ghh-muted);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.gamehihi-search-label:not(:first-child){margin-top:12px}
.gamehihi-search-chips{display:flex;flex-wrap:wrap;gap:6px}
.gamehihi-search-chips a{padding:6px 11px;border:1px solid var(--ghh-border);border-radius:999px;background:var(--ghh-panel-2);color:var(--ghh-accent);font-size:11px;font-weight:700}
.gamehihi-search-hot-list{display:flex;flex-direction:column;gap:3px}
.gamehihi-search-hot-list a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:5px;border-radius:9px;color:var(--ghh-text)}
.gamehihi-search-hot-list a:hover{background:var(--ghh-panel-2)}
.gamehihi-search-hot-list img{width:34px;height:34px;border-radius:9px;object-fit:cover}
.gamehihi-search-hot-list strong{font-size:12px}
.gamehihi-search-hot-list span{font-family:'Space Mono',monospace;color:var(--ghh-muted);font-size:9px}
.gamehihi-search-shell.has-query .gamehihi-search-default{display:none}
.gamehihi-search .ajax-search-results{position:static!important;display:block;width:auto!important;max-height:410px;overflow:auto;margin:8px 0 0;border:0!important;border-top:1px solid var(--ghh-border)!important;border-radius:0 0 12px 12px!important;box-shadow:none!important;background:var(--ghh-panel)!important}
.gamehihi-search .ajax-search-results[hidden]{display:none!important}

/* Home notices and sections. */
.gamehihi-home{max-width:100%}
.gamehihi-home>.ad-leaderboard,.gamehihi-home>.ad{margin:0 0 8px}
.gamehihi-notice{height:35px;margin:0 0 8px;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}
.gamehihi-event-notice{color:var(--ghh-accent);background:var(--ghh-panel-2);border:1px solid var(--ghh-border)}
.gamehihi-kids-notice{color:#fff;background:linear-gradient(90deg,#FFB24C,#FF7BAC)}
.gamehihi-home-section{margin:11px 0 15px}
.gamehihi-section-title,.gamehihi-page-title{margin:0 0 8px!important;font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;font-size:17px!important;font-weight:800!important;line-height:1.18!important;color:var(--ghh-text)!important}

/* Hero exactly follows the supplied left-art/right-copy banner. */
.gamehihi-hero-slider{height:228px!important;border-radius:15px!important;box-shadow:none!important;background:transparent!important}
.gamehihi-hero-track{height:100%}
.gamehihi-hero-slide{position:relative!important;display:grid!important;grid-template-columns:37% 63%!important;align-items:center!important;min-height:228px!important;height:228px!important;padding:18px 55px!important;overflow:hidden!important;background:var(--gamehihi-hero-gradient,linear-gradient(105deg,#FF6947,#FFC24B))!important;color:#fff!important}
.gamehihi-hero-slide::before{content:"";position:absolute;inset:auto -8% -58% -8%;height:90%;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}
.gamehihi-hero-art{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;padding:10px}
.gamehihi-hero-art img{width:min(190px,90%);height:min(150px,85%);object-fit:contain;border-radius:22px;filter:drop-shadow(0 13px 18px rgba(0,0,0,.22))}
.gamehihi-hero-copy{position:relative;z-index:1;min-width:0;padding-left:8px;color:#fff}
.gamehihi-hero-eyebrow{margin-bottom:3px;color:rgba(255,255,255,.9);font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.gamehihi-hero-copy .gamehihi-hero-title{display:block;max-width:none;margin:0 0 6px!important;color:#fff!important;font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;font-size:31px!important;font-weight:800!important;line-height:1.18!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;-webkit-box-orient:initial}
.gamehihi-hero-copy > p:not(.gamehihi-hero-title){max-width:570px;margin:0 0 11px;color:rgba(255,255,255,.94);font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gamehihi-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gamehihi-play-button,.gamehihi-gradient-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.gamehihi-play-button{height:37px;padding:0 18px;background:#fff;color:#111;font-size:11px;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.gamehihi-play-button:hover,.gamehihi-gradient-button:hover{transform:translateY(-1px)}
.gamehihi-hero-actions>span{font-family:'Space Mono',monospace;color:rgba(255,255,255,.95);font-size:8px;font-weight:700}
.gamehihi-hero-arrow{top:50%!important;width:30px!important;height:30px!important;margin:0!important;border:0!important;background:rgba(16,33,75,.35)!important;color:#fff!important;font-size:20px!important;opacity:1!important}
.gamehihi-hero-arrow.is-prev{left:10px!important}.gamehihi-hero-arrow.is-next{right:10px!important}
.gamehihi-hero-dots{bottom:8px!important;gap:4px!important}
.gamehihi-hero-dots button{width:6px!important;height:6px!important;padding:0!important;border:0!important;background:rgba(255,255,255,.55)!important}
.gamehihi-hero-dots button.is-active{width:18px!important;background:#fff!important}

/* Compact cards and horizontal rows. */
.gamehihi-card-row{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:150px!important;gap:9px!important;overflow-x:auto!important;padding:1px 2px 8px!important;scroll-snap-type:x proximity;scrollbar-width:none}
.gamehihi-card-row::-webkit-scrollbar{display:none}
.gamehihi-card-carousel{position:relative;min-width:0}
.gamehihi-card-carousel .gamehihi-card-row{scroll-behavior:smooth;overscroll-behavior-x:contain}
.gamehihi-row-arrow{z-index:8!important;top:50%!important;transform:translateY(-55%)!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(16,33,75,.18)!important;transition:opacity .16s ease,transform .16s ease,background .16s ease!important}
.gamehihi-row-arrow.is-prev{left:5px!important}.gamehihi-row-arrow.is-next{right:5px!important}
.gamehihi-row-arrow:hover{background:rgba(16,33,75,.72)!important;transform:translateY(-55%) scale(1.06)!important}
.gamehihi-row-arrow[disabled],.gamehihi-row-arrow.is-hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
.gamehihi-card-row .card{scroll-snap-align:start}
.gamehihi-card-row .card,.gamehihi-all-games-section .card,.gamehihi-event-games .card{
  min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;padding:5px!important;border:1px solid var(--ghh-border)!important;border-radius:13px!important;
  display:block!important;background:var(--ghh-panel)!important;box-shadow:var(--ghh-shadow)!important;overflow:hidden!important;transform:none!important;
}
.gamehihi-card-row .card:hover,.gamehihi-all-games-section .card:hover,.gamehihi-event-games .card:hover{transform:translateY(-2px)!important;box-shadow:var(--ghh-shadow-hover)!important}
.gamehihi-card-row .card .thumb,.gamehihi-all-games-section .card .thumb,.gamehihi-event-games .card .thumb{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;min-height:0!important;border-radius:9px!important;overflow:hidden!important;background:var(--ghh-panel-2)!important}
.gamehihi-card-row .card .thumb img,.gamehihi-all-games-section .card .thumb img,.gamehihi-event-games .card .thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.gamehihi-card-row .card .overlay,.gamehihi-all-games-section .card .overlay,.gamehihi-event-games .card .overlay{position:static!important;min-height:43px!important;padding:6px 2px 1px!important;background:none!important;color:var(--ghh-text)!important;display:block!important}
.gamehihi-card-row .card .meta,.gamehihi-all-games-section .card .meta,.gamehihi-event-games .card .meta{display:block!important}
.gamehihi-card-row .card .t,.gamehihi-all-games-section .card .t,.gamehihi-event-games .card .t{color:var(--ghh-text)!important;font-family:'Be Vietnam Pro',sans-serif!important;font-size:10.5px!important;font-weight:700!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.gamehihi-card-row .card .s,.gamehihi-all-games-section .card .s,.gamehihi-event-games .card .s{margin-top:2px;color:var(--ghh-muted)!important;font-family:'Space Mono',monospace!important;font-size:7.5px!important;line-height:1.25!important;white-space:nowrap!important}
.gamehihi-card-row .card .s svg,.gamehihi-all-games-section .card .s svg,.gamehihi-event-games .card .s svg{width:8px!important;height:8px!important}
.gamehihi-card-row .tag,.gamehihi-all-games-section .tag,.gamehihi-event-games .tag{top:8px!important;left:8px!important;right:auto!important;padding:3px 6px!important;border-radius:6px!important;font-size:7px!important;line-height:1!important;box-shadow:none!important}
.gamehihi-all-games-section .grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(154px,1fr))!important;gap:11px!important}
.gamehihi-all-games-section .grid .card{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto!important}
.gamehihi-all-games-section .grid .card .thumb{aspect-ratio:16/9!important}

/* Existing recent/recommendation blocks are normalized to the portal row. */
.gamehihi-home .sec{margin:12px 0 15px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.gamehihi-home .sec-head{margin-bottom:8px!important}
.gamehihi-home .sec-head h2{font-size:17px!important}
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid){display:grid!important;grid-auto-flow:column!important;grid-auto-columns:150px!important;grid-template-columns:none!important;gap:9px!important;overflow:auto!important;padding:1px 2px 8px!important;scrollbar-width:none}
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .card{width:auto!important;padding:5px!important;border:1px solid var(--ghh-border)!important;border-radius:13px!important;background:var(--ghh-panel)!important;box-shadow:var(--ghh-shadow)!important}
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .thumb{aspect-ratio:16/9!important;min-height:0!important;border-radius:9px!important}
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .overlay{position:static!important;min-height:43px!important;padding:6px 2px 1px!important;background:none!important}
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .t{color:var(--ghh-text)!important;font-size:10.5px!important}
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .s{color:var(--ghh-muted)!important;font-size:7.5px!important}

/* SEO/article content. */
.gamejoyh5-home-content,.gamejoyh5-content-box,.article-full{margin:18px 0 0!important;padding:17px!important;border:1px solid var(--ghh-border)!important;border-radius:15px!important;background:var(--ghh-panel)!important;color:var(--ghh-text)!important;box-shadow:var(--ghh-shadow)!important}
.gamejoyh5-home-content h1,.gamejoyh5-home-content h2,.gamejoyh5-home-content h3{font-size:18px!important}
.gamejoyh5-home-content p,.gamejoyh5-home-content li{font-size:12px!important;line-height:1.75!important}
.gamejoyh5-home-content details,.gamejoyh5-home-content .faq-item{border:1px solid var(--ghh-border)!important;background:var(--ghh-panel-2)!important;border-radius:10px!important}

/* Footer from screenshot. */
.gamehihi-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:34px;padding:0 0 18px}
.gamehihi-footer-about p{max-width:340px;margin:10px 0;color:var(--ghh-muted);font-size:11px;line-height:1.7}
.gamehihi-footer-logo .name{font-size:18px!important}
.gamehihi-follow-title{display:block;margin:8px 0;color:var(--ghh-text);font-size:10px}
.gamehihi-social-buttons{display:flex;gap:8px;flex-wrap:wrap}
.gamehihi-social-buttons a{height:28px;padding:0 11px;border-radius:999px;display:flex;align-items:center;gap:6px;color:#fff;font-size:9px;font-weight:800}
.gamehihi-social-buttons .is-facebook{background:#1877F2}.gamehihi-social-buttons .is-tiktok{background:#050505}.gamehihi-social-buttons .is-youtube{background:#FF0000}
.gamehihi-footer-column h4{margin:0 0 8px;color:var(--ghh-text);font-size:12px!important}
.gamehihi-footer-links{display:flex;flex-direction:column;gap:6px}
.gamehihi-footer-links a{display:block;color:var(--ghh-muted);font-size:10.5px}
.gamehihi-footer-links a:hover{color:var(--ghh-accent)}
.gamehihi-footer-bottom{padding-top:12px;border-top:1px solid var(--ghh-border);display:flex;justify-content:space-between;gap:15px;color:var(--ghh-muted);font-size:9px}
.gamehihi-bottom-nav{display:none}

/* Shared page layouts. */
.gamehihi-page-title{text-align:center;margin:7px 0 14px!important;font-size:24px!important}
.gamehihi-leaderboard-page{max-width:560px;margin:0 auto;padding:13px 0 45px}
.gamehihi-period-tabs{display:flex;justify-content:center;gap:5px;margin:0 0 18px}
.gamehihi-period-tabs a{padding:8px 14px;border:1px solid var(--ghh-border);border-radius:999px;background:var(--ghh-panel);color:var(--ghh-muted);font-size:10px;font-weight:800}
.gamehihi-period-tabs a.is-active{border:0;color:#fff;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2))}
.gamehihi-rank-list{display:flex;flex-direction:column;gap:8px}
.gamehihi-rank-row{min-height:59px;padding:8px 13px;border:1px solid var(--ghh-border);border-radius:13px;display:grid;grid-template-columns:34px 38px 1fr auto;align-items:center;gap:8px;background:var(--ghh-panel);color:var(--ghh-text);box-shadow:0 1px 3px rgba(16,33,75,.03)}
.gamehihi-rank-row.rank-1{border-color:#F2BA00;background:color-mix(in srgb,var(--ghh-panel) 88%,#FFF2B8)}
.gamehihi-rank-row.rank-2{border-color:#9AA8BA;background:color-mix(in srgb,var(--ghh-panel) 90%,#DCE7F7)}
.gamehihi-rank-row.rank-3{border-color:#E28C35;background:color-mix(in srgb,var(--ghh-panel) 90%,#F9DFCA)}
.gamehihi-rank-number{text-align:center;font-size:18px;font-weight:800;color:var(--ghh-muted)}
.gamehihi-rank-row img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.gamehihi-rank-row strong{font-size:12px}.gamehihi-rank-row strong small{display:block;color:var(--ghh-accent);font-size:8px}
.gamehihi-rank-row b{font-family:'Space Mono',monospace;color:var(--ghh-text);font-size:10px}
.gamehihi-rank-note{text-align:center;color:var(--ghh-muted);font-size:10px}.gamehihi-rank-note a{color:var(--ghh-accent);font-weight:700}

.gamehihi-event-page{max-width:720px;margin:0 auto;padding:7px 0 45px}
.gamehihi-event-hero{min-height:165px;padding:22px;border-radius:15px;background:linear-gradient(120deg,#B85A0C,#FFB21B);color:#fff;box-shadow:var(--ghh-shadow)}
.gamehihi-event-hero h2{margin:7px 0 5px;color:#fff;font-size:25px!important}.gamehihi-event-hero p{max-width:620px;margin:0 0 12px;font-size:11px;line-height:1.55}
.gamehihi-live-badge{padding:4px 8px;border-radius:999px;background:#fff;color:#C54122;font-size:7px;font-weight:800;letter-spacing:.6px}
.gamehihi-countdown{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(81,39,8,.38);font-size:9px}.gamehihi-countdown strong{font-family:'Space Mono',monospace;font-size:10px}
.gamehihi-event-heading{margin:14px 0 8px!important;font-size:15px!important}
.gamehihi-event-games{grid-auto-columns:150px!important}
.gamehihi-progress{height:6px;border-radius:99px;background:var(--ghh-panel-2);overflow:hidden;margin:0 0 8px}.gamehihi-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2))}
.gamehihi-quest-list{display:flex;flex-direction:column;gap:7px}
.gamehihi-quest{min-height:52px;padding:8px 12px;border:1px solid var(--ghh-border);border-radius:12px;background:var(--ghh-panel);display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px}
.gamehihi-quest strong{display:block;font-size:11px}.gamehihi-quest small{display:block;color:#E96A3B;font-size:8px}.gamehihi-quest em{padding:5px 10px;border:1px solid var(--ghh-border);border-radius:999px;color:var(--ghh-muted);font-size:8px;font-style:normal}.gamehihi-quest.is-done{opacity:.72}
.gamehihi-tournament{padding:12px;border:1px solid var(--ghh-border);border-radius:12px;background:var(--ghh-panel);display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center}.gamehihi-tournament img{width:42px;height:42px;border-radius:10px;object-fit:cover}.gamehihi-tournament div{display:flex;flex-direction:column}.gamehihi-tournament small,.gamehihi-tournament span{font-size:8px;color:var(--ghh-muted)}.gamehihi-tournament strong{font-size:12px}.gamehihi-tournament p{grid-column:1/-1;margin:0;color:var(--ghh-muted);font-size:9px}
.gamehihi-gradient-button{min-height:36px;padding:0 16px;color:#fff;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));font-size:10px;box-shadow:0 7px 17px color-mix(in srgb,var(--ghh-accent) 25%,transparent)}
.gamehihi-upcoming{display:flex;flex-direction:column;gap:6px}.gamehihi-upcoming>div{padding:9px 12px;border:1px solid var(--ghh-border);border-radius:10px;background:var(--ghh-panel-2)}.gamehihi-upcoming strong,.gamehihi-upcoming small{display:block}.gamehihi-upcoming strong{font-size:10px}.gamehihi-upcoming small{color:var(--ghh-muted);font-size:8px}

/* Feed / Lướt. */
body.gamehihi-view-feed .gamehihi-footer{display:none}
.gamehihi-feed-page{min-height:calc(100vh - var(--ghh-header-h) - 24px);display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 0 18px}
.gamehihi-feed-phone{width:430px;height:min(780px,calc(100vh - 95px));min-height:560px;border-radius:23px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:#111;box-shadow:0 20px 45px rgba(16,33,75,.18)}
.gamehihi-feed-phone::-webkit-scrollbar{display:none}
.gamehihi-feed-card{position:relative;width:100%;height:100%;min-height:100%;scroll-snap-align:start;overflow:hidden;background:var(--feed-gradient,#FF8A4D);color:#fff}
.gamehihi-feed-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.08)}
.gamehihi-feed-content{position:absolute;z-index:2;left:35px;right:35px;top:50%;transform:translateY(-43%);display:flex;flex-direction:column;align-items:center;text-align:center}
.gamehihi-feed-icon{width:150px;height:150px;border-radius:31px;object-fit:cover;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}.gamehihi-feed-content h1{margin:14px 0 6px;color:#fff;font-size:27px!important;text-shadow:0 3px 9px rgba(0,0,0,.25)}.gamehihi-feed-content p{max-width:330px;margin:0 0 13px;color:#fff;font-size:11px;line-height:1.55;text-shadow:0 2px 5px rgba(0,0,0,.25)}
.gamehihi-feed-actions{position:absolute;z-index:3;right:13px;bottom:82px;display:flex;flex-direction:column;gap:13px}.gamehihi-feed-actions a,.gamehihi-feed-actions button{width:48px;min-height:52px;padding:0;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-shadow:0 2px 5px rgba(0,0,0,.35);cursor:pointer}.gamehihi-feed-actions b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(16,33,75,.42);font-size:19px}.gamehihi-feed-actions small{font-size:8px;font-weight:700}
.gamehihi-feed-hint{position:absolute;z-index:2;left:0;right:0;bottom:22px;text-align:center;color:#fff;font-size:9px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.gamehihi-feed-intro{width:250px}.gamehihi-feed-intro h2{font-size:23px!important}.gamehihi-feed-intro p{color:var(--ghh-muted);font-size:12px;line-height:1.7}

/* Guest profile. */
.gamehihi-profile-page{max-width:720px;margin:0 auto;padding:10px 0 50px}.gamehihi-profile-identity{text-align:center;padding:5px 0 20px}.gamehihi-profile-avatar{font-size:55px}.gamehihi-profile-identity h1{margin:4px 0;font-size:24px!important}.gamehihi-profile-identity p{margin:0 0 12px;color:var(--ghh-muted);font-size:11px}
.gamehihi-profile-heading{margin:14px 0 7px!important;font-size:17px!important}.gamehihi-setting-card{min-height:62px;padding:10px 13px;border:1px solid var(--ghh-border);border-radius:13px;background:var(--ghh-panel);display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px}.gamehihi-setting-icon{font-size:22px}.gamehihi-setting-card strong,.gamehihi-setting-card small{display:block}.gamehihi-setting-card strong{font-size:13px}.gamehihi-setting-card small{color:var(--ghh-muted);font-size:9px}
.gamehihi-switch{width:49px;height:29px;padding:3px;border:0;border-radius:999px;background:#D6E2F1;cursor:pointer}.gamehihi-switch span{display:block;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(16,33,75,.22);transition:transform .2s}.gamehihi-switch[aria-pressed="true"]{background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2))}.gamehihi-switch[aria-pressed="true"] span{transform:translateX(20px)}
.gamehihi-profile-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:9px}.gamehihi-profile-tabs button{height:36px;padding:0 14px;border:1px solid var(--ghh-border);border-radius:999px;background:var(--ghh-panel);color:var(--ghh-muted);font-size:10px;font-weight:700;white-space:nowrap}.gamehihi-profile-tabs button.is-active{border:0;color:#fff;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2))}
.gamehihi-profile-empty{min-height:215px;padding:30px 20px;border:1px dashed var(--ghh-border);border-radius:14px;background:var(--ghh-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gamehihi-profile-empty>div{font-size:42px}.gamehihi-profile-empty strong{margin-top:5px;font-size:13px}.gamehihi-profile-empty p{max-width:420px;margin:4px 0 12px;color:var(--ghh-muted);font-size:10px}

/* Full-screen authentication, retaining the real WordPress account forms. */
body.gamehihi-auth-screen{overflow:auto}
body.gamehihi-auth-screen .gamehihi-header,body.gamehihi-auth-screen .gamehihi-sidebar,body.gamehihi-auth-screen .gamehihi-footer,body.gamehihi-auth-screen .gamehihi-bottom-nav,body.gamehihi-auth-screen .ad-anchor-wrap{display:none!important}
body.gamehihi-auth-screen .gamehihi-main{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:34px 16px!important;display:flex;align-items:center;justify-content:center;background:var(--ghh-bg)!important}
body.gamehihi-auth-screen .account-page{width:100%;max-width:420px;margin:0!important;padding:0!important}
body.gamehihi-auth-screen .page-head,body.gamehihi-auth-screen .gamejoy-account-notices{display:none!important}
.gamehihi-auth-shell{width:100%;max-width:420px;margin:0 auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:center}
.gamehihi-auth-brand{display:flex;justify-content:center;margin-bottom:14px}
.gamehihi-auth-brand>.pad,.gamehihi-auth-brand .logo .pad{width:112px!important;height:112px!important;flex:0 0 112px!important;margin:0!important;padding:0!important;transform:none!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:none!important;box-shadow:none!important}
.gamehihi-auth-brand .gamehihi-brand-logo-image,.gamehihi-auth-brand .gamehihi-logo-mark{display:block!important;width:100%!important;height:100%!important;max-width:112px!important;max-height:112px!important;object-fit:contain!important}
.gamehihi-auth-brand .name{display:none!important}
.gamehihi-auth-intro h1{margin:0 0 3px;font-size:24px!important}.gamehihi-auth-intro p{margin:0 0 14px;color:var(--ghh-muted);font-size:11px}
.gamehihi-auth-benefits{margin:0 0 14px;padding:14px 16px;border:1px solid var(--ghh-border);border-radius:14px;background:var(--ghh-panel);display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--ghh-text);font-size:11px}
.gamehihi-auth-shell .gamejoy-auth-tabs{justify-content:center;margin:0 0 8px;border:0;background:none}.gamehihi-auth-shell .gamejoy-auth-tabs a{padding:5px 12px;border-radius:999px;color:var(--ghh-muted);font-size:10px}.gamehihi-auth-shell .gamejoy-auth-tabs a.is-active{background:var(--ghh-panel-2);color:var(--ghh-accent)}
.gamehihi-auth-shell .gamejoy-auth-layout{display:block!important}.gamehihi-auth-shell .gamejoy-auth-form-panel{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.gamehihi-auth-shell .gamejoy-account-form{display:flex;flex-direction:column;gap:9px;text-align:left}.gamehihi-auth-shell .gamejoy-account-form h2,.gamehihi-auth-shell .gamejoy-account-form>p{display:none}.gamehihi-auth-shell .gamejoy-account-form label>span{font-size:9px;font-weight:700;color:var(--ghh-muted)}.gamehihi-auth-shell .gamejoy-account-form input[type="text"],.gamehihi-auth-shell .gamejoy-account-form input[type="email"],.gamehihi-auth-shell .gamejoy-account-form input[type="password"]{width:100%;height:42px;padding:0 13px;border:1px solid var(--ghh-border);border-radius:999px;background:var(--ghh-panel);color:var(--ghh-text);font-size:11px}.gamehihi-auth-shell .gamejoy-check{justify-content:flex-start}.gamehihi-auth-shell .btn-primary{width:100%;height:44px;border:0;border-radius:999px;color:#fff;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));font-size:12px;font-weight:800}.gamehihi-auth-shell .gamejoy-social-divider{margin:3px 0}.gamehihi-auth-shell .gamejoy-google-button{width:100%;min-height:44px;border-radius:999px!important;background:var(--ghh-panel)!important;border:1px solid var(--ghh-border)!important;color:var(--ghh-text)!important}.gamehihi-auth-shell .gamejoy-form-link{text-align:center;color:var(--ghh-accent);font-size:10px;font-weight:700}

/* Logged-in account keeps original features but adopts portal panels. */
body:not(.gamehihi-auth-screen) .account-page{max-width:980px;margin:0 auto}.gamejoy-account-shell,.gamejoy-account-main,.gamejoy-account-panel{border-color:var(--ghh-border)!important;background:var(--ghh-panel)!important;color:var(--ghh-text)!important}.gamejoy-account-nav a{color:var(--ghh-muted)!important}.gamejoy-account-nav a.is-active{background:var(--ghh-panel-2)!important;color:var(--ghh-accent)!important}

/* Data saver: keep layout, avoid costly previews/effects. */
html.gamehihi-data-saver .gamejoy-card-preview,html.gamehihi-data-saver video{display:none!important}
html.gamehihi-data-saver *,html.gamehihi-data-saver *::before,html.gamehihi-data-saver *::after{animation:none!important;transition:none!important}

@media (max-width:1199px){
  :root{--ghh-sidebar:206px}
  .gamehihi-main,.gamehihi-footer{padding-left:14px!important;padding-right:14px!important}
  .gamehihi-card-row{grid-auto-columns:145px!important}
  .gamehihi-all-games-section .grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important}
}

@media (max-width:900px){
  :root{--ghh-sidebar:0px;--ghh-header-h:57px;--ghh-shell-gutter:0px}
  .gamehihi-header{left:0!important;right:0!important;padding:8px 10px!important}
  .gamehihi-header .menu-btn{display:flex!important;width:38px;height:38px;border:1px solid var(--ghh-border);border-radius:9px;background:var(--ghh-panel)}
  .gamehihi-header-logo{display:flex!important}.gamehihi-header-logo .name{display:none!important}
  .gamehihi-sidebar{left:0!important;width:min(84vw,270px)!important;transform:translateX(-104%)!important;transition:transform .24s ease!important;box-shadow:20px 0 55px rgba(16,33,75,.2)!important}
  .gamehihi-sidebar.open{transform:translateX(0)!important}.gamehihi-sidebar-close{display:grid!important;place-items:center!important}
  .overlay-mask.show{display:block!important;position:fixed;inset:0;z-index:91;background:rgba(10,20,42,.5);backdrop-filter:blur(2px)}
  .gamehihi-main{width:100%!important;max-width:none!important;margin:var(--ghh-header-h) 0 0!important;padding:12px 12px 88px!important}
  .admin-bar .gamehihi-main{margin-top:calc(var(--ghh-header-h) + 46px)!important}
  .gamehihi-footer{width:100%!important;max-width:none!important;margin:0!important;padding:22px 12px 90px!important}
  .gamehihi-bottom-nav{position:fixed;z-index:88;left:0;right:0;bottom:0;min-height:67px;padding:6px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--ghh-border);display:flex!important;justify-content:space-around;background:color-mix(in srgb,var(--ghh-bg) 94%,transparent);backdrop-filter:blur(15px)}
  .gamehihi-bottom-nav a{min-width:54px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ghh-muted);font-size:18px}.gamehihi-bottom-nav a.is-active{color:var(--ghh-accent)}.gamehihi-bottom-nav small{font-size:8px;font-weight:700}
  .ad-anchor-wrap{bottom:67px!important}
  .gamehihi-footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:18px}
  .gamehihi-feed-phone{height:min(720px,calc(100vh - 150px))}
}

@media (max-width:700px){
  .gamehihi-header-spacer{display:none}.gamehihi-search-shell{margin-left:auto}
  .gamehihi-search{position:fixed!important;top:7px!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(100vh - 18px)!important;overflow:auto!important}
  .admin-bar .gamehihi-search{top:53px!important}
  .gamehihi-home-section{margin-bottom:13px}
  .gamehihi-hero-slider,.gamehihi-hero-slide{height:245px!important;min-height:245px!important}
  .gamehihi-hero-slide{grid-template-columns:34% 66%!important;padding:18px 27px!important}.gamehihi-hero-art{padding:3px}.gamehihi-hero-art img{width:105px;height:105px;border-radius:22px}.gamehihi-hero-copy .gamehihi-hero-title{font-size:24px!important}.gamehihi-hero-copy > p:not(.gamehihi-hero-title){font-size:10px}.gamehihi-hero-actions>span{display:none}
  .gamehihi-card-row{grid-auto-columns:140px!important}.gamehihi-all-games-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .gamehihi-footer-grid{grid-template-columns:1fr 1fr;gap:21px}.gamehihi-footer-about{grid-column:1/-1}.gamehihi-footer-bottom{flex-direction:column;gap:4px}
  .gamehihi-feed-page{display:block;padding:0}.gamehihi-feed-phone{width:min(100%,430px);height:calc(100vh - var(--ghh-header-h) - 86px);min-height:520px;margin:0 auto;border-radius:18px}.gamehihi-feed-intro{display:none}
  .gamehihi-event-page,.gamehihi-leaderboard-page,.gamehihi-profile-page{padding-bottom:20px}
  .gamehihi-tournament{grid-template-columns:40px 1fr}.gamehihi-tournament .gamehihi-gradient-button{grid-column:1/-1}.gamehihi-rank-row{grid-template-columns:30px 34px 1fr auto;padding:7px 9px}
}

@media (max-width:700px){
  .gamehihi-auth-brand{margin-bottom:12px}
  .gamehihi-auth-brand>.pad,.gamehihi-auth-brand .logo .pad{width:96px!important;height:96px!important;flex-basis:96px!important}
  .gamehihi-auth-brand .gamehihi-brand-logo-image,.gamehihi-auth-brand .gamehihi-logo-mark{max-width:96px!important;max-height:96px!important}
}

@media (max-width:450px){
  .gamehihi-auth-brand>.pad,.gamehihi-auth-brand .logo .pad{width:82px!important;height:82px!important;flex-basis:82px!important}
  .gamehihi-auth-brand .gamehihi-brand-logo-image,.gamehihi-auth-brand .gamehihi-logo-mark{max-width:82px!important;max-height:82px!important}
  .gamehihi-header-logo{display:none!important}.gamehihi-header-actions{gap:5px!important}.gamejoy-header-auth{max-width:92px;padding:0 9px!important}
  .gamehihi-main{padding-left:9px!important;padding-right:9px!important}.gamehihi-notice{font-size:9px;padding:0 9px}.gamehihi-section-title{font-size:15px!important}
  .gamehihi-hero-slider,.gamehihi-hero-slide{height:235px!important;min-height:235px!important}.gamehihi-hero-slide{grid-template-columns:1fr!important;padding:24px 32px 28px!important;text-align:center}.gamehihi-hero-art{position:absolute;inset:7px auto auto 12px;width:88px;height:88px;opacity:.92}.gamehihi-hero-art img{width:74px;height:74px;border-radius:18px}.gamehihi-hero-copy{padding:22px 0 0}.gamehihi-hero-copy .gamehihi-hero-title{font-size:24px!important}.gamehihi-hero-copy > p:not(.gamehihi-hero-title){-webkit-line-clamp:2}.gamehihi-hero-actions{justify-content:center}.gamehihi-hero-arrow{display:none!important}
  .gamehihi-card-carousel .gamehihi-row-arrow{display:grid!important;width:28px!important;height:28px!important;font-size:18px!important}
  .gamehihi-card-row{grid-auto-columns:132px!important;gap:8px!important}.gamehihi-card-row .card .t,.gamehihi-all-games-section .card .t{font-size:9.5px!important}.gamehihi-all-games-section .grid{gap:8px!important}
  .gamehihi-footer-grid{grid-template-columns:1fr}.gamehihi-footer-about{grid-column:auto}
  .gamehihi-feed-icon{width:125px;height:125px}.gamehihi-feed-content h1{font-size:24px!important}.gamehihi-feed-actions{right:7px}.gamehihi-feed-content{left:25px;right:25px}
  body.gamehihi-auth-screen .gamehihi-main{padding:22px 14px!important}.gamehihi-auth-intro h1{font-size:21px!important}.gamehihi-auth-benefits{font-size:10px}
}
.gamehihi-auth-shell .gamejoy-google-login,.gamehihi-auth-shell .gamejoy-facebook-login{width:100%;min-height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:800;text-decoration:none}
.gamehihi-auth-shell .gamejoy-google-login{border:1px solid var(--ghh-border);background:var(--ghh-panel);color:var(--ghh-text)}
.gamehihi-auth-shell .gamejoy-google-login svg{width:17px;height:17px}
.gamehihi-auth-shell .gamejoy-facebook-login{border:0;background:#1877F2;color:#fff}
.gamejoy-facebook-icon{font-family:Arial,sans-serif;font-size:18px;font-weight:900}

/* ======================================================================
   v4.2.0 — Desktop header navigation follows the supplied first image.
   Primary portal links share one horizontal row with search/theme/account.
   The desktop sidebar is reserved for the brand and game categories.
   ====================================================================== */
:root{--ghh-header-h:60px}

.gamehihi-top-nav{display:none}

@media (min-width:901px){
  .site-header.gamehihi-header{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    padding:8px 14px!important;
  }
  .gamehihi-top-nav{
    min-width:0;
    display:flex!important;
    align-items:center;
    gap:2px;
    flex:0 1 auto;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    white-space:nowrap;
  }
  .gamehihi-top-nav::-webkit-scrollbar{display:none}
  .gamehihi-top-link{
    min-height:40px;
    padding:0 10px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:var(--ghh-muted);
    background:transparent;
    font-size:13px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    transition:background .15s ease,color .15s ease,transform .15s ease;
  }
  .gamehihi-top-link:hover,
  .gamehihi-top-link.is-active{
    color:var(--ghh-accent);
    background:var(--ghh-panel-2);
  }
  .gamehihi-top-link:hover{transform:translateY(-1px)}
  .gamehihi-top-icon{font-size:15px;line-height:1}
  .gamehihi-top-kids{
    min-height:38px;
    margin-left:3px;
    padding:0 13px;
    color:#fff!important;
    background:linear-gradient(90deg,#FFB24C,#FF7BAC)!important;
    border-radius:999px;
    box-shadow:0 4px 13px rgba(255,123,172,.18);
  }
  .gamehihi-top-kids:hover{color:#fff!important;filter:brightness(1.03)}
  .gamehihi-header-spacer{flex:1 1 24px;min-width:10px}
  .gamehihi-search-shell{flex:0 0 auto;margin-left:auto}
  .gamehihi-header-actions{flex:0 0 auto}

  /* Logo remains the desktop Home button; only categories stay below it. */
  .gamehihi-sidebar .gamehihi-primary-nav{display:none!important}
  .gamehihi-sidebar-brand-row{
    height:60px!important;
    margin:0 0 6px!important;
    padding:7px 8px 10px!important;
  }
  .gamehihi-sidebar .gamehihi-side-label{padding-top:8px!important}
}

@media (min-width:901px) and (max-width:1120px){
  .gamehihi-top-link{padding:0 7px;font-size:12px;gap:5px}
  .gamehihi-top-kids{padding:0 10px}
}

@media (max-width:900px){
  .gamehihi-top-nav{display:none!important}
  .gamehihi-sidebar .gamehihi-primary-nav{display:flex!important}
}

/* v4.2.1 — Prevent legacy ultra-wide header centering rules from shifting the portal header when browser zoom makes the CSS viewport exceed 1920px. */
@media (min-width:901px){
  body.gamehihi-ui > .site-header.gamehihi-header{
    position:fixed!important;
    inset:auto var(--ghh-shell-gutter) auto calc(var(--ghh-shell-gutter) + var(--ghh-sidebar))!important;
    top:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
  }
  body.admin-bar.gamehihi-ui > .site-header.gamehihi-header{top:32px!important}
}

/* ======================================================================
   v4.2.2 — Readability pass.
   Increase typography across the portal without scaling the whole layout.
   ====================================================================== */
body.gamehihi-ui{
  font-size:16px!important;
  line-height:1.6!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Desktop navigation and sidebar. */
.gamehihi-top-link{font-size:15px!important;gap:7px!important}
.gamehihi-top-icon{font-size:17px!important}
.gamehihi-side-link{font-size:15px!important;line-height:1.35!important}
.gamehihi-side-icon{font-size:17px!important}
.gamehihi-side-label{font-size:12px!important;letter-spacing:1.1px!important}
.gamehihi-sidebar-copy{font-size:12px!important;line-height:1.65!important}

/* Header controls and search panel. */
.gamehihi-search-trigger,
.gamehihi-theme-toggle,
.gamejoy-header-auth,
.gamejoy-account-header{font-size:14px!important}
.gamehihi-search-input-row>span{font-size:15px!important}
.gamehihi-search input{font-size:15px!important}
.gamehihi-search-label{font-size:12px!important}
.gamehihi-search-chips a{font-size:13px!important}
.gamehihi-search-hot-list strong{font-size:14px!important}
.gamehihi-search-hot-list span{font-size:11px!important}
.ajax-search-copy strong{font-size:15px!important}
.ajax-search-copy em{font-size:13px!important}
.ajax-search-more,.ajax-search-empty{font-size:14px!important}

/* Homepage notices, headings and hero. */
.gamehihi-notice{font-size:13px!important;font-weight:700!important}
.gamehihi-section-title,
.gamehihi-home .sec-head h2{font-size:21px!important}
.gamehihi-hero-eyebrow{font-size:11px!important}
.gamehihi-hero-copy .gamehihi-hero-title{font-size:34px!important}
.gamehihi-hero-copy > p:not(.gamehihi-hero-title){font-size:14px!important;line-height:1.55!important}
.gamehihi-play-button{font-size:13px!important}
.gamehihi-hero-actions>span{font-size:10px!important}

/* Game cards. */
.gamehihi-card-row .card .t,
.gamehihi-all-games-section .card .t,
.gamehihi-event-games .card .t,
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .t{
  font-size:13px!important;
  line-height:1.4!important;
}
.gamehihi-card-row .card .s,
.gamehihi-all-games-section .card .s,
.gamehihi-event-games .card .s,
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .s{
  font-size:9.5px!important;
  line-height:1.35!important;
}
.gamehihi-card-row .tag,
.gamehihi-all-games-section .tag,
.gamehihi-event-games .tag{font-size:9px!important}
.gamehihi-card-row .card .overlay,
.gamehihi-all-games-section .card .overlay,
.gamehihi-event-games .card .overlay,
.gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .overlay{min-height:49px!important}

/* SEO content and footer. */
.gamejoyh5-home-content h1,
.gamejoyh5-home-content h2,
.gamejoyh5-home-content h3{font-size:22px!important}
.gamejoyh5-home-content p,
.gamejoyh5-home-content li{font-size:15px!important;line-height:1.8!important}
.gamehihi-footer-about p{font-size:13px!important}
.gamehihi-follow-title{font-size:12px!important}
.gamehihi-social-buttons a{font-size:11px!important}
.gamehihi-footer-column h4{font-size:15px!important}
.gamehihi-footer-links a{font-size:13px!important}
.gamehihi-footer-bottom{font-size:11px!important}

/* Leaderboard, events, profile and feed. */
.gamehihi-page-title{font-size:28px!important}
.gamehihi-period-tabs a{font-size:12px!important}
.gamehihi-rank-row strong{font-size:15px!important}
.gamehihi-rank-row strong small{font-size:10px!important}
.gamehihi-rank-row b{font-size:12px!important}
.gamehihi-rank-note{font-size:12px!important}
.gamehihi-event-hero p{font-size:14px!important}
.gamehihi-live-badge{font-size:9px!important}
.gamehihi-countdown{font-size:11px!important}
.gamehihi-countdown strong{font-size:12px!important}
.gamehihi-event-heading{font-size:18px!important}
.gamehihi-quest strong,
.gamehihi-tournament strong{font-size:14px!important}
.gamehihi-quest small,
.gamehihi-tournament small,
.gamehihi-tournament p{font-size:11px!important}
.gamehihi-gradient-button{font-size:12px!important}
.gamehihi-upcoming strong{font-size:13px!important}
.gamehihi-upcoming small{font-size:11px!important}
.gamehihi-feed-content p{font-size:14px!important}
.gamehihi-feed-actions small{font-size:10px!important}
.gamehihi-feed-hint{font-size:11px!important}
.gamehihi-feed-intro p{font-size:14px!important}
.gamehihi-profile-identity p{font-size:14px!important}
.gamehihi-profile-heading{font-size:20px!important}
.gamehihi-setting-card strong{font-size:15px!important}
.gamehihi-setting-card small{font-size:12px!important}
.gamehihi-profile-tabs button{font-size:12px!important}
.gamehihi-profile-empty strong{font-size:15px!important}
.gamehihi-profile-empty p{font-size:12px!important}

/* Authentication. */
.gamehihi-auth-intro h1{font-size:28px!important}
.gamehihi-auth-intro p{font-size:14px!important}
.gamehihi-auth-benefits{font-size:14px!important}
.gamehihi-auth-shell .gamejoy-auth-tabs a{font-size:12px!important}
.gamehihi-auth-shell .gamejoy-account-form label>span{font-size:12px!important}
.gamehihi-auth-shell .gamejoy-account-form input[type="text"],
.gamehihi-auth-shell .gamejoy-account-form input[type="email"],
.gamehihi-auth-shell .gamejoy-account-form input[type="password"]{font-size:14px!important}
.gamehihi-auth-shell .btn-primary,
.gamehihi-auth-shell .gamejoy-google-login,
.gamehihi-auth-shell .gamejoy-facebook-login{font-size:14px!important}
.gamehihi-auth-shell .gamejoy-form-link{font-size:12px!important}

@media (min-width:901px) and (max-width:1120px){
  .gamehihi-top-link{font-size:13px!important;padding-left:7px!important;padding-right:7px!important}
}

@media (max-width:900px){
  body.gamehihi-ui{font-size:15px!important}
  .gamehihi-side-link{font-size:15px!important}
  .gamehihi-side-label{font-size:12px!important}
  .gamehihi-bottom-nav small{font-size:10px!important}
}

@media (max-width:700px){
  .gamehihi-notice{font-size:11.5px!important}
  .gamehihi-section-title,.gamehihi-home .sec-head h2{font-size:18px!important}
  .gamehihi-hero-copy .gamehihi-hero-title{font-size:27px!important}
  .gamehihi-hero-copy > p:not(.gamehihi-hero-title){font-size:12px!important}
  .gamehihi-play-button{font-size:13px!important}
  .gamehihi-card-row .card .t,
  .gamehihi-all-games-section .card .t,
  .gamehihi-event-games .card .t,
  .gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .t{font-size:12px!important}
  .gamehihi-card-row .card .s,
  .gamehihi-all-games-section .card .s,
  .gamehihi-event-games .card .s,
  .gamehihi-home .sec .grid:not(.gamejoy-mosaic-grid) .s{font-size:9px!important}
  .gamejoyh5-home-content p,.gamejoyh5-home-content li{font-size:14px!important}
}

@media (max-width:450px){
  .gamehihi-notice{font-size:10.5px!important}
  .gamehihi-section-title{font-size:17px!important}
  .gamehihi-card-row .card .t,
  .gamehihi-all-games-section .card .t{font-size:11.5px!important}
  .gamehihi-auth-intro h1{font-size:24px!important}
  .gamehihi-auth-benefits{font-size:12.5px!important}
}

/* ======================================================================
   v4.2.3 — Single game article layout matching the supplied GameHiHi mockup.
   ====================================================================== */
body.single-gamejoy_game .gamejoy-player-root .detail-wrap{grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important;align-items:start}
body.single-gamejoy_game .gamejoy-player-root .detail-wrap>div{min-width:0}
body.single-gamejoy_game .gamehihi-game-below-ad{margin:12px 0 18px}
body.single-gamejoy_game .gamehihi-game-below-ad>.ad-slot,
body.single-gamejoy_game .gamehihi-game-below-ad>.ad{min-height:50px;margin:0;border:1px dashed var(--ghh-border);border-radius:13px;box-shadow:none;background:var(--ghh-panel)}
body.single-gamejoy_game .gamehihi-game-details{color:var(--ghh-text)}
body.single-gamejoy_game .gamehihi-game-summary{margin:0 0 14px}
body.single-gamejoy_game .gamehihi-game-summary h1{margin:0 0 7px;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:29px;line-height:1.15;font-weight:800}
body.single-gamejoy_game .gamehihi-game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;color:var(--ghh-muted);font-family:'Space Mono',monospace;font-size:13px;line-height:1.5}
body.single-gamejoy_game .gamehihi-game-meta span{display:inline-flex;align-items:center}
body.single-gamejoy_game .gamehihi-game-meta span+span:before{content:'·';padding:0 9px;color:var(--ghh-muted)}
body.single-gamejoy_game .gamehihi-game-lead{margin:10px 0 0!important;color:var(--ghh-muted)!important;font-size:15px!important;line-height:1.65!important}
body.single-gamejoy_game .gamehihi-game-control-card,
body.single-gamejoy_game .gamehihi-game-info-card{margin:0 0 14px;padding:15px 17px;background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:14px;box-shadow:none}
body.single-gamejoy_game .gamehihi-game-control-card h2,
body.single-gamejoy_game .gamehihi-game-info-card h2,
body.single-gamejoy_game .gamehihi-game-copyright h2,
body.single-gamejoy_game .gamehihi-game-tips h2,
body.single-gamejoy_game .gamehihi-game-faq h2{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:17px;line-height:1.3;font-weight:800}
body.single-gamejoy_game .gamehihi-game-control-card p{margin:0!important;color:var(--ghh-muted)!important;font-size:14px!important;line-height:1.6!important}
body.single-gamejoy_game .gamehihi-game-info-card{padding-bottom:10px}
body.single-gamejoy_game .gamehihi-game-info-list{margin:8px 0 0}
body.single-gamejoy_game .gamehihi-game-info-list>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.2fr);gap:18px;align-items:center;min-height:34px;border-bottom:1px solid var(--ghh-border)}
body.single-gamejoy_game .gamehihi-game-info-list>div:last-child{border-bottom:0}
body.single-gamejoy_game .gamehihi-game-info-list dt,
body.single-gamejoy_game .gamehihi-game-info-list dd{margin:0;padding:7px 0;font-size:14px;line-height:1.4}
body.single-gamejoy_game .gamehihi-game-info-list dt{color:var(--ghh-muted);font-weight:500}
body.single-gamejoy_game .gamehihi-game-info-list dd{color:var(--ghh-text);font-weight:800;text-align:right;overflow-wrap:anywhere}
body.single-gamejoy_game .gamehihi-game-copyright{margin:0 0 19px;padding:15px 17px;background:var(--ghh-panel-2);border:1px solid var(--ghh-border);border-radius:14px}
body.single-gamejoy_game .gamehihi-game-copyright p{margin:0 0 7px!important;color:var(--ghh-muted)!important;font-size:14px!important;line-height:1.6!important}
body.single-gamejoy_game .gamehihi-game-copyright a{color:var(--ghh-accent);font-size:14px;font-weight:800}
body.single-gamejoy_game .gamehihi-game-about{margin:0 0 17px}
body.single-gamejoy_game .gamehihi-game-article.entry-content{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ghh-muted)!important;font-size:15px!important;line-height:1.75!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content p{margin:0 0 12px!important;color:var(--ghh-muted)!important;font-size:15px!important;line-height:1.75!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content>*:last-child{margin-bottom:0!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content strong,
body.single-gamejoy_game .gamehihi-game-article.entry-content b{color:var(--ghh-text)!important;font-weight:800}
body.single-gamejoy_game .gamehihi-game-article.entry-content ul,
body.single-gamejoy_game .gamehihi-game-article.entry-content ol{margin:10px 0 14px!important;padding-left:1.6rem!important;list-style-position:outside!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content ul{list-style-type:disc!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content ol{list-style-type:decimal!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content li{margin:5px 0!important;padding-left:.12rem!important;position:static!important;color:var(--ghh-muted)!important;font-size:15px!important;line-height:1.7!important}
body.single-gamejoy_game .gamehihi-game-article.entry-content li::before{content:none!important}
body.single-gamejoy_game .gamehihi-game-tips{margin:0 0 17px}
body.single-gamejoy_game .gamehihi-game-tips ul{margin:7px 0 0;padding-left:21px;color:var(--ghh-muted)}
body.single-gamejoy_game .gamehihi-game-tips li{margin:6px 0;font-size:14px;line-height:1.55}
body.single-gamejoy_game .gamehihi-game-faq{margin:0 0 20px}
body.single-gamejoy_game .gamehihi-faq-list{display:grid;gap:9px;margin-top:8px}
body.single-gamejoy_game .gamehihi-faq-list details{overflow:hidden;background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:12px}
body.single-gamejoy_game .gamehihi-faq-list summary{position:relative;padding:13px 42px 13px 15px;color:var(--ghh-text);font-size:14px;line-height:1.45;font-weight:800;cursor:pointer;list-style:none}
body.single-gamejoy_game .gamehihi-faq-list summary::-webkit-details-marker{display:none}
body.single-gamejoy_game .gamehihi-faq-list summary:after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--ghh-accent);font-size:20px;font-weight:700}
body.single-gamejoy_game .gamehihi-faq-list details[open] summary:after{content:'−'}
body.single-gamejoy_game .gamehihi-faq-list details>div{padding:0 15px 14px;color:var(--ghh-muted);font-size:14px;line-height:1.65}
body.single-gamejoy_game .gamehihi-game-side-rail{display:flex;flex-direction:column;gap:14px;top:calc(var(--ghh-header-h) + 16px)}
body.single-gamejoy_game .gamehihi-game-side-rail>.ad,
body.single-gamejoy_game .gamehihi-game-side-rail>.ad-slot{min-height:250px;margin:0;border:1px dashed var(--ghh-border);border-radius:14px;box-shadow:none;background:var(--ghh-panel)}
body.single-gamejoy_game .gamehihi-related-games h2{margin:0 0 9px;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:17px;line-height:1.3;font-weight:800}
body.single-gamejoy_game .gamehihi-related-list{display:grid;gap:9px}
body.single-gamejoy_game .gamehihi-related-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:7px;background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:13px;color:var(--ghh-text);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
body.single-gamejoy_game .gamehihi-related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ghh-accent) 45%,var(--ghh-border));box-shadow:var(--ghh-shadow)}
body.single-gamejoy_game .gamehihi-related-thumb{position:relative;display:grid;place-items:center;width:86px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;font-size:24px}
body.single-gamejoy_game .gamehihi-related-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.single-gamejoy_game .gamehihi-related-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
body.single-gamejoy_game .gamehihi-related-copy strong{overflow:hidden;color:var(--ghh-text);font-size:13px;line-height:1.35;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
body.single-gamejoy_game .gamehihi-related-copy small{color:var(--ghh-muted);font-family:'Space Mono',monospace;font-size:9.5px;line-height:1.35}
@media (max-width:1100px){body.single-gamejoy_game .gamejoy-player-root .detail-wrap{grid-template-columns:minmax(0,1fr) 260px!important;gap:16px!important}body.single-gamejoy_game .gamehihi-related-card{grid-template-columns:74px minmax(0,1fr)}body.single-gamejoy_game .gamehihi-related-thumb{width:74px}}
@media (max-width:900px){body.single-gamejoy_game .gamejoy-player-root .detail-wrap{grid-template-columns:1fr!important}body.single-gamejoy_game .gamehihi-game-side-rail{position:static!important}body.single-gamejoy_game .gamehihi-game-side-rail>.ad,body.single-gamejoy_game .gamehihi-game-side-rail>.ad-slot{min-height:180px}body.single-gamejoy_game .gamehihi-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){body.single-gamejoy_game .gamehihi-game-summary h1{font-size:25px}body.single-gamejoy_game .gamehihi-game-meta{font-size:11px}body.single-gamejoy_game .gamehihi-game-meta span+span:before{padding:0 6px}body.single-gamejoy_game .gamehihi-game-control-card,body.single-gamejoy_game .gamehihi-game-info-card,body.single-gamejoy_game .gamehihi-game-copyright{padding:13px 14px;border-radius:12px}body.single-gamejoy_game .gamehihi-game-info-list>div{grid-template-columns:1fr;gap:0;padding:7px 0}body.single-gamejoy_game .gamehihi-game-info-list dt,body.single-gamejoy_game .gamehihi-game-info-list dd{padding:1px 0;text-align:left}body.single-gamejoy_game .gamehihi-related-list{grid-template-columns:1fr}body.single-gamejoy_game .gamehihi-related-card{grid-template-columns:92px minmax(0,1fr)}body.single-gamejoy_game .gamehihi-related-thumb{width:92px}}


/* v4.2.4 — Keep the in-article game title below the player ad.
   The summary uses a normal block instead of <header>, so legacy global header
   rules cannot center, translate or pin it behind the sticky site header. */
body.single-gamejoy_game .gamehihi-game-details > .gamehihi-game-summary{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
  z-index:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.single-gamejoy_game .gamehihi-game-below-ad + .gamehihi-game-details{
  margin-top:18px;
}


/* Homepage editorial/SEO text block — v4.2.7 */
.gamehihi-home-text{margin:24px 0 0;padding:24px 26px;background:var(--ghh-panel);border:1px solid var(--ghh-border);border-radius:16px;box-shadow:var(--ghh-shadow);color:var(--ghh-text)}
.gamehihi-home-text__body h2{margin:0 0 14px;font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:23px;line-height:1.3;font-weight:800;color:var(--ghh-text)}
.gamehihi-home-text__body p{margin:0 0 13px;font-size:15px;line-height:1.75;color:var(--ghh-text)}
.gamehihi-home-text__body p:last-child{margin-bottom:0}
/* v4.4.19 — Bold text created with Ctrl+B keeps the normal text color.
   Links keep their own link color, including when the linked words are bold. */
.gamehihi-home-text__body strong,
.gamehihi-home-text__body b,
.gamehihi-home-faq strong,
.gamehihi-home-faq b{
  color:inherit!important;
  font-weight:700;
}
.gamehihi-home-text__body a,
.gamehihi-home-faq a{
  color:var(--ghh-accent)!important;
}
.gamehihi-home-text__body a strong,
.gamehihi-home-text__body a b,
.gamehihi-home-faq a strong,
.gamehihi-home-faq a b{
  color:inherit!important;
}
.gamehihi-home-faq{margin-top:20px}
.gamehihi-home-faq h3{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:17px;line-height:1.3;font-weight:800;color:var(--ghh-text)}
.gamehihi-home-faq__list{display:grid;gap:8px}
.gamehihi-home-faq-item{overflow:hidden;background:var(--ghh-panel-2);border:1px solid var(--ghh-border);border-radius:11px}
.gamehihi-home-faq__trigger{position:relative;display:block;width:100%;padding:13px 44px 13px 15px;background:none;border:0;text-align:left;font-size:14px;line-height:1.45;font-weight:800;color:var(--ghh-text);cursor:pointer;font-family:inherit}
.gamehihi-home-faq__trigger:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;line-height:1;color:var(--ghh-accent)}
.gamehihi-home-faq-item.is-open .gamehihi-home-faq__trigger:after{content:'−'}
.gamehihi-home-faq__panel{padding:0 15px 13px}
.gamehihi-home-faq__panel p{margin:0;font-size:14px;line-height:1.65;color:var(--ghh-muted)}
@media(max-width:767px){.gamehihi-home-text{margin-top:18px;padding:18px 16px;border-radius:13px}.gamehihi-home-text__body h2{font-size:20px}.gamehihi-home-text__body p{font-size:14px;line-height:1.7}.gamehihi-home-faq__trigger{font-size:13px;padding:12px 40px 12px 13px}.gamehihi-home-faq__panel{padding:0 13px 12px}.gamehihi-home-faq__panel p{font-size:13px}}
/* Configurable event hero media — v4.3.0 */
.gamehihi-event-hero{position:relative;overflow:hidden}.gamehihi-event-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.gamehihi-event-hero.has-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(115,54,5,.78),rgba(255,166,18,.62));z-index:1}.gamehihi-event-hero-content{position:relative;z-index:2}

.gamehihi-category-cover{margin:0 0 14px;border-radius:16px;overflow:hidden;max-height:300px}.gamehihi-category-cover img{display:block;width:100%;height:100%;max-height:300px;object-fit:cover}


/* Kids-only game context — v4.3.2 */
body.gamehihi-kids-game-mode .gamehihi-search-shell{display:none!important}
body.gamehihi-kids-game-mode .gamehihi-header-actions{margin-left:auto}
body.gamehihi-kids-game-mode .gamehihi-sidebar-copy{display:none!important}
body.gamehihi-kids-game-mode .gamehihi-category-nav,body.gamehihi-kids-game-mode .gamehihi-side-label{display:none!important}
body.gamehihi-kids-game-mode .gamehihi-kids-context-nav .gamehihi-top-link{background:linear-gradient(90deg,#ffb04d,#ff6fa8);color:#fff!important}
body.gamehihi-kids-game-mode .gamehihi-kids-game-return{color:#1f7cff!important;font-weight:900!important}
.gamehihi-kids-game-footer{margin:26px auto 0;padding:22px 24px;max-width:930px;border:1px solid #ffd58c;border-radius:16px;background:#fff9ee;text-align:center;color:#9b7b54}
.gamehihi-kids-game-footer__link{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;background:linear-gradient(90deg,#ffb04d,#ff6fa8);color:#fff!important;text-decoration:none;font-weight:900}
.gamehihi-kids-game-footer p{margin:10px auto 0;max-width:650px;font-size:12px;line-height:1.65}
.gamehihi-kids-game-bottom-nav{grid-template-columns:1fr!important}
.gamehihi-kids-game-bottom-nav a{max-width:240px;width:100%;margin:0 auto}
@media(max-width:767px){body.gamehihi-kids-game-mode .gamehihi-top-nav{display:flex!important}.gamehihi-kids-game-footer{margin:18px 10px 74px;padding:18px 14px}}


/* v4.3.4 — green GameHiHi brand supplied by the site owner. */
.logo .pad .gamehihi-brand-logo-image{
  display:block!important;
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 7px rgba(0,122,47,.18));
}
.gamehihi-header-logo .pad,
.gamehihi-sidebar-logo .pad{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
.gamehihi-header-logo .name,
.gamehihi-sidebar-logo .name{
  background:linear-gradient(90deg,#008f38 0%,#16c900 48%,#8bea00 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.gamehihi-header-logo .name span,
.gamehihi-sidebar-logo .name span{
  color:inherit!important;
}

/* v4.3.6 — clean player start screen: full-cover background, visible title, lower play button */
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing)>.gamejoy-player-poster{display:none!important}
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing)>.gamejoy-player-start-title{
  position:relative!important;
  z-index:3!important;
  margin:0 auto 7px!important;
}
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing)>p{
  position:relative!important;
  z-index:3!important;
  margin:0 auto 18px!important;
}
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing)>.big-play{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:3!important;
  margin:12px auto 0!important;
  transform:none!important;
}
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing)>.big-play:hover{transform:scale(1.06)!important}
body.single-gamejoy_game .gamejoy-player-root .screen:not(.is-playing)>.big-play:active{transform:scale(.96)!important}

/* v4.3.7 — center the complete GameHiHi logo in the mobile header. */
@media (max-width:900px){
  .gamehihi-header{
    position:fixed!important;
    justify-content:space-between!important;
  }
  .gamehihi-header-logo{
    display:flex!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    z-index:6!important;
    align-items:center!important;
    gap:6px!important;
    width:auto!important;
    max-width:calc(100% - 190px)!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    white-space:nowrap!important;
  }
  .gamehihi-header-logo .pad{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
  .gamehihi-header-logo .pad .gamehihi-brand-logo-image{
    width:30px!important;
    height:30px!important;
  }
  .gamehihi-header-logo .name{
    display:flex!important;
    align-items:center!important;
    font-size:17px!important;
    line-height:1!important;
    letter-spacing:-.35px!important;
  }
}
@media (max-width:420px){
  .gamehihi-header-logo{
    display:flex!important;
    max-width:calc(100% - 145px)!important;
    gap:5px!important;
  }
  .gamehihi-header-logo .pad{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .gamehihi-header-logo .pad .gamehihi-brand-logo-image{
    width:28px!important;
    height:28px!important;
  }
  .gamehihi-header-logo .name{font-size:15.5px!important}
}

/* v4.3.9 — keep the account authentication header usable on mobile.
   The standalone login/register layout still hides the desktop chrome, but
   mobile users now retain the light/dark switch and account sign-in action. */
@media (max-width:900px){
  body[class*="gamehihi-account-mode-"] .gamehihi-header-actions{
    display:flex!important;
    margin-left:auto!important;
    align-items:center!important;
    gap:7px!important;
  }
  body[class*="gamehihi-account-mode-"] .gamehihi-theme-toggle,
  body[class*="gamehihi-account-mode-"] .gamejoy-header-auth,
  body[class*="gamehihi-account-mode-"] .gamejoy-account-header{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.gamehihi-auth-screen .gamehihi-header{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:auto!important;
    height:var(--ghh-header-h)!important;
    padding:8px 10px!important;
    align-items:center!important;
    z-index:100!important;
  }
  body.admin-bar.gamehihi-auth-screen .gamehihi-header{top:46px!important}
  body.gamehihi-auth-screen .gamehihi-header .menu-btn,
  body.gamehihi-auth-screen .gamehihi-top-nav,
  body.gamehihi-auth-screen .gamehihi-search-shell{display:none!important}
  body.gamehihi-auth-screen .gamehihi-header-spacer{
    display:block!important;
    flex:1 1 auto!important;
  }
  body.gamehihi-auth-screen .gamehihi-header-actions{
    display:flex!important;
    margin-left:auto!important;
    align-items:center!important;
    gap:7px!important;
  }
  body.gamehihi-auth-screen .gamehihi-theme-toggle,
  body.gamehihi-auth-screen .gamejoy-header-auth,
  body.gamehihi-auth-screen .gamejoy-account-header{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.gamehihi-auth-screen .gamehihi-main{
    min-height:100vh!important;
    padding:calc(var(--ghh-header-h) + 18px) 14px 24px!important;
  }
  body.admin-bar.gamehihi-auth-screen .gamehihi-main{
    padding-top:calc(var(--ghh-header-h) + 64px)!important;
  }
}
@media (max-width:450px){
  body.gamehihi-auth-screen .gamehihi-header-actions{gap:5px!important}
  body.gamehihi-auth-screen .gamehihi-theme-toggle{width:36px!important;min-width:36px!important}
  body.gamehihi-auth-screen .gamejoy-header-auth{
    min-width:70px!important;
    max-width:88px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}


/* v4.4.0 — show Light/Dark and Account controls on every mobile screen.
   This intentionally overrides the legacy member-system mobile rules that
   hid the account/avatar button outside the standalone authentication page. */
@media (max-width:900px){
  body.gamehihi-ui .site-header.gamehihi-header .gamehihi-header-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    margin-left:0!important;
    align-items:center!important;
    gap:7px!important;
  }
  body.gamehihi-ui .site-header.gamehihi-header .gamehihi-theme-toggle,
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-header-auth,
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-account-header{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.gamehihi-ui .site-header.gamehihi-header .gamehihi-theme-toggle{
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
  }
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-header-auth{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:70px!important;
    max-width:96px!important;
    height:36px!important;
    padding:0 11px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-header-auth span{
    display:inline!important;
  }
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-account-header{
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:4px!important;
  }
}
@media (max-width:450px){
  body.gamehihi-ui .site-header.gamehihi-header .gamehihi-header-actions{gap:5px!important}
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-header-auth{
    min-width:66px!important;
    max-width:84px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
  }
}
/* Preserve the previous Kids desktop header, but expose both controls on mobile. */
@media (min-width:901px){
  body.gamehihi-kids-game-mode .site-header.gamehihi-header .gamejoy-header-auth,
  body.gamehihi-kids-game-mode .site-header.gamehihi-header .gamejoy-account-header{
    display:none!important;
  }
}

/* v4.4.2 — mobile header cleanup and search stacking fix. */
@media (max-width:900px){
  /* Guests already have Profile in the bottom navigation; remove the duplicate
     Sign In action from the top header on every mobile screen. */
  body.gamehihi-ui .site-header.gamehihi-header .gamejoy-header-auth{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* The centered logo uses its own z-index. Raise the fixed search surface
     above every header child so the logo can never appear inside the field. */
  body.gamehihi-ui .site-header.gamehihi-header .gamehihi-search-shell.is-open{
    z-index:120!important;
  }
  body.gamehihi-ui .site-header.gamehihi-header .gamehihi-search-shell.is-open .gamehihi-search{
    z-index:121!important;
    background:var(--ghh-panel)!important;
    isolation:isolate!important;
  }
  body.gamehihi-ui.gamehihi-search-active .site-header.gamehihi-header .gamehihi-header-logo{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}



/* v4.4.4 — breadcrumb is kept above the player and readable in both themes. */
body.gamehihi-ui .gamehihi-game-breadcrumb{position:relative;z-index:2}
body.gamehihi-ui.theme-dark .gamehihi-game-breadcrumb__current{color:var(--ghh-text)}


/* v4.4.7 — footer brand matches the header; footer navigation links use slate. */
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-logo .pad{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-logo .pad .gamehihi-brand-logo-image,
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-logo .pad .gamehihi-logo-mark{
  display:block!important;
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
}
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-logo .name{
  display:flex!important;
  align-items:center!important;
  font-size:22px!important;
  font-weight:800!important;
  letter-spacing:-.5px!important;
  background:linear-gradient(90deg,#008f38 0%,#16c900 48%,#8bea00 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-logo .name span{
  color:inherit!important;
}
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-links a,
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-links a:visited{
  color:rgb(100,116,139)!important;
}
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-links a:hover,
body.gamehihi-ui .gamehihi-footer .gamehihi-footer-links a:focus-visible{
  color:rgb(100,116,139)!important;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ======================================================================
   v4.4.8 — category archive redesign.
   Breadcrumb, gradient hero, standard game grid, SEO content, FAQ and
   related-category chips styled to match the supplied category reference.
   ====================================================================== */
.gamehihi-category-page{width:100%;min-width:0}
.gamehihi-category-breadcrumb{display:flex;align-items:center;gap:6px;margin:1px 0 12px;padding:0 2px;color:var(--ghh-muted);font-size:12px;font-weight:700;line-height:1.4}
.gamehihi-category-breadcrumb a{color:var(--ghh-accent);text-decoration:none}
.gamehihi-category-breadcrumb a:hover{text-decoration:underline}
.gamehihi-category-breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ghh-muted);font-weight:700}
.gamehihi-category-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:154px;margin:0 0 18px;padding:26px 34px;overflow:hidden;border-radius:18px;background:linear-gradient(115deg,var(--category-accent,#1687ff),#7657ff);color:#fff;box-shadow:0 12px 30px rgba(31,112,255,.18)}
.gamehihi-category-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.2),transparent 32%),linear-gradient(125deg,transparent 42%,rgba(255,255,255,.08))}
.gamehihi-category-hero.has-cover:after{content:'';position:absolute;z-index:-3;inset:0;background-image:var(--category-cover);background-position:center;background-size:cover;opacity:.18;mix-blend-mode:screen}
.gamehihi-category-hero__content{position:relative;z-index:2;max-width:720px}
.gamehihi-category-hero h1{margin:0 0 7px;color:#fff;font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:32px;font-weight:900;line-height:1.12;letter-spacing:-.35px}
.gamehihi-category-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.95);font-size:14px;font-weight:600;line-height:1.55}
.gamehihi-category-hero__stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.gamehihi-category-hero__stats span{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border-radius:999px;background:rgba(23,34,81,.32);color:#fff;font-size:11px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.gamehihi-category-hero__icon{position:absolute;right:48px;bottom:20px;z-index:1;font-size:62px;line-height:1;filter:drop-shadow(0 12px 18px rgba(12,28,91,.3));transform:rotate(-4deg)}
.gamehihi-category-section-head{display:flex;align-items:center;margin:0 0 12px;padding:0 2px}
.gamehihi-category-section-head h2{margin:0;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:20px;font-weight:900;line-height:1.25}
.gamehihi-category-game-grid .grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(172px,1fr))!important;gap:13px!important;align-items:start}
.gamehihi-category-game-grid .card{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto!important;min-height:176px!important;padding:6px!important;border-radius:15px!important}
.gamehihi-category-game-grid .card .thumb{flex:none!important;aspect-ratio:16/9!important;min-height:0!important;border-radius:10px!important}
.gamehihi-category-game-grid .card .overlay{min-height:52px!important;padding:8px 3px 2px!important}
.gamehihi-category-game-grid .card .meta .t{font-size:12px!important;font-weight:800!important}
.gamehihi-category-game-grid .card .meta .s{font-size:9.5px!important}
.gamehihi-category-empty{padding:50px 18px;border:1px dashed var(--ghh-border);border-radius:16px;background:var(--ghh-panel)}
.gamehihi-category-about{margin-top:24px;padding:22px 24px;border:1px solid var(--ghh-border);border-radius:17px;background:var(--ghh-panel);color:var(--ghh-text);box-shadow:var(--ghh-shadow)}
.gamehihi-category-about>h2{margin:0 0 14px;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:21px;font-weight:900;line-height:1.3}
.gamehihi-category-about p,.gamehihi-category-about__custom{color:var(--ghh-text);font-size:14px;line-height:1.75}
.gamehihi-category-about p{margin:0 0 13px}
.gamehihi-category-about__custom>:first-child{margin-top:0}
.gamehihi-category-about__custom>:last-child{margin-bottom:0}
.gamehihi-category-tips{margin-top:18px}
.gamehihi-category-tips h3,.gamehihi-category-faq h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:16px;font-weight:900}
.gamehihi-category-tips ul{display:grid;gap:7px;margin:0;padding-left:20px;color:var(--ghh-text)}
.gamehihi-category-tips li{padding-left:2px;font-size:13px;line-height:1.55}
.gamehihi-category-faq{margin-top:20px}
.gamehihi-category-faq__list{display:grid;gap:7px}
.gamehihi-category-faq details{overflow:hidden;border:1px solid var(--ghh-border);border-radius:11px;background:var(--ghh-panel-2)}
.gamehihi-category-faq summary{position:relative;display:block;padding:12px 42px 12px 14px;color:var(--ghh-text);font-size:13px;font-weight:800;line-height:1.45;cursor:pointer;list-style:none}
.gamehihi-category-faq summary::-webkit-details-marker{display:none}
.gamehihi-category-faq summary:after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--ghh-accent);font-size:18px;font-weight:700}
.gamehihi-category-faq details[open] summary:after{content:'−'}
.gamehihi-category-faq details p{margin:0;padding:0 14px 13px;color:var(--ghh-muted);font-size:13px;line-height:1.65}
.gamehihi-category-discover{margin-top:22px}
.gamehihi-category-discover h2{display:flex;align-items:center;gap:8px;margin:0 0 11px;padding:0 2px;color:var(--ghh-text);font-family:'Baloo 2','Be Vietnam Pro',sans-serif;font-size:19px;font-weight:900}
.gamehihi-category-discover__chips{display:flex;gap:8px;flex-wrap:wrap}
.gamehihi-category-discover__chips a{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:7px 12px;border:1px solid var(--ghh-border);border-radius:999px;background:var(--ghh-panel);color:var(--ghh-muted);font-size:12px;font-weight:700;text-decoration:none;transition:.16s ease}
.gamehihi-category-discover__chips a:hover{border-color:transparent;background:linear-gradient(90deg,var(--ghh-accent),var(--ghh-accent-2));color:#fff;transform:translateY(-1px)}
html[data-gamehihi-theme="dark"] .gamehihi-category-hero{box-shadow:0 14px 35px rgba(0,0,0,.25)}
@media(max-width:767px){
  .gamehihi-category-breadcrumb{margin-bottom:10px;font-size:11px}
  .gamehihi-category-hero{min-height:142px;margin-bottom:16px;padding:22px 18px;border-radius:15px}
  .gamehihi-category-hero h1{max-width:82%;font-size:25px}
  .gamehihi-category-hero p{max-width:88%;font-size:12px;line-height:1.55}
  .gamehihi-category-hero__stats{gap:6px;margin-top:13px}
  .gamehihi-category-hero__stats span{min-height:23px;padding:3px 8px;font-size:9.5px}
  .gamehihi-category-hero__icon{right:18px;bottom:21px;font-size:43px;opacity:.95}
  .gamehihi-category-section-head h2{font-size:18px}
  .gamehihi-category-game-grid .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .gamehihi-category-game-grid .card{min-height:154px!important;padding:5px!important;border-radius:13px!important}
  .gamehihi-category-game-grid .card .overlay{min-height:48px!important;padding-top:7px!important}
  .gamehihi-category-game-grid .card .meta .t{font-size:10.5px!important}
  .gamehihi-category-game-grid .card .meta .s{font-size:8.5px!important}
  .gamehihi-category-about{margin-top:19px;padding:18px 15px;border-radius:14px}
  .gamehihi-category-about>h2{font-size:18px}
  .gamehihi-category-about p,.gamehihi-category-about__custom{font-size:13px;line-height:1.7}
  .gamehihi-category-tips h3,.gamehihi-category-faq h3{font-size:15px}
  .gamehihi-category-faq summary{padding:11px 38px 11px 12px;font-size:12px}
  .gamehihi-category-faq details p{padding:0 12px 12px;font-size:12px}
  .gamehihi-category-discover h2{font-size:17px}
  .gamehihi-category-discover__chips{gap:6px}
  .gamehihi-category-discover__chips a{min-height:32px;padding:6px 10px;font-size:11px}
}
@media(max-width:380px){
  .gamehihi-category-hero h1{max-width:86%;font-size:22px}
  .gamehihi-category-hero p{max-width:100%}
  .gamehihi-category-hero__icon{right:13px;bottom:22px;font-size:36px;opacity:.75}
}

/* v4.4.10 — editable category content and FAQ output. */
.gamehihi-category-faq details>div[itemprop="acceptedAnswer"]{display:block}
.gamehihi-category-faq details>div[itemprop="acceptedAnswer"]>p{margin:0}

/* ======================================================================
   v4.4.13 — restore the original category-content layout.
   Only normalize typography and colors. Existing H1/H2/H3 markup is kept.
   ====================================================================== */
body.gamehihi-ui .gamehihi-category-about__custom{
  color:var(--ghh-text)!important;
  font-size:14px!important;
  line-height:1.75!important;
  overflow-wrap:anywhere;
}
body.gamehihi-ui .gamehihi-category-about__custom h2{
  margin:24px 0 10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamehihi-category-about__custom h3{
  margin:19px 0 7px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamehihi-category-about__custom h4{
  margin:17px 0 7px!important;
  color:var(--ghh-text)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.gamehihi-ui .gamehihi-category-about__custom p{
  margin:0 0 13px!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
}
body.gamehihi-ui .gamehihi-category-about__custom ul,
body.gamehihi-ui .gamehihi-category-about__custom ol{
  display:block!important;
  margin:10px 0 15px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamehihi-category-about__custom li{
  margin:0 0 7px!important;
  padding:0!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
body.gamehihi-ui .gamehihi-category-about__custom li::marker{
  color:var(--ghh-muted)!important;
}
/* Neutralize inline green/brand colors on ordinary text. */
body.gamehihi-ui .gamehihi-category-about__custom p,
body.gamehihi-ui .gamehihi-category-about__custom li,
body.gamehihi-ui .gamehihi-category-about__custom span,
body.gamehihi-ui .gamehihi-category-about__custom strong,
body.gamehihi-ui .gamehihi-category-about__custom b,
body.gamehihi-ui .gamehihi-category-about__custom em,
body.gamehihi-ui .gamehihi-category-about__custom small{
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamehihi-category-about__custom strong,
body.gamehihi-ui .gamehihi-category-about__custom b{
  font-weight:700!important;
}
/* Links stay neutral by default. Only internal links receive link color. */
body.gamehihi-ui .gamehihi-category-about__custom a,
body.gamehihi-ui .gamehihi-category-about__custom a *{
  color:inherit!important;
  text-decoration:none;
}
body.gamehihi-ui .gamehihi-category-about__custom a[href^="/"],
body.gamehihi-ui .gamehihi-category-about__custom a[href^="./"],
body.gamehihi-ui .gamehihi-category-about__custom a[href^="../"],
body.gamehihi-ui .gamehihi-category-about__custom a[href^="#"],
body.gamehihi-ui .gamehihi-category-about__custom a[href*="gamehihi.com"],
body.gamehihi-ui .gamehihi-category-about__custom a[href^="/"] *,
body.gamehihi-ui .gamehihi-category-about__custom a[href^="./"] *,
body.gamehihi-ui .gamehihi-category-about__custom a[href^="../"] *,
body.gamehihi-ui .gamehihi-category-about__custom a[href^="#"] *,
body.gamehihi-ui .gamehihi-category-about__custom a[href*="gamehihi.com"] *{
  color:var(--ghh-accent)!important;
}
body.gamehihi-ui .gamehihi-category-about__custom a[href^="/"]:hover,
body.gamehihi-ui .gamehihi-category-about__custom a[href^="./"]:hover,
body.gamehihi-ui .gamehihi-category-about__custom a[href^="../"]:hover,
body.gamehihi-ui .gamehihi-category-about__custom a[href^="#"]:hover,
body.gamehihi-ui .gamehihi-category-about__custom a[href*="gamehihi.com"]:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
body.gamehihi-ui .gamehihi-category-about__custom blockquote{
  margin:16px 0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  border-left:3px solid var(--ghh-border)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamehihi-category-about__custom img{
  max-width:100%;
  height:auto;
}
@media(max-width:767px){
  body.gamehihi-ui .gamehihi-category-about__custom,
  body.gamehihi-ui .gamehihi-category-about__custom p,
  body.gamehihi-ui .gamehihi-category-about__custom li{
    font-size:13px!important;
    line-height:1.7!important;
  }
  body.gamehihi-ui .gamehihi-category-about__custom h2{
    margin-top:21px!important;
    font-size:19px!important;
  }
  body.gamehihi-ui .gamehihi-category-about__custom h3{
    margin-top:17px!important;
    font-size:16px!important;
  }
  body.gamehihi-ui .gamehihi-category-about__custom h4{
    font-size:14px!important;
  }
}


/* ======================================================================
   v4.4.24 — Standard WordPress pages: bold text must not become green.
   Ctrl+B (<strong>/<b>) inherits the surrounding text color. Only real
   internal links are allowed to use the accent/link color.
   ====================================================================== */
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content strong,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content b,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content strong *,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content b *{
  color:inherit!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content strong,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content b{
  font-weight:700!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a *{
  color:inherit!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="/"],
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="./"],
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="../"],
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="#"],
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href*="gamehihi.com"],
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="/"] *,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="./"] *,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="../"] *,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="#"] *,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href*="gamehihi.com"] *{
  color:var(--ghh-accent)!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="/"]:hover,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="./"]:hover,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="../"]:hover,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href^="#"]:hover,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a[href*="gamehihi.com"]:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}


/* ======================================================================
   v4.4.26 — mobile content breathing room + reliable search result page.
   ====================================================================== */
.gamehihi-search-page .gamehihi-search-games-section{margin-top:14px}
.gamehihi-search-page .gamehihi-search-games-section>.gamehihi-section-title{margin-bottom:11px}
.gamehihi-search-page .gamehihi-search-empty{margin-top:10px;padding:48px 18px;border:1px dashed var(--ghh-border);border-radius:15px;background:var(--ghh-panel)}
.gamehihi-search-page .gamehihi-search-empty h2{margin:5px 0 6px;color:var(--ghh-text);font-size:19px}
.gamehihi-search-page .gamehihi-search-empty p{margin:0;color:var(--ghh-muted);font-size:13px}

/* Hide the default/popular panel as soon as the field visibly contains text,
   even before JavaScript has toggled .has-query. */
.gamehihi-search:has(input[name="s"]:not(:placeholder-shown)) .gamehihi-search-default{display:none}

@media(max-width:767px){
  /* Article/SEO blocks no longer sit hard against the mobile panel edge. */
  .gamehihi-home-text,
  .gamejoyh5-home-content,
  .gamejoyh5-content-box,
  .article-full,
  .gamehihi-category-about{
    margin-left:4px!important;
    margin-right:4px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .gamehihi-home-text__body ul,
  .gamehihi-home-text__body ol,
  .gamejoyh5-home-content ul,
  .gamejoyh5-home-content ol,
  .gamejoyh5-content-box ul,
  .gamejoyh5-content-box ol,
  .article-full .entry-content ul,
  .article-full .entry-content ol{
    margin-left:0!important;
    padding-left:1.55rem!important;
  }
  .gamehihi-home-text__body li,
  .gamejoyh5-home-content li,
  .gamejoyh5-content-box li,
  .article-full .entry-content li{padding-left:.15rem}

  .gamehihi-search-page .gamehihi-notice{margin-left:0;margin-right:0}
  .gamehihi-search-page .gamehihi-search-games-section{margin-top:12px}
  .gamehihi-search-page .gamehihi-all-games-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:450px){
  .gamehihi-home-text,
  .gamejoyh5-home-content,
  .gamejoyh5-content-box,
  .article-full,
  .gamehihi-category-about{
    margin-left:5px!important;
    margin-right:5px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* v4.4.35 — keep list markers inside the game content area on narrow screens. */
@media(max-width:767px){
  body.single-gamejoy_game .gamehihi-game-article.entry-content ul,
  body.single-gamejoy_game .gamehihi-game-article.entry-content ol{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:1.5rem!important;
  }
  body.single-gamejoy_game .gamehihi-game-article.entry-content li{
    padding-left:.1rem!important;
    overflow-wrap:anywhere;
  }
}

/* v4.4.37 — normal bold text stays dark; only actual links use accent blue. */
body.gamehihi-ui .entry-content strong,
body.gamehihi-ui .entry-content b,
body.gamehihi-ui .article-full .a-body strong,
body.gamehihi-ui .article-full .a-body b,
body.gamehihi-ui .entry-content strong *,
body.gamehihi-ui .entry-content b *,
body.gamehihi-ui .article-full .a-body strong *,
body.gamehihi-ui .article-full .a-body b *{
  color:var(--ghh-text)!important;
  font-weight:800!important;
}
body.gamehihi-ui .entry-content a,
body.gamehihi-ui .entry-content a *,
body.gamehihi-ui .article-full .a-body a,
body.gamehihi-ui .article-full .a-body a *{
  color:var(--ghh-accent)!important;
}
body.gamehihi-ui .entry-content a:hover,
body.gamehihi-ui .article-full .a-body a:hover{
  text-decoration:underline;
}


/* v4.4.36 — compact H2 inside game editor content and preserve control-metabox line breaks. */
body.single-gamejoy_game .gamehihi-game-article.entry-content h2{
  margin:20px 0 8px!important;
  font-size:24px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
body.single-gamejoy_game .gamehihi-game-control-card .gamehihi-control-text{
  white-space:normal!important;
}
@media(max-width:767px){
  body.single-gamejoy_game .gamehihi-game-article.entry-content h2{
    margin:17px 0 7px!important;
    font-size:21px!important;
    line-height:1.28!important;
  }
}


/* v4.4.40 — Contact page + Contact Form 7 integration. */
.gamehihi-contact-page{padding-bottom:40px}
.gamehihi-contact-shell{width:min(980px,100%);margin:0 auto}
.gamehihi-contact-hero{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:22px 24px;border:1px solid var(--ghh-border);border-radius:18px;background:var(--ghh-panel);box-shadow:var(--ghh-shadow)}
.gamehihi-contact-hero-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:17px;background:linear-gradient(135deg,var(--ghh-accent),#7657ff);font-size:28px;box-shadow:0 8px 24px rgba(31,124,255,.18)}
.gamehihi-contact-hero h1{margin:0 0 3px;font-size:28px;line-height:1.2;color:var(--ghh-text)}
.gamehihi-contact-hero p{margin:0;color:var(--ghh-muted);font-size:14px;font-weight:600}
.gamehihi-contact-layout{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.5fr);gap:18px;align-items:start}
.gamehihi-contact-info,.gamehihi-contact-form-card{border:1px solid var(--ghh-border);border-radius:18px;background:var(--ghh-panel);box-shadow:var(--ghh-shadow)}
.gamehihi-contact-info{padding:22px}
.gamehihi-contact-info h2{margin:0 0 15px;font-size:20px;line-height:1.25;color:var(--ghh-text)}
.gamehihi-contact-reason{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--ghh-border)}
.gamehihi-contact-reason:first-of-type{border-top:0;padding-top:2px}
.gamehihi-contact-reason>span{font-size:21px;line-height:1.3}
.gamehihi-contact-reason strong{display:block;margin-bottom:3px;color:var(--ghh-text)!important;font-size:14px}
.gamehihi-contact-reason p{margin:0;color:var(--ghh-muted);font-size:12.5px;line-height:1.55}
.gamehihi-contact-form-card{padding:24px}
.gamehihi-contact-copy{margin-bottom:18px}
.gamehihi-contact-copy:empty{display:none}
.gamehihi-contact-copy p{margin:0 0 10px;color:var(--ghh-muted);line-height:1.7}
.gamehihi-contact-page .wpcf7 form{margin:0}
.gamehihi-contact-page .wpcf7 p{margin:0 0 15px;color:var(--ghh-text);font-size:13px;font-weight:700}
.gamehihi-contact-page .wpcf7 label{display:block;color:var(--ghh-text);font-weight:800}
.gamehihi-contact-page .wpcf7-form-control-wrap{display:block;margin-top:6px}
.gamehihi-contact-page .wpcf7 input[type="text"],
.gamehihi-contact-page .wpcf7 input[type="email"],
.gamehihi-contact-page .wpcf7 input[type="url"],
.gamehihi-contact-page .wpcf7 input[type="tel"],
.gamehihi-contact-page .wpcf7 input[type="number"],
.gamehihi-contact-page .wpcf7 select,
.gamehihi-contact-page .wpcf7 textarea{box-sizing:border-box;width:100%;max-width:100%;padding:12px 13px;border:1px solid var(--ghh-border);border-radius:11px;background:var(--ghh-panel-2);color:var(--ghh-text);font:inherit;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.gamehihi-contact-page .wpcf7 textarea{min-height:150px;resize:vertical}
.gamehihi-contact-page .wpcf7 input:focus,
.gamehihi-contact-page .wpcf7 select:focus,
.gamehihi-contact-page .wpcf7 textarea:focus{border-color:var(--ghh-accent);box-shadow:0 0 0 3px rgba(31,124,255,.12);background:var(--ghh-panel)}
.gamehihi-contact-page .wpcf7 input[type="submit"]{min-height:44px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--ghh-accent),#7657ff);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(31,124,255,.2)}
.gamehihi-contact-page .wpcf7 input[type="submit"]:hover{transform:translateY(-1px)}
.gamehihi-contact-page .wpcf7 .wpcf7-not-valid-tip{margin-top:5px;font-size:11.5px}
.gamehihi-contact-page .wpcf7 .wpcf7-response-output{margin:14px 0 0;padding:10px 12px;border-width:1px;border-radius:10px;font-size:12.5px}
.gamehihi-contact-empty{padding:16px;border:1px dashed var(--ghh-border);border-radius:12px;background:var(--ghh-panel-2);color:var(--ghh-muted);font-size:13px;line-height:1.6}
.gamehihi-contact-empty strong{display:block;margin-bottom:5px;color:var(--ghh-text)}
.gamehihi-contact-empty p{margin:0}
@media(max-width:767px){
  .gamehihi-contact-page{padding:4px 12px 86px}
  .gamehihi-contact-hero{gap:12px;margin-bottom:14px;padding:16px;border-radius:14px}
  .gamehihi-contact-hero-icon{width:48px;height:48px;flex-basis:48px;border-radius:13px;font-size:23px}
  .gamehihi-contact-hero h1{font-size:22px}
  .gamehihi-contact-hero p{font-size:12px;line-height:1.45}
  .gamehihi-contact-layout{grid-template-columns:1fr;gap:12px}
  .gamehihi-contact-info,.gamehihi-contact-form-card{border-radius:14px}
  .gamehihi-contact-info{padding:16px}
  .gamehihi-contact-info h2{font-size:18px}
  .gamehihi-contact-form-card{padding:16px}
  .gamehihi-contact-page .wpcf7 textarea{min-height:130px}
}


/* v4.4.41 — Beautiful Contact Form 7 styling on ANY normal WordPress page. */
body.gamehihi-ui .entry-content > .wpcf7,
body.gamehihi-ui .article-full .a-body > .wpcf7,
body.gamehihi-ui .page-content > .wpcf7{
  width:min(760px,100%);
  margin:22px 0 28px;
  padding:24px;
  box-sizing:border-box;
  border:1px solid var(--ghh-border);
  border-radius:18px;
  background:var(--ghh-panel);
  box-shadow:0 12px 34px rgba(15,35,75,.08);
}
body.gamehihi-ui .wpcf7 form{margin:0}
body.gamehihi-ui .wpcf7 p{margin:0 0 17px!important;color:var(--ghh-text);font-size:14px;line-height:1.45;font-weight:700}
body.gamehihi-ui .wpcf7 label{display:block;color:var(--ghh-text);font-size:14px;font-weight:800;line-height:1.45}
body.gamehihi-ui .wpcf7-form-control-wrap{display:block;margin-top:7px}
body.gamehihi-ui .wpcf7 input[type="text"],
body.gamehihi-ui .wpcf7 input[type="email"],
body.gamehihi-ui .wpcf7 input[type="url"],
body.gamehihi-ui .wpcf7 input[type="tel"],
body.gamehihi-ui .wpcf7 input[type="number"],
body.gamehihi-ui .wpcf7 input[type="date"],
body.gamehihi-ui .wpcf7 select,
body.gamehihi-ui .wpcf7 textarea{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-height:48px;
  box-sizing:border-box;
  padding:12px 14px;
  border:1px solid var(--ghh-border);
  border-radius:12px;
  background:var(--ghh-panel-2);
  color:var(--ghh-text);
  font:inherit;
  font-size:14px;
  line-height:1.5;
  outline:0;
  box-shadow:0 1px 2px rgba(15,35,75,.03) inset;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
body.gamehihi-ui .wpcf7 textarea{min-height:160px;resize:vertical}
body.gamehihi-ui .wpcf7 input::placeholder,
body.gamehihi-ui .wpcf7 textarea::placeholder{color:var(--ghh-muted);opacity:.7}
body.gamehihi-ui .wpcf7 input:focus,
body.gamehihi-ui .wpcf7 select:focus,
body.gamehihi-ui .wpcf7 textarea:focus{
  border-color:var(--ghh-accent);
  background:var(--ghh-panel);
  box-shadow:0 0 0 4px rgba(31,124,255,.10);
}
body.gamehihi-ui .wpcf7 input[type="submit"],
body.gamehihi-ui .wpcf7 button[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:132px;
  min-height:46px;
  padding:0 24px;
  border:0;
  border-radius:12px;
  background:linear-gradient(90deg,var(--ghh-accent),#7657ff);
  color:#fff!important;
  font:inherit;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 9px 22px rgba(31,124,255,.22);
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
}
body.gamehihi-ui .wpcf7 input[type="submit"]:hover,
body.gamehihi-ui .wpcf7 button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(31,124,255,.27)}
body.gamehihi-ui .wpcf7 input[type="submit"]:active,
body.gamehihi-ui .wpcf7 button[type="submit"]:active{transform:translateY(0)}
body.gamehihi-ui .wpcf7 .wpcf7-spinner{vertical-align:middle;margin:0 0 0 10px}
body.gamehihi-ui .wpcf7 .wpcf7-not-valid{border-color:#e5484d!important;box-shadow:0 0 0 3px rgba(229,72,77,.08)!important}
body.gamehihi-ui .wpcf7 .wpcf7-not-valid-tip{display:block;margin-top:6px;color:#c9353b;font-size:12px;font-weight:700}
body.gamehihi-ui .wpcf7 .wpcf7-response-output{
  margin:16px 0 0!important;
  padding:12px 14px!important;
  border-width:1px!important;
  border-radius:12px;
  background:var(--ghh-panel-2);
  color:var(--ghh-text);
  font-size:13px;
  font-weight:700;
  line-height:1.5;
}
body.gamehihi-ui .wpcf7 .wpcf7-list-item{margin:0 12px 6px 0}
body.gamehihi-ui .wpcf7 input[type="checkbox"],
body.gamehihi-ui .wpcf7 input[type="radio"]{accent-color:var(--ghh-accent)}
/* Optional two-column CF7 markup: add class="ghh-cf7-grid" around field blocks. */
body.gamehihi-ui .wpcf7 .ghh-cf7-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.gamehihi-ui .wpcf7 .ghh-cf7-field{margin:0 0 17px}
body.gamehihi-ui .wpcf7 .ghh-cf7-field label{margin:0}
body.gamehihi-ui .wpcf7 .ghh-cf7-full{grid-column:1/-1}
/* Avoid a double card when the dedicated Contact template is used. */
body.gamehihi-ui .gamehihi-contact-form-card .wpcf7{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:767px){
  body.gamehihi-ui .entry-content > .wpcf7,
  body.gamehihi-ui .article-full .a-body > .wpcf7,
  body.gamehihi-ui .page-content > .wpcf7{width:100%;margin:16px 0 22px;padding:16px;border-radius:14px}
  body.gamehihi-ui .wpcf7 .ghh-cf7-grid{grid-template-columns:1fr;gap:0}
  body.gamehihi-ui .wpcf7 .ghh-cf7-full{grid-column:auto}
  body.gamehihi-ui .wpcf7 textarea{min-height:135px}
  body.gamehihi-ui .wpcf7 input[type="submit"],
  body.gamehihi-ui .wpcf7 button[type="submit"]{width:100%;min-height:48px}
}


/* ======================================================================
   v4.4.43 — keep ul/ol markers inside homepage the_content card.
   The global reset removes default list padding, which made bullets hang
   on the left border of the homepage content panel.
   ====================================================================== */
body.gamehihi-ui .gamehihi-home-page-content.entry-content ul,
body.gamehihi-ui .gamehihi-home-page-content.entry-content ol{
  margin:10px 0 16px!important;
  padding-left:1.65rem!important;
  list-style-position:outside!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content ul{list-style-type:disc!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content ol{list-style-type:decimal!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content li{
  margin:5px 0!important;
  padding-left:.15rem!important;
  position:static!important;
  overflow-wrap:anywhere;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content li::before{content:none!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content li > ul,
body.gamehihi-ui .gamehihi-home-page-content.entry-content li > ol{
  margin-top:6px!important;
  margin-bottom:6px!important;
}
@media(max-width:767px){
  body.gamehihi-ui .gamehihi-home-page-content.entry-content ul,
  body.gamehihi-ui .gamehihi-home-page-content.entry-content ol{
    padding-left:1.5rem!important;
  }
}


/* ======================================================================
   v4.4.44 — homepage editorial content matches category content styling.
   Keep the homepage Page/the_content output visually consistent with the
   long-form editorial block used on game category pages.
   ====================================================================== */
body.gamehihi-ui .gamehihi-home-page-content.entry-content{
  margin-top:24px!important;
  padding:22px 24px!important;
  border:1px solid var(--ghh-border)!important;
  border-radius:17px!important;
  background:var(--ghh-panel)!important;
  box-shadow:var(--ghh-shadow)!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  line-height:1.75!important;
  overflow-wrap:anywhere;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content > :first-child{margin-top:0!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content > :last-child{margin-bottom:0!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content h2{
  margin:24px 0 10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content h3{
  margin:19px 0 7px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content h4{
  margin:17px 0 7px!important;
  color:var(--ghh-text)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content p{
  margin:0 0 13px!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content ul,
body.gamehihi-ui .gamehihi-home-page-content.entry-content ol{
  display:block!important;
  margin:10px 0 15px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--ghh-text)!important;
  list-style-position:outside!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content ul{list-style-type:disc!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content ol{list-style-type:decimal!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content li{
  margin:0 0 7px!important;
  padding:0!important;
  position:static!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content li::before{content:none!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content li::marker{color:var(--ghh-muted)!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content span,
body.gamehihi-ui .gamehihi-home-page-content.entry-content strong,
body.gamehihi-ui .gamehihi-home-page-content.entry-content b,
body.gamehihi-ui .gamehihi-home-page-content.entry-content em,
body.gamehihi-ui .gamehihi-home-page-content.entry-content small{
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content strong,
body.gamehihi-ui .gamehihi-home-page-content.entry-content b{font-weight:700!important}
body.gamehihi-ui .gamehihi-home-page-content.entry-content a,
body.gamehihi-ui .gamehihi-home-page-content.entry-content a *{
  color:var(--ghh-accent)!important;
  text-decoration:none;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content blockquote{
  margin:16px 0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  border-left:3px solid var(--ghh-border)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamehihi-home-page-content.entry-content img{max-width:100%;height:auto}
@media(max-width:767px){
  body.gamehihi-ui .gamehihi-home-page-content.entry-content{
    margin-top:19px!important;
    margin-left:4px!important;
    margin-right:4px!important;
    padding:18px 15px!important;
    border-radius:14px!important;
    font-size:13px!important;
    line-height:1.7!important;
  }
  body.gamehihi-ui .gamehihi-home-page-content.entry-content p,
  body.gamehihi-ui .gamehihi-home-page-content.entry-content li{
    font-size:13px!important;
    line-height:1.7!important;
  }
  body.gamehihi-ui .gamehihi-home-page-content.entry-content h2{
    margin-top:21px!important;
    font-size:19px!important;
  }
  body.gamehihi-ui .gamehihi-home-page-content.entry-content h3{
    margin-top:17px!important;
    font-size:16px!important;
  }
  body.gamehihi-ui .gamehihi-home-page-content.entry-content h4{font-size:14px!important}
  body.gamehihi-ui .gamehihi-home-page-content.entry-content ul,
  body.gamehihi-ui .gamehihi-home-page-content.entry-content ol{
    padding-left:22px!important;
  }
}


/* v4.4.45 — All Games / Recent / Recommended use complete game cards (image + title + rating + plays). */
.gamehihi-full-game-cards .grid,
.gamehihi-full-game-cards .gamehihi-personal-full-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  gap:14px!important;
  overflow:visible!important;
  padding:0!important;
  align-items:stretch!important;
}
.gamehihi-full-game-cards .grid>.card,
.gamehihi-full-game-cards .gamehihi-personal-full-grid>.card{
  grid-column:auto!important;
  grid-row:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:176px!important;
  aspect-ratio:auto!important;
  padding:6px!important;
  border:1px solid var(--ghh-border)!important;
  border-radius:15px!important;
  display:block!important;
  overflow:hidden!important;
  background:var(--ghh-panel)!important;
  box-shadow:var(--ghh-shadow)!important;
  transform:none!important;
}
.gamehihi-full-game-cards .grid>.card:hover,
.gamehihi-full-game-cards .gamehihi-personal-full-grid>.card:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--ghh-shadow-hover)!important;
}
.gamehihi-full-game-cards .card .thumb{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:var(--ghh-panel-2)!important;
}
.gamehihi-full-game-cards .card .thumb img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.gamehihi-full-game-cards .card .overlay{
  position:static!important;
  min-height:52px!important;
  padding:8px 3px 2px!important;
  display:block!important;
  opacity:1!important;
  background:none!important;
  color:var(--ghh-text)!important;
}
.gamehihi-full-game-cards .card .meta{display:block!important;width:100%!important}
.gamehihi-full-game-cards .card .meta .t{
  color:var(--ghh-text)!important;
  font-family:'Be Vietnam Pro',sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.gamehihi-full-game-cards .card .meta .s{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  margin-top:3px!important;
  color:var(--ghh-muted)!important;
  font-family:'Space Mono',monospace!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.gamehihi-full-game-cards .card .meta .s svg{width:10px!important;height:10px!important}
.gamehihi-full-game-cards .card .tag{
  display:inline-flex!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  font-size:8px!important;
  line-height:1!important;
}
@media(max-width:900px){
  .gamehihi-full-game-cards .grid,
  .gamehihi-full-game-cards .gamehihi-personal-full-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
}
@media(max-width:600px){
  .gamehihi-full-game-cards .grid,
  .gamehihi-full-game-cards .gamehihi-personal-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .gamehihi-full-game-cards .grid>.card,
  .gamehihi-full-game-cards .gamehihi-personal-full-grid>.card{min-height:154px!important;padding:5px!important;border-radius:13px!important}
  .gamehihi-full-game-cards .card .overlay{min-height:48px!important;padding-top:7px!important}
  .gamehihi-full-game-cards .card .meta .t{font-size:10.5px!important}
  .gamehihi-full-game-cards .card .meta .s{font-size:8.5px!important}
}


/* ======================================================================
   v4.4.46 — game article typography matches category content.
   Keep the game detail layout, but use the same readable text color,
   heading scale, spacing, lists and link treatment as category content.
   ====================================================================== */
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content{
  color:var(--ghh-text)!important;
  font-size:14px!important;
  line-height:1.75!important;
  overflow-wrap:anywhere;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content h2{
  margin:24px 0 10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content h3{
  margin:19px 0 7px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content h4{
  margin:17px 0 7px!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content p{
  margin:0 0 13px!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content ul,
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content ol{
  display:block!important;
  margin:10px 0 15px!important;
  padding:0 0 0 22px!important;
  list-style-position:outside!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content ul{list-style-type:disc!important}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content ol{list-style-type:decimal!important}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content li{
  margin:0 0 7px!important;
  padding:0!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content li::marker{
  color:var(--ghh-muted)!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content strong,
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content b,
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content strong *,
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content b *{
  color:var(--ghh-text)!important;
  font-weight:700!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content a,
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content a *{
  color:var(--ghh-accent)!important;
  text-decoration:none;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content blockquote{
  margin:16px 0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  border-left:3px solid var(--ghh-border)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content > :first-child{margin-top:0!important}
body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content > :last-child{margin-bottom:0!important}

@media(max-width:767px){
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content,
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content p,
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content li{
    font-size:13px!important;
    line-height:1.7!important;
  }
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content h2{
    margin-top:21px!important;
    font-size:19px!important;
  }
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content h3{
    margin-top:17px!important;
    font-size:16px!important;
  }
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content h4{
    font-size:14px!important;
  }
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content ul,
  body.gamehihi-ui.single-gamejoy_game .gamehihi-game-about .gamehihi-game-article.entry-content ol{
    padding-left:20px!important;
  }
}

/* v4.4.63 — Homepage All Games server-side pagination. */
.gamehihi-all-games-section#all-games{scroll-margin-top:86px}
.gamehihi-home-games-pagination{margin-top:22px!important}

/* v4.4.66 — player start title uses semantic <p> while preserving the previous h3 typography */
body.single-gamejoy_game .gamejoy-player-root .gamejoy-player-start-title{
  display:block;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-weight:600;
  line-height:1.18;
}


/* ======================================================================
   v4.4.67 — Default WordPress pages use the same editorial typography as
   the homepage content block (policies, DMCA, terms, privacy, etc.).
   Layout stays unchanged; only font, size, spacing and text colors align.
   ====================================================================== */
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content{
  color:var(--ghh-text)!important;
  font-size:14px!important;
  line-height:1.75!important;
  overflow-wrap:anywhere;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content > :first-child{margin-top:0!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content > :last-child{margin-bottom:0!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h2{
  margin:24px 0 10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h3{
  margin:19px 0 7px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h4{
  margin:17px 0 7px!important;
  color:var(--ghh-text)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content p{
  margin:0 0 13px!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content ul,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content ol{
  display:block!important;
  margin:10px 0 15px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--ghh-text)!important;
  list-style-position:outside!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content ul{list-style-type:disc!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content ol{list-style-type:decimal!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content li{
  margin:0 0 7px!important;
  padding:0!important;
  position:static!important;
  color:var(--ghh-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content li::before{content:none!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content li::marker{color:var(--ghh-muted)!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content span,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content strong,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content b,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content em,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content small{
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content strong,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content b{font-weight:700!important}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a,
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a *{
  color:var(--ghh-accent)!important;
  text-decoration:none;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content blockquote{
  margin:16px 0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  border-left:3px solid var(--ghh-border)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content img{max-width:100%;height:auto}
@media(max-width:767px){
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content,
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content p,
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content li{
    font-size:13px!important;
    line-height:1.7!important;
  }
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h2{
    margin-top:21px!important;
    font-size:19px!important;
  }
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h3{
    margin-top:17px!important;
    font-size:16px!important;
  }
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h4{font-size:14px!important}
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content ul,
  body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content ol{
    padding-left:22px!important;
  }
}


/* v4.4.68 — Featured slider game title is semantic <p> while preserving the previous H1 typography. */

/* ======================================================================
   v4.4.69 — Blog single editorial typography matches homepage content.
   Keep the blog layout/cover/meta unchanged; normalize only article text,
   headings, lists, links and inline emphasis to the homepage content style.
   ====================================================================== */
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content{
  color:var(--ghh-text)!important;
  font-family:'Be Vietnam Pro',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
  overflow-wrap:anywhere;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content > :first-child{margin-top:0!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content > :last-child{margin-bottom:0!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h2{
  margin:24px 0 10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h3{
  margin:19px 0 7px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h4{
  margin:17px 0 7px!important;
  color:var(--ghh-text)!important;
  font-family:'Baloo 2','Be Vietnam Pro',sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content p{
  margin:0 0 13px!important;
  color:var(--ghh-text)!important;
  font-family:'Be Vietnam Pro',system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.75!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content ul,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content ol{
  display:block!important;
  margin:10px 0 15px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--ghh-text)!important;
  list-style-position:outside!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content ul{list-style-type:disc!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content ol{list-style-type:decimal!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content li{
  margin:0 0 7px!important;
  padding:0!important;
  position:static!important;
  color:var(--ghh-text)!important;
  font-family:'Be Vietnam Pro',system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content li::before{content:none!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content li::marker{color:var(--ghh-muted)!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content span,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content strong,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content b,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content em,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content small{
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content strong,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content b{font-weight:700!important}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content a,
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content a *{
  color:var(--ghh-accent)!important;
  text-decoration:none;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content blockquote{
  margin:16px 0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  border-left:3px solid var(--ghh-border)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ghh-text)!important;
}
body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content img{max-width:100%;height:auto}
@media(max-width:767px){
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content,
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content p,
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content li{
    font-size:13px!important;
    line-height:1.7!important;
  }
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h2{
    margin-top:21px!important;
    font-size:19px!important;
  }
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h3{
    margin-top:17px!important;
    font-size:16px!important;
  }
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h4{font-size:14px!important}
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content ul,
  body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content ol{padding-left:22px!important}
}

/* ======================================================================
   v4.4.70 — Dark mode readability for default WordPress pages.
   Standard pages previously kept the legacy white .a-body surface while
   their text switched to the dark-theme light color, producing white-on-
   white content. Keep the light theme unchanged and use dark surfaces only
   when dark mode is active. Contact-page panels follow the same palette.
   ====================================================================== */
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content{
  background:var(--ghh-panel)!important;
  border-color:var(--ghh-border)!important;
  color:var(--ghh-text)!important;
  box-shadow:var(--ghh-shadow)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h1,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h2,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h3,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h4,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h5,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content h6,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content p,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content li,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content span,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content strong,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content b,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content em,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content small,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content figcaption,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content td,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content th{
  color:var(--ghh-text)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content a *{
  color:var(--ghh-accent)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content blockquote{
  color:var(--ghh-text)!important;
  border-left-color:var(--ghh-border)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content table,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content td,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content th{
  border-color:var(--ghh-border)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content hr{
  border-color:var(--ghh-border)!important;
}
/* Gutenberg/editor blocks that explicitly carry a white/base background should
   become a readable secondary dark surface inside policy/info pages. */
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content .has-white-background-color,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-standard-page .article-full .a-body.entry-content .has-base-background-color{
  background-color:var(--ghh-panel-2)!important;
}

/* Contact template: make every content/form panel explicitly dark-theme aware. */
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-hero,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-info,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-form-card{
  background:var(--ghh-panel)!important;
  border-color:var(--ghh-border)!important;
  color:var(--ghh-text)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-copy.entry-content,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-copy.entry-content p,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-copy.entry-content li,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 label,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 p{
  color:var(--ghh-text)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 input[type="text"],
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 input[type="email"],
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 input[type="url"],
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 input[type="tel"],
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 input[type="number"],
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 select,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 textarea{
  background:var(--ghh-panel-2)!important;
  border-color:var(--ghh-border)!important;
  color:var(--ghh-text)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 input::placeholder,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamehihi-contact-page .wpcf7 textarea::placeholder{
  color:var(--ghh-muted)!important;
  opacity:1;
}

/* ======================================================================
   v4.4.71 — Dark mode readability for single Blog articles.
   The blog article wrapper still inherited the legacy light surface from
   theme-palette.css while blog typography already used dark-theme text,
   which caused light text on a white card. Override the article surface
   only in dark mode and keep light mode untouched.
   ====================================================================== */
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full{
  background:var(--ghh-panel)!important;
  border-color:var(--ghh-border)!important;
  color:var(--ghh-text)!important;
  box-shadow:var(--ghh-shadow)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content{
  background:transparent!important;
  color:var(--ghh-text)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full h1,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h2,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h3,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h4,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h5,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content h6,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content p,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content li,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content span,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content strong,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content b,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content em,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content small,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content figcaption,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-meta,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-meta span{
  color:var(--ghh-text)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content a,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content a *{
  color:var(--ghh-accent)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content blockquote{
  color:var(--ghh-text)!important;
  border-left-color:var(--ghh-border)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content table,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content td,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content th{
  border-color:var(--ghh-border)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content .has-white-background-color,
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .a-body.entry-content .has-base-background-color{
  background-color:var(--ghh-panel-2)!important;
}
html[data-gamehihi-theme="dark"] body.gamehihi-ui .gamejoy-blog-single .article-full .article-category-button{
  background:var(--ghh-panel-2)!important;
  border-color:var(--ghh-border)!important;
}
