/* =========================================================
   2D BLOCKS V10.2.2 — LANDING PAGE SITE STANDARD
   The V10.0.8+ landing page is the visual benchmark.
   Loaded LAST so page-specific mechanics remain intact while
   shared chrome, panels, typography and controls feel unified.
   ========================================================= */
:root{
  --db-bg:#05061d;
  --db-bg2:#070a31;
  --db-panel:rgba(7,11,48,.94);
  --db-panel2:rgba(11,17,64,.95);
  --db-panel3:rgba(14,22,78,.96);
  --db-line:#5b3fc0;
  --db-line-blue:#2f84ff;
  --db-cyan:#67dfff;
  --db-yellow:#ffd43b;
  --db-pink:#eb2b9a;
  --db-text:#ffffff;
  --db-muted:#b9c9ef;
  --db-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 0 24px rgba(73,70,185,.06);
}

html{background:var(--db-bg)}
body.site-standard{
  color:var(--db-text);
  background:
    radial-gradient(circle at 48% -12%,rgba(43,92,219,.52) 0,rgba(18,37,116,.25) 30%,transparent 48%),
    radial-gradient(circle at 86% 14%,rgba(135,52,209,.16),transparent 30%),
    linear-gradient(180deg,#050622 0%,#070a31 50%,#05051d 100%) !important;
}
body.site-standard:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.065 !important;
  background-image:radial-gradient(#fff 1px,transparent 1px) !important;
  background-size:24px 24px !important;
  mask-image:linear-gradient(#000,transparent 88%);
}
body.site-standard a{transition:transform .15s ease,filter .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
body.site-standard button{transition:transform .15s ease,filter .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
body.site-standard a:focus-visible,body.site-standard button:focus-visible,body.site-standard input:focus-visible{outline:2px solid #7ce5ff;outline-offset:2px}

/* ---------- SHARED BRAND / HEADER ---------- */
body.site-standard .game-head,
body.site-standard .game-top,
body.site-standard .topbar,
body.site-standard .hero-blast-top,
body.site-standard .ht-top{
  border-color:rgba(93,63,192,.78) !important;
  background:linear-gradient(180deg,rgba(4,8,35,.98),rgba(5,8,31,.96)) !important;
  box-shadow:0 9px 25px rgba(0,0,0,.26),inset 0 -1px 0 rgba(70,126,255,.22) !important;
}
body.site-standard .game-top,
body.site-standard .topbar,
body.site-standard .hero-blast-top,
body.site-standard .ht-top{border-bottom:1px solid rgba(93,63,192,.78) !important}
body.site-standard .game-head{border-width:1px !important;border-radius:14px !important}

/* landing-page rainbow wordmark treatment */
body.site-standard .brand-2d,
body.site-standard .brand-blocks,
body.site-standard .brand .two,
body.site-standard .brand .blocks,
body.site-standard .hb-brand .two,
body.site-standard .hb-brand .blocks,
body.site-standard .ht-brand .two,
body.site-standard .ht-brand .blocks{
  color:transparent !important;
  background:linear-gradient(90deg,#29b8ff 0 18%,#c557ff 28%,#62dc76 49%,#ffd33e 68%,#ff7b23 84%,#ef4b76) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-stroke:0 !important;
  text-shadow:none !important;
  filter:drop-shadow(0 3px 0 #06102e);
}
body.site-standard .brand small,
body.site-standard .hb-brand small,
body.site-standard .ht-brand small{color:#fff !important;letter-spacing:.08em}

/* flatter landing-style navigation tabs */
body.site-standard .nav-links,
body.site-standard .site-nav,
body.site-standard .hb-nav,
body.site-standard .ht-nav{gap:3px !important}
body.site-standard .nav-links a,
body.site-standard .site-nav a,
body.site-standard .hb-nav a,
body.site-standard .ht-nav a{
  color:#dad8ff !important;
  background:transparent !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  box-shadow:none !important;
  letter-spacing:.03em;
}
body.site-standard .nav-links a:hover,
body.site-standard .nav-links a.active,
body.site-standard .site-nav a:hover,
body.site-standard .site-nav a.active,
body.site-standard .hb-nav a:hover,
body.site-standard .hb-nav a.active,
body.site-standard .ht-nav a:hover,
body.site-standard .ht-nav a.active{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(37,67,207,.34),rgba(27,25,116,.30)) !important;
  border-color:rgba(82,123,255,.34) !important;
  box-shadow:inset 0 -2px 0 #39a7ff,0 0 18px rgba(58,112,255,.10) !important;
}

/* ---------- BUILDER STANDARD ---------- */
body.site-standard.builder-page .game-shell{width:min(1580px,98vw)}
body.site-standard.builder-page .game-title{filter:none}
body.site-standard.builder-page .game-title span{color:#dcdcff;letter-spacing:.08em;font-size:11px}
body.site-standard.builder-page .game-title strong{text-shadow:0 3px 0 rgba(2,7,31,.8);-webkit-text-stroke:0}
body.site-standard.builder-page .build-mode-note,
body.site-standard.builder-page .sport-picker,
body.site-standard.builder-page .left-tools,
body.site-standard.builder-page .category-rail,
body.site-standard.builder-page .parts-panel,
body.site-standard.builder-page .custom-panel,
body.site-standard.builder-page .custom-panel section,
body.site-standard.builder-page .left-tools-head,
body.site-standard.builder-page .stage-topline,
body.site-standard.builder-page .edit-bar{
  background:linear-gradient(180deg,var(--db-panel3),var(--db-panel)) !important;
  border-color:rgba(91,63,192,.76) !important;
  box-shadow:var(--db-shadow) !important;
}
body.site-standard.builder-page .left-tools,
body.site-standard.builder-page .category-rail,
body.site-standard.builder-page .parts-panel,
body.site-standard.builder-page .custom-panel{border-width:1px !important;border-radius:14px !important}
body.site-standard.builder-page .left-tools-head{border-bottom:1px solid rgba(88,109,215,.34) !important}
body.site-standard.builder-page .build-mode-note,
body.site-standard.builder-page .sport-picker{border-width:1px !important;border-radius:12px !important}
body.site-standard.builder-page .stage-topline{border-width:1px !important;border-radius:13px 13px 0 0 !important}
body.site-standard.builder-page .edit-bar{border-width:1px !important;border-top:0 !important;border-radius:0 0 13px 13px !important}

/* dark premium part library instead of old white tiles */
body.site-standard.builder-page .part-btn,
body.site-standard.builder-page .template,
body.site-standard.builder-page .sports-home-grid a{
  color:#eef5ff !important;
  background:linear-gradient(180deg,#121c58,#0a123c) !important;
  border:1px solid rgba(72,128,246,.58) !important;
  box-shadow:0 5px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.site-standard.builder-page .part-btn:hover,
body.site-standard.builder-page .part-btn.active,
body.site-standard.builder-page .template:hover,
body.site-standard.builder-page .template.active{
  border-color:#56cfff !important;
  box-shadow:0 0 0 1px rgba(86,207,255,.25),0 8px 20px rgba(0,0,0,.28),0 0 18px rgba(52,126,255,.12) !important;
}
body.site-standard.builder-page .part-btn small,
body.site-standard.builder-page .template small{color:#b9c9ef !important}
body.site-standard.builder-page .selected-card{
  color:#fff !important;
  background:linear-gradient(180deg,#101a53,#090f36) !important;
  border:1px solid rgba(80,107,211,.44) !important;
}
body.site-standard.builder-page .selected-card small{color:#aebee7 !important}
body.site-standard.builder-page .original-badge{background:linear-gradient(180deg,#10194f,#090e32) !important;border-color:rgba(91,63,192,.58) !important}
body.site-standard.builder-page .stage-topline input{
  color:#fff !important;
  background:#090f38 !important;
  border:1px solid rgba(75,129,241,.6) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
body.site-standard.builder-page .stage-topline input::placeholder{color:#7589ba}

body.site-standard.builder-page .head-tools button,
body.site-standard.builder-page .edit-bar button,
body.site-standard.builder-page .sport-btn{
  color:#fff !important;
  background:linear-gradient(180deg,#162769,#0c1546) !important;
  border:1px solid rgba(75,124,235,.66) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.site-standard.builder-page .head-tools button:hover,
body.site-standard.builder-page .edit-bar button:hover,
body.site-standard.builder-page .sport-btn:hover,
body.site-standard.builder-page .sport-btn.active{border-color:#65d9ff !important;background:linear-gradient(180deg,#1d398b,#111e5d) !important}
body.site-standard.builder-page .head-tools button.danger,
body.site-standard.builder-page .edit-bar button.danger{background:linear-gradient(180deg,#8b2857,#4c183d) !important;border-color:#e7559c !important}

/* preserve the actual builder canvas art; frame it like landing cards */
body.site-standard.builder-page .hero-stage{
  border-color:rgba(51,125,241,.78) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 1px rgba(89,63,190,.34),inset 0 0 32px rgba(55,116,255,.08) !important;
}

/* ---------- GAMES HUB + STANDARD GAME PAGES ---------- */
body.site-standard .games-shell,
body.site-standard .play-shell{position:relative;z-index:1}
body.site-standard .games-hero .eyebrow{
  color:#9bdfff !important;
  background:#0b123f !important;
  border:1px solid rgba(69,121,239,.56) !important;
  box-shadow:none !important;
}
body.site-standard .games-hero h1{text-shadow:0 3px 0 #050827 !important;-webkit-text-stroke:0 !important}
body.site-standard .games-hero p{color:#bacaf0 !important}
body.site-standard .game-card,
body.site-standard .parent-zone,
body.site-standard .score-pill,
body.site-standard .game-frame,
body.site-standard .win-card{
  background:linear-gradient(180deg,var(--db-panel2),var(--db-panel)) !important;
  border-color:rgba(91,63,192,.72) !important;
  box-shadow:var(--db-shadow) !important;
}
body.site-standard .game-card{border-width:1px !important;border-radius:16px !important}
body.site-standard .game-card:hover{border-color:rgba(73,139,255,.88) !important;box-shadow:0 16px 34px rgba(0,0,0,.36),0 0 22px rgba(65,96,219,.10) !important}
body.site-standard .game-card p,
body.site-standard .parent-zone p,
body.site-standard .game-message,
body.site-standard .win-card p{color:#bdcdf0 !important}
body.site-standard .game-card .tags span{
  color:#dce7ff !important;
  background:#0c143f !important;
  border-color:rgba(90,91,190,.42) !important;
}
body.site-standard .score-pill{border-width:1px !important}
body.site-standard .score-pill small{color:#90baf1 !important}
body.site-standard .game-frame{border-width:1px !important;border-radius:18px !important}
body.site-standard .parent-zone{color:#fff !important;border-width:1px !important;border-radius:15px !important}
body.site-standard .parent-zone .label{background:#401f8d !important;color:#ffd43b !important;border:1px solid rgba(133,91,224,.6)}
body.site-standard .parent-zone small{color:#99a9d1 !important}
body.site-standard .parent-zone .links a{
  color:#fff !important;background:#11194d !important;border:1px solid rgba(72,132,247,.6) !important;box-shadow:none !important
}
body.site-standard .play-btn,
body.site-standard .action-row button,
body.site-standard .action-row a,
body.site-standard .win-card button{
  border-width:1px !important;
  border-color:#f2b92c !important;
  border-radius:10px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.24),0 0 13px rgba(255,185,32,.10) !important;
}
body.site-standard .action-row .secondary{border-color:#4eafff !important;box-shadow:0 4px 12px rgba(0,0,0,.22) !important}

/* ---------- SHOP ---------- */
body.site-standard .shop-hero,
body.site-standard .affiliate-note,
body.site-standard .shop-card,
body.site-standard .shop-footer-note{
  background:linear-gradient(180deg,var(--db-panel2),var(--db-panel)) !important;
  border-color:rgba(91,63,192,.72) !important;
  box-shadow:var(--db-shadow) !important;
}
body.site-standard .shop-hero{border-width:1px !important;border-radius:18px !important}
body.site-standard .shop-hero h1{-webkit-text-stroke:0 !important;text-shadow:0 3px 0 #050827 !important}
body.site-standard .shop-hero p{color:#bdcdf0 !important}
body.site-standard .parent-pill{color:#ffd43b !important;background:#10194c !important;border:1px solid rgba(105,77,199,.72) !important;box-shadow:none !important}
body.site-standard .amazon-badge{
  color:#fff !important;
  background:linear-gradient(160deg,#101a53,#090f34) !important;
  border:1px solid rgba(90,119,230,.66) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.27) !important;
}
body.site-standard .amazon-badge span{color:#fff}.amazon-badge b{color:#ffb329 !important}.amazon-badge small{color:#aebde2 !important}
body.site-standard .affiliate-note{color:#d9e3ff !important;border-width:1px !important}
body.site-standard .shop-card{color:#fff !important;border-width:1px !important;border-radius:15px !important}
body.site-standard .shop-card:hover,body.site-standard .shop-card:focus-visible{box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 20px rgba(67,102,227,.10) !important}
body.site-standard .shop-card img{object-fit:contain !important;background:#0a113c !important;border-bottom:1px solid rgba(85,90,185,.36) !important;padding:6px}
body.site-standard .shop-card div>span{color:#9edfff !important;background:#10194c !important;border:1px solid rgba(68,124,236,.42)}
body.site-standard .shop-card h2{color:#fff !important}
body.site-standard .shop-card p{color:#b8c8eb !important}
body.site-standard .shop-card div>b{border-width:1px !important;border-color:#f2b92c !important;border-radius:9px !important;box-shadow:none !important}
body.site-standard .shop-footer-note{border-width:1px !important}
body.site-standard .shop-footer-note p{color:#bdcdf0 !important}

/* ---------- FLAGSHIP GAME CHROME ---------- */
/* Keep Hero Blast and SUPER HERO 2D gameplay art untouched; only standardise the shell around it. */
body.site-standard.hero-blast-page .hero-blast-top,
body.site-standard.hero-target-page .ht-top{border-radius:0 !important}
body.site-standard.hero-blast-page .hero-blast-frame,
body.site-standard.hero-target-page .ht-frame{border-color:#090d2e !important;box-shadow:0 20px 58px rgba(0,0,0,.56),0 0 0 1px #4d46be,inset 0 0 0 1px rgba(94,217,255,.24) !important}

/* ---------- CONSISTENT FOOTERS ---------- */
body.site-standard footer{color:#8f9bc8 !important}
body.site-standard footer span{color:#ffd43b !important}

/* ---------- RESPONSIVE HARMONISATION ---------- */
@media(max-width:760px){
  body.site-standard .game-top,
  body.site-standard .topbar,
  body.site-standard .hero-blast-top,
  body.site-standard .ht-top{background:rgba(3,6,28,.97) !important}
  body.site-standard.builder-page .game-head{border-radius:10px !important}
  body.site-standard.builder-page .part-btn{border-radius:10px !important}
  body.site-standard .game-card{border-radius:13px !important}
  body.site-standard .shop-card{border-radius:13px !important}
}
@media(orientation:landscape) and (max-height:560px){
  body.site-standard .game-head,
  body.site-standard .game-top,
  body.site-standard .hero-blast-top,
  body.site-standard .ht-top{box-shadow:0 5px 16px rgba(0,0,0,.22) !important}
}

/* V10.10.19 — parent Shop nav emphasis */
body.site-standard .shop-nav-link{background:linear-gradient(#ffe04d,#ff9b22)!important;color:#07152f!important;border-color:#07152f!important;box-shadow:0 4px 0 #8e4a10!important}

/* V10.10.59 — 2D HERO PROFILE CHIP */
.hero-profile-chip{position:fixed;z-index:90;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex!important;align-items:center;gap:7px;padding:8px 11px!important;border:1px solid rgba(255,209,57,.75)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(13,42,108,.97),rgba(6,18,62,.97))!important;color:#fff!important;font:1000 8px Arial Black,Arial,sans-serif!important;text-decoration:none!important;box-shadow:0 7px 22px rgba(0,0,0,.34),0 0 16px rgba(63,153,255,.2)!important}.hero-profile-chip:before{content:"⚡";display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffd43b;color:#08204f;font-size:12px}.hero-profile-chip:hover{transform:translateY(-2px)!important;filter:brightness(1.08)}@media(max-width:520px){.hero-profile-chip{right:7px;bottom:7px;padding:6px 9px!important;font-size:7px!important}.hero-profile-chip:before{width:20px;height:20px}}

/* V10.10.74 — hide profile chip during active 2D Hero gameplay; show it on intro/result overlays. */
.hero-blast-page:not(:has(.hb-overlay.show)) .hero-profile-chip,
.hero-target-page:not(:has(.ht-overlay.show)) .hero-profile-chip,
.ab-page:not(:has(.ab-overlay.show)) .hero-profile-chip,
.hr-page:not(:has(.hr-overlay.show)) .hero-profile-chip,
.cr-page:not(:has(.cr-overlay.show)) .hero-profile-chip,
.par1-page:not(:has(.par1-overlay.show)) .hero-profile-chip{display:none!important}