*{box-sizing:border-box}:root{--bg:#0b0f19;--header-bg:#0b0f19;--nav-bg:#141b2b;--panel:#141b2b;--card-bg:#141b2b;--text:#f5f7ff;--muted:#a7b1c8;--nav-text:#c8d2e8;--accent:#8b5cf6;--cyan:#22d3ee;--footer-bg:#080b12;--hero-start:#19162f;--hero-end:#132a3a;--border:#27334b}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-main{max-width:1600px;margin:auto;min-height:64px;padding:8px 22px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:1.25rem;white-space:nowrap}.brand img{max-height:44px;max-width:180px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--cyan))}.search-form{display:flex;gap:7px;max-width:300px;min-width:190px;width:25%;margin-left:auto;flex-shrink:0}.search-form input{min-width:0;flex:1;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text)}.search-form button{border:0;border-radius:10px;padding:0 15px;background:var(--accent);color:white;font-weight:800;cursor:pointer}.mobile-menu-button{display:none;background:#192238;color:white;border:1px solid var(--border);border-radius:9px;padding:8px}.category-nav{min-width:0;flex:1;max-width:none;margin:0;padding:0;display:flex;align-items:center;gap:1px;flex-wrap:nowrap;background:transparent;white-space:nowrap;overflow:visible}.category-nav>a,.more-categories>summary{font-size:.76rem;font-weight:750;color:var(--nav-text);padding:7px 7px;border-radius:8px;cursor:pointer;list-style:none}.category-nav>a,.more-categories>summary{font-size:.76rem;font-weight:750;color:var(--nav-text);padding:7px 7px;border-radius:8px;cursor:pointer;list-style:none}.category-nav>a:hover,.more-categories>summary:hover{background:var(--panel);color:var(--text)}.nav-home{background:#211c42;color:#d7c8ff!important}.more-categories{position:relative}.category-dropdown{position:absolute;right:0;top:100%;min-width:190px;max-height:330px;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:7px;box-shadow:0 18px 35px #0008}.category-dropdown a{display:block;padding:8px 10px;border-radius:8px}.category-dropdown a:hover{background:var(--bg)}.page-shell{max-width:1440px;margin:auto;padding:20px 22px 55px}.hero{min-height:290px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;overflow:hidden;border:1px solid #33345d;border-radius:23px;padding:32px 40px;background:linear-gradient(115deg,var(--hero-start),var(--hero-end));margin-bottom:32px}.hero-copy{z-index:1}.eyebrow{display:block;color:#8eeaff;font-size:.72rem;letter-spacing:.16em;font-weight:900;margin-bottom:8px}.hero h1{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.06;margin:0 0 14px}.hero p{color:var(--muted);max-width:620px;margin:0 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:11px;font-weight:850;border:0;cursor:pointer}.primary-button{background:linear-gradient(110deg,var(--accent),#6d5dfc);color:white}.secondary-button{background:transparent;border:1px solid var(--border);color:var(--text)}.hero-art{height:215px;position:relative;display:grid;place-items:center}.hero-game-icon{display:grid;place-items:center;width:155px;height:155px;font-size:5rem;border-radius:35px;transform:rotate(-8deg);background:linear-gradient(145deg,#8b5cf6,#22d3ee);box-shadow:0 22px 50px #0007}.hero-orb{position:absolute;font-size:2rem;color:#ffe78a}.orb-one{top:12%;left:10%}.orb-two{right:9%;top:14%;color:#d6b8ff}.hero-label{position:absolute;bottom:5px;right:8%;background:#f8d34e;color:#231a3a;font-size:.8rem;font-weight:1000;padding:8px 14px;border-radius:9px;transform:rotate(4deg)}.section-block{margin:30px 0 38px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2,.section-block>h2{font-size:1.4rem;line-height:1.2;margin:0 0 12px;font-weight:900;letter-spacing:-.025em}.section-subtitle{color:var(--muted);margin:7px 0 0;font-size:.92rem}.game-count{font-size:.8rem;color:var(--muted);background:var(--panel);border:1px solid var(--border);padding:6px 10px;border-radius:20px}.game-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:17px 13px}.game-card{min-width:0;display:flex;flex-direction:column;gap:8px;transition:transform .18s}.game-card:hover{transform:translateY(-3px)}.thumb-wrap{display:block;position:relative;overflow:hidden;border-radius:13px;background:var(--panel);aspect-ratio:1;border:1px solid var(--border)}.thumb-link{display:block;position:absolute;inset:0;z-index:1}.game-thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.game-card:hover .game-thumb{transform:scale(1.045)}.video-indicator{position:absolute;left:7px;bottom:7px;background:#080b12c9;border-radius:7px;padding:2px 7px;font-size:.72rem;pointer-events:none}.sound-toggle{position:absolute;z-index:3;top:7px;right:7px;border:1px solid #ffffff55;border-radius:8px;background:#080b12d9;color:#fff;padding:5px 7px;line-height:1;min-width:32px;min-height:30px;cursor:pointer;font-size:14px;box-shadow:0 2px 8px #0005}.sound-toggle:hover,.sound-toggle:focus-visible{background:#47327f;outline:2px solid #a78bfa;outline-offset:1px}.game-card-title{font-size:.85rem;font-weight:750;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}.load-more-wrap{text-align:center;margin:26px 0 0}.seo-intro{border-top:1px solid var(--border);padding-top:25px;margin-top:45px;color:var(--muted);font-size:.95rem}.seo-intro h2{color:white;font-size:1.3rem}.ad-slot{margin:14px auto 22px;max-width:100%;text-align:center;overflow:hidden}.ad-slot:empty{display:none}.ad-slot iframe,.ad-slot img{max-width:100%}.site-footer{background:var(--footer-bg);border-top:1px solid var(--border);padding:34px 22px;color:var(--muted)}.footer-inner{max-width:1396px;margin:auto;text-align:center}.footer-brand{font-weight:900;font-size:1.2rem;color:var(--text)}.footer-inner p{margin:4px 0 17px}.footer-inner nav{display:flex;justify-content:center;gap:10px 20px;flex-wrap:wrap;margin-bottom:18px}.footer-inner nav a{font-size:.87rem}.footer-inner nav a:hover{color:#8eeaff}.footer-inner small{font-size:.78rem}.custom-header,.custom-footer{margin:12px 0}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin:0 0 18px}.breadcrumbs a{color:#9ee8ff}.game-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.game-sidebar,.game-main{min-width:0}.game-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:280px;background:#05070b;border:1px solid #303c55;border-radius:15px;overflow:hidden}.game-stage iframe{width:100%;height:100%;border:0;display:block}.fullscreen-button{display:none;position:absolute;right:10px;top:10px;border:1px solid #ffffff44;background:#101522df;color:white;border-radius:9px;padding:7px 10px;cursor:pointer;font-size:.85rem}.game-title-row{display:flex;align-items:start;justify-content:space-between;gap:14px;margin:20px 0 14px}.game-title-row h1{font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.15;margin:0 0 10px}.game-meta{display:flex;flex-wrap:wrap;gap:7px}.game-meta a,.category-chips a{border:1px solid var(--border);background:var(--panel);border-radius:30px;padding:5px 10px;font-size:.78rem;color:#c9d5eb}.share-button{white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.game-info{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin:20px 0;color:var(--muted)}.game-info h2,.game-info h3{color:var(--text);margin-top:0}.sidebar-section{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;margin-top:18px}.sidebar-section h2{font-size:1.05rem;margin:0 0 12px}.mini-game-list{display:flex;flex-direction:column;gap:10px}.mini-game-list a{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:750}.mini-game-list img{width:56px;height:56px;object-fit:cover;border-radius:9px;background:#27334b}.category-intro{padding:26px 28px;border-radius:18px;background:linear-gradient(110deg,var(--hero-start),var(--hero-end));border:1px solid var(--border);margin:10px 0 26px}.category-intro h1{font-size:clamp(2rem,4vw,2.7rem);margin:0 0 8px}.category-intro p{color:var(--muted);margin:0}.search-page-form{margin:20px 0 12px;max-width:650px}.category-chips{display:flex;gap:9px;flex-wrap:wrap}.category-chips a{padding:9px 13px}.legal-page{max-width:900px;margin:22px auto 35px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:clamp(22px,4vw,40px);color:var(--muted)}.legal-page h1{font-size:2rem;color:var(--text);margin-top:0}.legal-page h2{color:var(--text);margin-top:26px}.legal-page a{color:#8eeaff;text-decoration:underline}.contact-panel{background:var(--bg);border:1px solid var(--border);padding:18px;border-radius:12px}.not-found,.empty-state{text-align:center;padding:34px 15px}.not-found-code{font-size:clamp(4rem,12vw,8rem);line-height:1;font-weight:1000;color:#8b5cf6}.not-found p,.empty-state p{color:var(--muted);margin-bottom:20px}.game-unavailable{display:grid;place-content:center;text-align:center;height:100%;padding:20px}.game-unavailable p{color:var(--muted)}@media(max-width:1200px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.game-layout{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:1150px){.header-main{gap:8px}.brand{font-size:1.05rem}.category-nav>a,.more-categories>summary{font-size:.7rem;padding:6px 5px}.search-form{max-width:235px;min-width:160px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 11px}.hero{padding:28px;grid-template-columns:1fr .5fr}.hero-art{transform:scale(.8)}.game-layout{grid-template-columns:1fr}.game-sidebar{display:none}.game-stage{min-height:260px}}@media(max-width:640px){.header-main{padding:9px 12px;min-height:58px;gap:8px;flex-wrap:wrap}.brand{order:1;flex:1;font-size:1.05rem;gap:7px}.brand-mark{width:32px;height:32px}.brand img{max-width:105px;max-height:35px}.header-main .search-form{order:3;flex-basis:100%;max-width:none;min-width:0;width:100%;gap:5px;margin:0}.search-form input{padding:9px 10px;font-size:.84rem}.search-form button{padding:0 10px;font-size:.82rem}.mobile-menu-button{order:2;display:block;background:#192238;color:white;border:1px solid var(--border);border-radius:9px;padding:8px}.category-nav{order:4;display:none;flex:0 0 100%;padding:6px 0 10px;white-space:normal;flex-wrap:wrap;gap:3px;background:transparent}.category-nav.nav-open{display:flex}.category-nav>a,.more-categories>summary{font-size:.78rem;padding:6px 8px}.more-categories{position:static}.category-dropdown{left:12px;right:12px;top:auto}.page-shell{padding:14px 12px 42px}.hero{grid-template-columns:1fr;min-height:auto;padding:24px 20px;margin-bottom:26px}.hero h1{font-size:2.15rem}.hero-art{display:none}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}.game-card-title{font-size:.79rem}.thumb-wrap{border-radius:10px}.section-block{margin:24px 0 30px}.section-heading h2,.section-block>h2{font-size:1.25rem}.game-stage{aspect-ratio:4/3;min-height:220px;border-radius:10px}.fullscreen-button{display:block;font-size:.78rem;padding:6px 8px}.game-title-row{margin-top:15px}.game-title-row h1{font-size:1.5rem}.share-button{font-size:.8rem}.category-intro{padding:21px 18px}.legal-page{padding:22px 17px}.site-footer{padding:28px 14px}.footer-inner nav{gap:10px 14px}.ad-slot{margin:10px auto 16px}}@media(max-width:390px){.header-main{flex-wrap:wrap}.brand{flex:1}.header-main .search-form{order:3;flex-basis:100%;max-width:none;min-width:0}.mobile-menu-button{margin-left:auto}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-stage{min-height:200px}}

/* Gameplay sidebar recommendations: three thumbnail cards per row. */
.sidebar-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px}
.sidebar-related-card{display:flex;min-width:0;flex-direction:column;gap:5px;align-items:stretch;color:var(--text);font-size:.7rem;font-weight:750;line-height:1.22}
.sidebar-related-card img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--bg);transition:transform .2s ease}
.sidebar-related-card:hover img{transform:translateY(-2px)}
.sidebar-related-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.sidebar-empty{color:var(--muted);font-size:.82rem}
.sidebar-related-section h2{margin-bottom:12px}

