/* BLINKBUN v3.9.7 — source-level public layout foundation
   One geometry: header inner = main content = 1200px.
   This file MUST load after header-ia/retention CSS. */
:root{
  --bb397-max:1200px;
  --bb397-gutter:20px;
  --bb397-gap:16px;
  --bb397-line:rgba(103,190,229,.22);
  --bb397-line-strong:rgba(91,224,211,.38);
  --bb397-panel:#081b2b;
  --bb397-panel-2:#0a2235;
  --bb397-text:#eef8ff;
  --bb397-muted:#8ca9bb;
  --bb397-cyan:#67e5d7;
  --bb397-blue:#60ceff;
  --bb397-violet:#8c82ff;
  --bb397-gold:#f0cc52;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}

/* 0. Outer shell is paint only. It never owns content width. */
body .v230-shell,
body .v286-shell,
body .v365-shell,
body .v285-shell,
body .i280-shell,
body .rv240-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* 1. Header: full-width band, exactly 1200px content inside. */
header.v230-header.v260-header,
header.v230-header.v387-header,
header.v230-header{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-height:76px!important;
  height:auto!important;
  display:block!important;
  border-bottom:1px solid rgba(111,171,205,.14)!important;
  background:rgba(4,16,28,.38)!important;
}
.v397-header-inner{
  width:min(var(--bb397-max),calc(100% - 40px))!important;
  max-width:var(--bb397-max)!important;
  min-height:76px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
}
.v397-header-inner>.v230-brand{justify-self:start!important;min-width:0!important;margin:0!important}
.v397-header-inner>.v260-nav,
.v397-header-inner>.v387-nav{
  justify-self:center!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
}
.v397-header-inner>.v260-nav>a,
.v397-header-inner>.v260-nav>details>summary,
.v397-header-inner>.v387-nav>a,
.v397-header-inner>.v387-nav>details>summary{
  min-height:38px!important;
  height:38px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1!important;
  border-radius:10px!important;
}
.v397-header-inner>.v230-actions,
.v397-header-inner>.v260-actions{
  justify-self:end!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.v397-header-inner .v260-language-select{width:118px!important;min-width:118px!important;height:40px!important}

/* 2. One content axis on every public page. */
body .v230-shell>main,
body .v286-shell>main,
body .v365-shell>main,
body .v285-shell>main,
body .i280-shell>main,
body main.v282-main,
body main.v230-tool-main,
body main.v250-main,
body main.i280-main,
body main.rv240-main,
body main.v285-main{
  width:min(var(--bb397-max),calc(100% - 40px))!important;
  max-width:var(--bb397-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
}

/* Every first-level content block fills the 1200px axis. */
body .v230-shell>main>* ,
body .v286-shell>main>* ,
body .v365-shell>main>* ,
body .v285-shell>main>* ,
body .i280-shell>main>* ,
body main.v282-main>* ,
body main.v230-tool-main>* ,
body main.v250-main>* ,
body main.i280-main>* ,
body main.rv240-main>* ,
body main.v285-main>*{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
  box-sizing:border-box!important;
}

/* Session strip and footer share the exact same axis. */
body .v291-session-strip,
body .v260-footer{
  width:min(var(--bb397-max),calc(100% - 40px))!important;
  max-width:var(--bb397-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* 3. Home hero and all home first-level sections. */
body .v230-hero,
body .v261-hero,
body .v383-return,
body .dg340-board,
body .v391-home-events,
body .v293-most-watched,
body .v230-live,
body .v230-why,
body .v230-research-cta,
body .v230-bbun,
body .v313-game-promo,
body .v230-faq,
body .v261-section-intro,
body .v230-three.v261-actions{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body .v230-hero{padding-left:42px!important;padding-right:42px!important}
body .v261-hero-main{width:100%!important;max-width:none!important;min-width:0!important}
body .v347-token-search.v347-home{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body .v3881-home-core-actions{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body .v3881-home-core-actions>a{width:100%!important;min-width:0!important}

/* 4. Checker / tool pages: never allow half-width primary search. */
body #v388PrimarySearch{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  display:block!important;
}
body #v388PrimarySearch>.v347-token-search,
body .v347-token-search.v347-checker{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body .v347-search-form{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}
body .v347-search-form input{width:100%!important;min-width:0!important;max-width:none!important}
body .v388-checker-shortcuts{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body .token-checker-shell,
body .v382-entry,
body .v230-note,
body .v380-daily,
body .v317-search-intent,
body .v230-tool-hero,
body .v345-pulse,
body .v382-radar-focus{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* 5. Returning-home module — resilient to JS-generated markup. */
body .v383-return{
  padding:20px!important;
  border:1px solid var(--bb397-line)!important;
  border-left-color:rgba(58,220,213,.75)!important;
  border-radius:18px!important;
  background:rgba(6,22,36,.76)!important;
  overflow:hidden!important;
}
body .v383-return [class*="grid"]{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body .v383-return :is(article,[class*="card"],[class*="item"]){
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  overflow:hidden!important;
  padding:14px!important;
  border:1px solid rgba(120,180,211,.18)!important;
  border-radius:13px!important;
  background:#081d2d!important;
}
body .v383-return :is(a,button){max-width:100%!important}
body .v383-return .v397-card-actions{
  width:100%!important;
  margin-top:10px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* 6. Stable button system. No giant inherited button boxes. */
.v397-btn,
body .v388-checker-shortcuts>a,
body .v388-checker-shortcuts>button{
  appearance:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.v397-primary{color:#06131e!important;background:linear-gradient(135deg,var(--bb397-blue),var(--bb397-violet))!important;border:1px solid rgba(105,210,255,.70)!important}
.v397-watch{color:#ffe77a!important;background:#332a0b!important;border:1px solid rgba(240,204,82,.72)!important}
.v397-live{color:#9affef!important;background:#0b3437!important;border:1px solid rgba(91,224,211,.55)!important}
.v397-schedule{color:#d7e5ee!important;background:#142838!important;border:1px solid rgba(150,183,202,.32)!important}
.v397-bbun{color:#f3efff!important;background:#30305a!important;border:1px solid rgba(142,130,255,.58)!important}
.v397-radar{color:#a9fff4!important;background:#0a3040!important;border:1px solid rgba(91,211,226,.48)!important}
.v397-btn:hover{filter:brightness(1.1)!important;transform:translateY(-1px)}

/* 7. Discovery cards: restore contrast. */
body .dg340-home-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body .dg340-feature{min-width:0!important}
body .dg340-stack,
body .dg340-new-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-width:0!important}
body a.dg340-token,
body a.dg340-new-card,
body .dg340-stack>a,
body .dg340-new-grid>a{
  min-width:0!important;
  min-height:64px!important;
  padding:10px 12px!important;
  border:1px solid rgba(112,181,215,.19)!important;
  border-radius:11px!important;
  background:#0a2234!important;
  background-image:none!important;
  color:var(--bb397-text)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  overflow:hidden!important;
}
body a.dg340-token:hover,
body a.dg340-new-card:hover{background:#0c293e!important;border-color:rgba(91,224,211,.35)!important}
body .dg340-token :is(b,strong),
body .dg340-new-card>b{color:#effaff!important;text-shadow:none!important}
body .dg340-new-card>span{color:#68f0c7!important;font-weight:900!important}
body .dg340-new-card :is(code,small,em),
body .dg340-token :is(code,small),
body .dg340-token-meta,
body .dg340-token-meta span{color:#8ca9bb!important;text-shadow:none!important}
body .dg340-new-card em{font-style:normal!important}
body .dg340-tone-green .dg340-token-top strong{color:#7af0bd!important}
body .dg340-tone-cyan .dg340-token-top strong{color:#79dcff!important}
body .dg340-tone-red .dg340-token-top strong{color:#ff91a0!important}

/* Old live Radar cards should also be readable. */
body .v230-radar-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body .v230-radar-grid>a{
  min-width:0!important;
  background:#0a2234!important;
  background-image:none!important;
  color:#eef8ff!important;
  border:1px solid rgba(112,181,215,.18)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body .v230-radar-grid>a *{text-shadow:none!important}
body .v230-radar-grid .v261-radar-open{color:#9affef!important}

/* 8. All common three-column containers stay inside the axis. */
body .v230-three,
body .v380-daily-grid,
body .v382-entry-grid,
body .v382-focus-grid,
body .v293-mw-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* 9. Kill artifacts from the experimental v3.9.2-v3.9.6 layers if cached DOM classes remain. */
body .bb391-watch-note{display:none!important}
body .bb-v392-guide-strip,body .bb-v3922-guide{display:none!important}
body .bb396-actions{width:auto!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}

@media(max-width:1240px){
  :root{--bb397-gutter:16px}
  .v397-header-inner,
  body .v230-shell>main,body .v286-shell>main,body .v365-shell>main,body .v285-shell>main,body .i280-shell>main,
  body main.v282-main,body main.v230-tool-main,body main.v250-main,body main.i280-main,body main.rv240-main,body main.v285-main,
  body .v291-session-strip,body .v260-footer{width:calc(100% - 32px)!important}
  .v397-header-inner{grid-template-columns:160px minmax(0,1fr) auto!important;gap:10px!important}
  .v397-header-inner>.v260-nav>a,.v397-header-inner>.v260-nav>details>summary,.v397-header-inner>.v387-nav>a,.v397-header-inner>.v387-nav>details>summary{font-size:12px!important;padding:0 7px!important}
}
@media(max-width:900px){
  .v397-header-inner{width:calc(100% - 24px)!important;grid-template-columns:1fr auto!important;min-height:64px!important}
  .v397-header-inner>.v260-nav,.v397-header-inner>.v387-nav{display:none!important}
  body .v230-shell>main,body .v286-shell>main,body .v365-shell>main,body .v285-shell>main,body .i280-shell>main,
  body main.v282-main,body main.v230-tool-main,body main.v250-main,body main.i280-main,body main.rv240-main,body main.v285-main,
  body .v291-session-strip,body .v260-footer{width:calc(100% - 24px)!important}
  body .dg340-home-grid,body .v230-radar-grid,body .v383-return [class*="grid"]{grid-template-columns:1fr!important}
  body .v230-hero{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:600px){
  body .v347-search-form{grid-template-columns:1fr!important}
  body .v347-search-form button{width:100%!important}
  body .v3881-home-core-actions{grid-template-columns:1fr!important}
  .v397-header-inner>.v230-actions,.v397-header-inner>.v260-actions{gap:5px!important}
  .v397-header-inner .v260-language-select{width:102px!important;min-width:102px!important}
}
