/* BLINKBUN v3.7.3 — Live canvas + Game navigation consistency
   Presentation-only compatibility layer.
   Purpose:
   1) Live Changes must use the same outer dark canvas / content width as Token Checker.
   2) /play must keep the same shared v3.7.x header and must not show the legacy injected New Tokens item.
   No route, SEO, signal, snapshot, account, season or token logic is changed. */

/* -------------------------------------------------------------------------
   LIVE CHANGES — remove the old page-sized blue panel that visually cuts the
   page into a separate block. The shared v230/v370 shell remains the only
   horizontal canvas, exactly like Token Checker.
   ------------------------------------------------------------------------- */
body.v370-live-page .v230-shell.v365-shell,
body.v370-live-page .v365-shell{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.v370-live-page .v230-shell.v365-shell::before,
body.v370-live-page .v230-shell.v365-shell::after,
body.v370-live-page .v365-shell::before,
body.v370-live-page .v365-shell::after,
body.v370-live-page .v365-main::before,
body.v370-live-page .v365-main::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body.v370-live-page .v365-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 72px!important;
  background:transparent!important;
  background-image:none!important;
}

/* Hero follows the Token Checker card geometry instead of acting as a second
   full-page background. Longer Live copy may naturally use two lines. */
body.v370-live-page .v365-hero{
  width:100%!important;
  max-width:none!important;
  margin:28px 0 18px!important;
  padding:44px 40px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(132,182,222,.22)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(14,31,50,.94),rgba(7,18,31,.97))!important;
  background-image:linear-gradient(145deg,rgba(14,31,50,.94),rgba(7,18,31,.97))!important;
  box-shadow:none!important;
}
body.v370-live-page .v365-hero::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  width:360px!important;
  height:360px!important;
  right:-70px!important;
  top:12px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 42% 38%,rgba(82,229,255,.20),rgba(47,108,206,.10) 38%,rgba(17,35,62,.04) 67%,transparent 69%)!important;
  border:1px solid rgba(83,214,255,.10)!important;
  box-shadow:0 0 90px rgba(47,137,231,.08)!important;
  z-index:0!important;
}
body.v370-live-page .v365-hero>*{position:relative!important;z-index:1!important}
body.v370-live-page .v365-hero h1{
  max-width:900px!important;
  margin:10px 0 14px!important;
  font-size:clamp(38px,5vw,60px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
body.v370-live-page .v365-hero p{
  max-width:780px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.7!important;
}
body.v370-live-page .v365-fresh{margin-top:14px!important}

/* All Live sections sit on the same left/right guides as Checker cards. */
body.v370-live-page .v365-pulse,
body.v370-live-page .v365-section,
body.v370-live-page .v365-grid-sections,
body.v370-live-page .v365-method,
body.v370-live-page .v365-sample-note{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.v370-live-page .v365-pulse{width:100%!important;margin-top:16px!important}
body.v370-live-page .v365-section{width:100%!important;margin-top:20px!important}
body.v370-live-page .v365-grid-sections{width:100%!important;margin-top:0!important}
body.v370-live-page .v365-grid-sections .v365-section{margin-top:20px!important}

/* Prevent the lower ranking CTAs from crossing into a neighbouring panel. */
body.v370-live-page .v365-grid-sections{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
body.v370-live-page .v365-grid-sections .v365-section{min-width:0!important;overflow:hidden!important}
body.v370-live-page .v365-grid-sections .v365-row,
body.v370-live-page .v365-list.compact .v365-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"token" "reason" "actions"!important;
  gap:7px!important;
  min-width:0!important;
}
body.v370-live-page .v365-grid-sections .v365-token,
body.v370-live-page .v365-list.compact .v365-token{grid-area:token!important;min-width:0!important}
body.v370-live-page .v365-grid-sections .v365-reason,
body.v370-live-page .v365-list.compact .v365-reason{grid-area:reason!important;min-width:0!important}
body.v370-live-page .v365-grid-sections .v365-actions,
body.v370-live-page .v365-list.compact .v365-actions{
  grid-area:actions!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body.v370-live-page .v365-grid-sections .v365-actions a,
body.v370-live-page .v365-list.compact .v365-actions a{
  flex:0 0 auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
body.v370-live-page .v365-token b,
body.v370-live-page .v365-token code{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* -------------------------------------------------------------------------
   GAME — shared header wins. The old v3.6.3.1 browser-side discovery nav is
   also hidden defensively in case an old cached script still executes once.
   ------------------------------------------------------------------------- */
body.v370-game-page .v36331-mobile-discovery-nav,
body.v370-game-page [data-v36331-nav],
body.v370-game-page .global-new-tokens-nav-v36331{
  display:none!important;
}
body.v370-game-page .v370-header{
  width:auto!important;
  max-width:none!important;
}
body.v370-game-page .v370-nav{margin-right:auto!important}

/* Nine direct desktop destinations fit on wide screens; use the established
   mobile menu before the header starts wrapping. */
@media (min-width:1181px) and (max-width:1320px){
  .v370-header{gap:10px!important}
  .v370-nav>a{padding-left:8px!important;padding-right:8px!important;font-size:11px!important}
  .v370-header .v230-brand{margin-right:2px!important}
  .v370-header .v260-language-select{width:94px!important}
}
@media(max-width:1180px){
  .v370-nav{display:none!important}
  .v370-mobile-nav{display:block!important}
  .v370-mobile-nav>summary{display:flex!important}
}
@media(max-width:980px){
  body.v370-live-page .v365-grid-sections{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body.v370-live-page .v365-main{padding-bottom:54px!important}
  body.v370-live-page .v365-hero{
    margin:20px 0 16px!important;
    padding:30px 20px!important;
    border-radius:20px!important;
  }
  body.v370-live-page .v365-hero::before{width:220px!important;height:220px!important;right:-120px!important;opacity:.65!important}
  body.v370-live-page .v365-hero h1{font-size:38px!important}
  body.v370-live-page .v365-hero p{font-size:15px!important}
}