/* Real share links below the game player. */
.game-title-row{margin-bottom:9px}
.game-share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:11px 12px;background:var(--panel);border:1px solid var(--border);border-radius:12px}
.share-label{font-size:.84rem;font-weight:850;color:var(--muted);margin-right:3px}
.share-social{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:7px 10px;border-radius:8px;font-weight:800;font-size:.78rem;line-height:1.2;cursor:pointer;white-space:nowrap}
.share-social:hover,.share-social:focus-visible{border-color:var(--accent);background:var(--panel);outline:none}
.share-facebook{border-color:#4167a9}
.share-whatsapp{border-color:#218c55}
.share-x{border-color:#626875}
.share-telegram{border-color:#278eb6}
.share-copy{border-color:var(--accent)}
.share-native{border-color:var(--border)}
.share-feedback{font-size:.78rem;color:var(--muted);min-width:0}
.popular-games-section{margin-top:34px}
.popular-game-grid{margin-top:14px}
@media(max-width:900px){
 .sidebar-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sidebar-related-card{font-size:.72rem}
}
@media(max-width:640px){
 .game-share-bar{gap:7px;padding:10px}
 .share-label{flex-basis:100%}
 .share-social{font-size:.76rem;padding:7px 9px}
}

/* v1.3.1: compact square related-game thumbnails, three per row */
.game-layout .game-sidebar .sidebar-related-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:start;
  gap:9px !important;
  width:100%;
}
.game-layout .game-sidebar .sidebar-related-card{
  display:block !important;
  position:relative;
  width:100% !important;
  min-width:0 !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:9px;
  line-height:0 !important;
  font-size:0 !important;
  background:var(--bg);
}
.game-layout .game-sidebar .sidebar-related-card img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  margin:0 !important;
  border:0 !important;
  border-radius:9px !important;
}
.game-layout .game-sidebar .sidebar-related-card:hover img{transform:scale(1.045)}
.game-layout .game-sidebar .sidebar-related-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}


/* v1.3.2: robust, responsive share controls for desktop, tablet and mobile */
.game-main .game-share-bar{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:12px 0 20px !important;
  padding:13px !important;
  background:var(--panel) !important;
  border:1px solid var(--border) !important;
  border-radius:13px !important;
  line-height:1.35 !important;
}
.game-main .game-share-bar .share-label{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  margin:0 4px 0 0 !important;
  color:var(--text) !important;
  font-size:.86rem !important;
  font-weight:850 !important;
  line-height:1.3 !important;
}
.game-main .game-share-bar a.share-social,
.game-main .game-share-bar button.share-social{
  box-sizing:border-box !important;
  display:inline-flex !important;
  position:static !important;
  float:none !important;
  flex:0 1 auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:38px !important;
  height:auto !important;
  margin:0 !important;
  padding:8px 12px !important;
  border:1px solid var(--border) !important;
  border-radius:9px !important;
  background:var(--bg) !important;
  color:var(--text) !important;
  font-family:inherit !important;
  font-size:.82rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.game-main .game-share-bar a.share-facebook{border-color:#4267B2 !important}
.game-main .game-share-bar a.share-whatsapp{border-color:#218C55 !important}
.game-main .game-share-bar a.share-x{border-color:#555D6B !important}
.game-main .game-share-bar a.share-telegram{border-color:#278EB6 !important}
.game-main .game-share-bar .share-copy{border-color:var(--accent) !important}
.game-main .game-share-bar a.share-social:hover,
.game-main .game-share-bar button.share-social:hover{
  background:var(--panel) !important;
  border-color:var(--accent) !important;
  transform:translateY(-1px);
}
.game-main .game-share-bar a.share-social:focus-visible,
.game-main .game-share-bar button.share-social:focus-visible{
  outline:2px solid var(--accent) !important;
  outline-offset:2px !important;
}
.game-main .game-share-bar .share-feedback{
  flex:1 1 100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
}
@media(max-width:900px){
  .game-main .game-share-bar{
    gap:8px !important;
    padding:11px !important;
  }
  .game-main .game-share-bar a.share-social,
  .game-main .game-share-bar button.share-social{
    padding:8px 10px !important;
    font-size:.79rem !important;
  }
}
@media(max-width:640px){
  .game-main .game-share-bar{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:11px !important;
  }
  .game-main .game-share-bar .share-label,
  .game-main .game-share-bar .share-feedback{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .game-main .game-share-bar a.share-social,
  .game-main .game-share-bar button.share-social{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:9px 7px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:.78rem !important;
  }
}
@media(max-width:340px){
  .game-main .game-share-bar{
    grid-template-columns:minmax(0,1fr) !important;
  }
}


/* Blog section */
.blog-hero{margin:10px 0 28px;padding:clamp(24px,4vw,42px);border:1px solid var(--border);border-radius:20px;background:linear-gradient(110deg,var(--hero-start),var(--hero-end))}
.blog-hero h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.035em}
.blog-hero p{margin:0;color:var(--muted);max-width:720px}
.blog-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--panel);display:flex;flex-direction:column}
.blog-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.blog-card:hover .blog-card-image img{transform:scale(1.03)}
.blog-card-placeholder{height:100%;display:grid;place-items:center;font-size:3rem;color:var(--accent);background:linear-gradient(135deg,var(--hero-start),var(--hero-end))}
.blog-card-content{padding:17px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.blog-card-content time,.blog-article-header time{font-size:.8rem;color:var(--muted)}
.blog-card-content h2{font-size:1.18rem;line-height:1.3;margin:8px 0}
.blog-card-content h2 a:hover,.blog-read-more:hover{color:var(--accent)}
.blog-card-content p{color:var(--muted);font-size:.9rem;margin:0 0 16px}
.blog-read-more{font-size:.88rem;font-weight:850;color:var(--text);margin-top:auto}
.blog-empty{text-align:center;padding:45px 15px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.blog-empty p{color:var(--muted);margin-bottom:20px}
.blog-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin:0 0 20px;user-select:none}
.blog-breadcrumbs a{color:var(--muted);padding:4px 7px;border-radius:7px}
.blog-breadcrumbs a:hover{background:var(--panel);color:var(--text)}
.blog-article{max-width:900px;margin:0 auto}
.blog-article-header{padding:clamp(20px,4vw,42px);border:1px solid var(--border);border-radius:18px;background:linear-gradient(110deg,var(--hero-start),var(--hero-end))}
.blog-article-header h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 14px;overflow-wrap:anywhere}
.blog-article-excerpt{font-size:1.1rem;color:var(--muted);margin:0 0 18px}
.blog-featured-image{margin:22px 0}
.blog-featured-image img{width:100%;height:auto;max-height:560px;object-fit:cover;border:1px solid var(--border);border-radius:16px;display:block}
.blog-article-body{font-size:1.03rem;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
.blog-article-body h1,.blog-article-body h2,.blog-article-body h3{color:var(--text);line-height:1.25;letter-spacing:-.02em;margin:1.8em 0 .65em}
.blog-article-body h1{font-size:2rem}.blog-article-body h2{font-size:1.55rem}.blog-article-body h3{font-size:1.25rem}
.blog-article-body p{margin:0 0 1.15em}
.blog-article-body ul{padding-left:1.5rem;margin:0 0 1.2em}
.blog-article-body li{margin:.4em 0}
.blog-article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.blog-article-body strong{color:var(--text)}
.blog-article-body code{font-family:ui-monospace,monospace;background:var(--panel);padding:2px 5px;border-radius:4px}
.blog-inline-image{width:auto;max-width:100%;height:auto;max-height:600px;display:block;margin:18px auto;border-radius:12px;border:1px solid var(--border)}
.blog-article-body figure{margin:22px 0}
.blog-article-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:25px 0;border-top:1px solid var(--border);margin-top:30px}
@media(max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:560px){.blog-post-grid{grid-template-columns:1fr}.blog-card-content{padding:14px}.blog-article-body{font-size:.98rem}.blog-article-footer>*{flex:1}.blog-hero{padding:23px 18px}}

/* v1.6.0 accessibility typography and personal game shelves */
html{font-size:var(--site-font-size,100%)}
.featured-game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--featured-card-size,150px)),var(--featured-card-size,150px)));justify-content:start;gap:17px 13px}
.my-games-section{display:flex;flex-direction:column;gap:28px}
.my-games-block[hidden],.my-games-section[hidden]{display:none!important}
.personal-game-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.favorite-toggle{position:absolute;z-index:5;top:7px;left:7px;min-width:32px;min-height:30px;padding:3px 7px;border-radius:8px;border:1px solid #ffffff55;background:#080b12d9;color:#fff;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0005}
.favorite-toggle.is-favorite{color:#ff7aa5;background:#321528ee;border-color:#ff7aa5}
.favorite-toggle:hover,.favorite-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:1200px){.personal-game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.personal-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){
  .featured-game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--featured-card-size,150px)),1fr));gap:12px}
  .personal-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}

