/* Polish pass 2026-11-01 (owner: "no website section should look ai slop"). Found by reviewing every section on a phone and a desktop.
   Loaded last on purpose: each rule below fixes one visible defect and can be deleted on its own. */

/* FAQ: the chat bubbles are the design. The old card drawn around each question made a bubble-in-a-box with an empty right half. */
.faq.chat details{background:none;border:0;border-radius:0;box-shadow:none}
.faq.chat summary{padding:10px 14px;font:700 1.05rem/1.25 var(--bd);position:relative}
.faq.chat summary::after,.faq.chat details[open] summary::after{content:'';position:static;top:auto;right:auto;font-size:inherit;color:currentColor}

/* Sportsbook: there is one phone mock now, so centre it at a size where its text can be read (it sat in the left half of two columns). */
.phones{grid-template-columns:repeat(auto-fit,minmax(0,300px));justify-content:center;max-width:none}
.phone:only-child{transform:none;width:100%;height:auto}

/* Bet slip: the dog sits under the insurance sticker (bottom right) so neither hides the other's text. */
.slip-pal{left:auto;right:6px;bottom:-26px;z-index:2}
.slip-ins{bottom:58px;z-index:1}

/* Hero promise chips wrap instead of scrolling sideways out of sight (the third chip looked cut off). */
#hero .ticks{flex-wrap:wrap;overflow:visible;margin:12px 0;padding:0}

/* Plinko and slot: the 84px of empty pink under the meter was parking space for the helper; it now lives in the bottom bar. */
@media(max-width:699px){.plinko-box,.reel-rig{padding-bottom:var(--s4,16px)}}

/* Phones: one slim bottom row (button + close), the helper in the free corner of the same row, never over the content. */
@media(max-width:599px){
  :root{--cta-h:64px}
  .cta-note{display:none}
  .narrator{--nf:44px}
  .narrator-face{width:44px;height:44px}
  body.has-cta .narrator{bottom:calc(10px + env(safe-area-inset-bottom))}
  .narrator-shoo{top:-12px;right:calc(var(--nf) - 14px);width:22px;height:22px;min-width:0;min-height:0;padding:0;border-radius:50%;font-size:0;line-height:1}
  .narrator-shoo::after{content:"\00d7";font:700 16px/16px var(--bd,sans-serif)}
  .narrator-shoo::before{content:"";position:absolute;inset:-11px}
}

/* Not another PND on a phone: five rows, the rest one tap away (ten identical cards in a row was a wall). */
.np-table.np-collapsed tbody tr:nth-child(n+6){display:none}
.np-more{margin-top:14px}

/* Cast: the height-chart lines and ruler labels were drawn for one desktop row. On phones and tablets they cut through the names and
   quotes and garbled the labels (7 FT / 6 FT read as "¦FT ¥FT"). Below 900px: plain paper, one floor line under each row. */
@media(max-width:899px){
  .lineup{padding:20px 12px 8px;background:#d8d2c2}
  .lineup::before{content:none}
  .lineup-row{gap:0 12px}
  .suspect{padding-bottom:14px;margin-bottom:14px;border-bottom:3px solid #0A0518}
  .suspect:nth-last-child(-n+3){margin-bottom:0}
}

/* Second pass (full review at 390, 768 and 1440). */

/* Roadmap: a 360px board lost in the middle of a wide empty section, and a second "2028" row that should have stayed hidden. */
.road-strip[hidden]{display:none}
@media(min-width:700px){#roadmap .board{width:100%;max-width:none;margin-inline:0}#roadmap .squares{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@media(max-width:699px){#roadmap .squares>li:last-child:nth-child(odd){grid-column:1/-1}}

/* Meme wall: the images are 3:2 and were cropped to squares, so the text on them was cut ("Y HIGH. SELL L"). Show each in full. */
.magnet img{aspect-ratio:auto;height:auto}

/* Sportsbook feature thumbnails: same crop problem ("OPY A DEGE"). */
.feat img,.utility img{object-fit:contain;background:#0A0518}

/* "What $COPE powers": the frog sat on top of the QUICK GAMES label; characters a bit smaller on phones. */
@media(max-width:599px){.door-pal{width:56px}}

/* Hopium before / after: the balloon covered the HOPIUM tag. */
.hc-tag{z-index:6}

/* Supply slices: 5 tiles in a 4-column grid left one alone on the second row. */
@media(min-width:640px){.pie{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:639px){.pie>:last-child:nth-child(odd){grid-column:1/-1}}

/* Cast, desktop: the ruler labels (7 FT, 6 FT ...) were drawn from a text block that the height lines cut through, so they read "¦FT ¥FT". Gone on every width; the lines stay. */
.lineup::before{content:none}
.lineup{padding-left:12px}

/* FAQ, desktop: the chat column floated in the middle while its heading sat on the left. */
.faq.chat{margin-inline:0}