/* 🔴 RED LINE · bombed.app · built by Fable + the agents for Jesse Salas */
/* Cartoon-only homepage (2026-10-08, Jesse's order). Shared by / and /cartoons/. */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{overflow-x:hidden}
body{background:#0a0608;color:#f3e9e9;font-family:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;min-height:100vh;padding:0 0 48px;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:3px solid #ffb84d;outline-offset:2px}

.rl-nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:12px 16px;background:rgba(10,6,8,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
.rl-brand{font-weight:900;font-size:1.05rem;letter-spacing:-.02em;color:#fff;text-decoration:none;white-space:nowrap}
.rl-brand span{color:#ff2a3a}
.rl-brand small{font-size:.6rem;color:#c9bcbc;font-weight:700;letter-spacing:.08em;margin-left:6px}
.rl-links{display:flex;gap:14px;align-items:center}
.rl-links a{color:#e8dfe0;font-size:.86rem;font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center}
.rl-links a:hover{color:#fff}
@media(max-width:480px){ .rl-brand small{display:none} .rl-links{gap:10px} .rl-links a{font-size:.8rem} }

.wrap{max-width:820px;margin:0 auto;padding:0 16px}
.head{text-align:center;margin-top:22px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ff2a3a}
h1{font-size:clamp(28px,7vw,44px);font-weight:900;letter-spacing:-1px;margin-top:8px;line-height:1.05;overflow-wrap:anywhere}
.lead{opacity:.85;margin-top:6px;font-size:.9rem;line-height:1.35}
.stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700}
.stat b{color:#ffb84d}

.adult{margin:10px auto 0;padding:8px 14px;border-radius:14px;background:rgba(255,42,58,.12);border:1px solid rgba(255,42,58,.45);
  font-size:14px;line-height:1.5;color:#ffd9dc;text-align:center}
.adult b{color:#fff;font-size:15px;letter-spacing:.04em}

/* BINGE PLAYER: ONE video element plays every part of every episode in order.
   Vertical 9:16; sized from the screen HEIGHT so the whole frame fits a phone, capped on desktop. */
.binge{margin-top:18px}
.stage{position:relative;margin:0 auto;background:#000;border-radius:16px;overflow:hidden;aspect-ratio:9/16;
  width:min(100%,420px,calc((100vh - 170px) * .5625));width:min(100%,420px,calc((100dvh - 170px) * .5625));box-shadow:0 18px 50px rgba(0,0,0,.6)}
.stage video{width:100%;height:100%;display:block;background:#000;object-fit:contain}
.stage:fullscreen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}
.stage:fullscreen video{width:100%;height:100%}
@media (orientation:landscape) and (max-height:520px){ .stage{width:min(100%,calc((100vh - 70px) * .5625));width:min(100%,calc((100dvh - 70px) * .5625))} }
.ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;
  background:linear-gradient(180deg,rgba(10,6,8,.25),rgba(10,6,8,.82));z-index:3;overflow:auto}
.ov[hidden]{display:none}
.bigplay{appearance:none;border:0;cursor:pointer;font-family:inherit;background:#ff2a3a;color:#fff;font-weight:900;font-size:clamp(20px,6vw,28px);
  padding:18px 30px;border-radius:999px;min-height:64px;box-shadow:0 0 0 6px rgba(255,42,58,.25),0 14px 36px rgba(255,42,58,.5);letter-spacing:.02em}
.bigplay:active{transform:scale(.97)}
.bigplay.alt{background:rgba(255,255,255,.14);font-size:15px;min-height:48px;padding:12px 18px;box-shadow:none;border:1px solid rgba(255,255,255,.25)}
.ov p{font-size:14px;color:#ffd9dc;font-weight:700;line-height:1.4;max-width:300px}
.ov h3{font-size:clamp(20px,5.5vw,26px);font-weight:900;color:#fff;line-height:1.15}
.sound{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(10,6,8,.35);border:0;color:#fff;
  font-family:inherit;font-weight:900;font-size:clamp(20px,6vw,28px);cursor:pointer}
.sound[hidden]{display:none}
.sound span{background:#ff2a3a;padding:16px 26px;border-radius:999px;box-shadow:0 14px 36px rgba(255,42,58,.5)}
.now{font-size:14px;font-weight:800;color:#ffb84d;text-align:center;margin-top:12px;line-height:1.35}
.upnext{font-size:12.5px;font-weight:700;color:#c9bcbc;text-align:center;margin-top:4px;min-height:1.2em}
.ctl{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.ctl button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#f3e9e9;font-weight:800;font-size:14px;
  padding:11px 16px;border-radius:999px;cursor:pointer;min-height:46px;font-family:inherit}
.ctl button:active{transform:scale(.97)}
.ctl button.main{background:#ff2a3a;border-color:#ff2a3a;color:#fff}
.hint{font-size:12.5px;color:#c9bcbc;text-align:center;margin-top:10px;line-height:1.5}

/* THUMBS (2026-10-08): one row per episode card, one under the player for what is playing now. */
.vote{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vote button{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#f3e9e9;font-family:inherit;
  font-weight:900;font-size:15px;padding:0 14px;min-height:44px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.vote button:active{transform:scale(.96)}
.vote button.on.up{background:rgba(127,211,138,.2);border-color:#7fd38a;color:#d8ffde}
.vote button.on.down{background:rgba(255,42,58,.2);border-color:#ff2a3a;color:#ffd9dc}
.vote .pct{font-size:12.5px;font-weight:800;color:#c9bcbc}
.vote .pct b{color:#ffb84d}
.now-vote{display:flex;justify-content:center;margin-top:10px}
.now-vote .vote{justify-content:center}

.list{margin-top:10px;display:grid;gap:14px}
.ep{background:linear-gradient(160deg,#160a0e,#0f0609);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;position:relative}
.ep-top{display:flex;gap:14px;align-items:center;padding:14px;width:100%;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font-family:inherit}
.ep-top:active{background:rgba(255,255,255,.04)}
.thumb{width:64px;height:112px;border-radius:10px;object-fit:cover;object-position:50% 0;background:#1d0c11;flex:none;border:1px solid rgba(255,255,255,.1)}
.ep-meta{flex:1;min-width:0}
.ep-num{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ff2a3a}
.ep-title{font-size:18px;font-weight:900;line-height:1.2;margin-top:4px;overflow-wrap:anywhere}
.ep-sub{font-size:13px;color:#c9bcbc;margin-top:6px;font-weight:600}
.ep-play{flex:none;background:#ff2a3a;color:#fff;font-weight:900;font-size:14px;padding:12px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(255,42,58,.35)}
.ep .vote{padding:0 14px 12px}
.badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}
.badge.top{background:#ffb84d;color:#1a0a0e}
.badge.new{background:#7c4dff;color:#fff}
.parts{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.parts button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#f3e9e9;font-weight:800;font-size:12.5px;
  padding:9px 12px;border-radius:999px;cursor:pointer;min-height:40px;font-family:inherit}
.parts button.active{background:#ff2a3a;border-color:#ff2a3a;color:#fff}
.ep.playing{border-color:#ff2a3a;box-shadow:0 0 0 1px rgba(255,42,58,.6)}
.ep.playing .ep-play{background:rgba(255,255,255,.12);box-shadow:none}
.ep.done .ep-num{color:#7fd38a}
.listhead{margin-top:28px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9bcbc;text-align:center}
@media(min-width:640px){ .thumb{width:80px;height:140px} .ep-title{font-size:21px} }

/* "WHAT DO YOU WANT MORE OF?" (2026-10-08): chips + optional comment. Comments are never shown publicly. */
.fb{margin:26px auto 0;max-width:620px;padding:16px;border:1px solid rgba(255,206,69,.4);border-radius:16px;background:rgba(255,206,69,.06);text-align:center}
.fb[hidden]{display:none}
.fb h2{font-size:1.1rem;color:#fff;margin:0 0 4px}
.fb .fb-sub{font-size:13px;color:#c9b8a0;margin-bottom:10px;line-height:1.4}
.fb .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.fb .chips button{appearance:none;font-family:inherit;font-weight:800;font-size:14px;color:#f3e9e9;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0 14px;min-height:42px;cursor:pointer}
.fb .chips button.on{background:#ffd23a;border-color:#ffd23a;color:#1a0a0e}
.fb textarea{display:block;width:100%;margin-top:10px;font-family:inherit;font-size:16px;padding:10px;border-radius:10px;border:1px solid #555;background:#0c0c12;color:#fff;resize:vertical;min-height:44px}
.fb .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fb .send{margin-top:10px;width:100%;min-height:50px;font-family:inherit;font-weight:900;font-size:17px;color:#1a0a0e;background:#ffd23a;border:0;border-radius:12px;cursor:pointer}
.fb .send:disabled{opacity:.6}
.fb .msg{margin-top:8px;font-weight:800;min-height:1.2em;font-size:14px;color:#ffd9dc}
.fb .later{margin-top:6px;background:none;border:0;color:#c9bcbc;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:36px}
.ov .fb{margin:4px 0 0;padding:10px;max-width:100%;background:rgba(10,6,8,.6)}
.ov .fb h2{font-size:1rem}
.ov .fb .chips button{font-size:12.5px;min-height:36px;padding:0 10px}
.ov .fb textarea{font-size:14px;min-height:38px;margin-top:8px}
.ov .fb .send{min-height:42px;font-size:15px}

.empty{margin-top:30px;text-align:center;padding:30px 16px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:#c9bcbc;line-height:1.6}
.foot{margin-top:34px;text-align:center;font-size:12.5px;color:#9a8c8e;line-height:2}
.foot a{color:#c9bcbc;text-decoration:none;margin:0 7px}
.foot .more{color:#c9bcbc;font-weight:700}