/* Configurable gameplay recommendation grids. */
.game-layout .game-sidebar .sidebar-related-grid{grid-template-columns:repeat(var(--sidebar-related-columns,3),minmax(0,1fr)) !important}
.game-layout .game-sidebar .sidebar-related-card{max-width:var(--sidebar-related-thumb-size,90px);justify-self:center}
.popular-game-grid{grid-template-columns:repeat(var(--popular-columns,8),minmax(0,1fr)) !important}
.popular-game-grid .game-card{width:100%;max-width:var(--popular-thumb-size,150px);justify-self:center}


/* v1.6.3 mobile polish: compact header, visible menu and readable Popular Games cards. */
@media (max-width: 640px) {
  .header-main {
    display:flex;
    flex-wrap:nowrap !important;
    gap:7px;
    padding:8px 10px;
    min-height:56px;
  }
  .header-main .brand {
    flex:0 0 auto !important;
    min-width:0;
    font-size:clamp(.88rem, 3.8vw, 1.05rem);
    gap:5px;
  }
  .header-main .brand-mark {
    width:30px;
    height:30px;
    flex:0 0 30px;
  }
  .header-main .brand img {
    max-width:clamp(72px, 22vw, 105px);
    max-height:32px;
  }
  .header-main .search-form {
    order:initial !important;
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0;
    max-width:none;
    margin-left:auto;
    gap:4px;
  }
  .header-main .search-form input {
    width:0;
    min-width:0;
    flex:1 1 0;
    padding:8px 7px;
    font-size:.76rem;
  }
  .header-main .search-form button {
    flex:0 0 auto;
    padding:0 8px;
    min-height:38px;
    font-size:.74rem;
  }
  .header-main .mobile-menu-button {
    display:flex;
    flex:0 0 38px;
    width:38px;
    min-width:38px;
    min-height:38px;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:6px;
    font-size:1.15rem;
  }
  .popular-games-section .popular-game-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px 12px;
    align-items:start;
  }
  .popular-games-section .popular-game-grid .game-card {
    width:100%;
    max-width:320px;
    min-width:0;
    justify-self:center;
  }
  .popular-games-section .popular-game-grid .game-thumb {
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:cover;
  }
  .popular-games-section .popular-game-grid .game-card-title {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    overflow-wrap:anywhere;
    font-size:.9rem;
    line-height:1.35;
  }
}
@media (max-width: 390px) {
  .header-main { gap:5px; padding-left:8px; padding-right:8px; }
  .header-main .brand { font-size:.85rem; gap:4px; }
  .header-main .brand-mark { width:28px; height:28px; flex-basis:28px; }
  .header-main .brand img { max-width:70px; }
  .header-main .search-form button { padding:0 6px; font-size:.7rem; }
  .header-main .mobile-menu-button { flex-basis:36px; width:36px; min-width:36px; }
}