/* Chat Detective — ordered legacy overrides bundle. Generated from the listed v*.css sources; do not reorder rules. */
/* ---- BEGIN v48.css ---- */
/* v48 — compact editorial About, rounded glass navigation, shared footer. */
body[data-view] .site-header,
body[data-view="home"] .site-header,
body:not([data-view="home"]) .site-header{
  box-sizing:border-box;
  width:100%;
  max-width:1340px;
  height:70px;
  margin:8px auto 0;
  padding:0 20px;
  border:1px solid rgba(236,194,243,.30);
  border-radius:22px;
  background:linear-gradient(112deg,rgba(30,30,57,.69),rgba(50,30,65,.57) 58%,rgba(60,32,68,.49));
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 38px rgba(11,8,30,.18);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  position:relative;
  isolation:isolate;
  z-index:5500;
}
body.cdh-light[data-view] .site-header{
  border-color:rgba(150,108,133,.3);
  background:linear-gradient(118deg,rgba(255,247,252,.76),rgba(246,226,244,.66));
  box-shadow:0 10px 26px rgba(113,64,107,.11);
}
body[data-view] .site-header .desktop-nav{align-items:center}
body[data-view] .site-header .desktop-nav .nav-link{border-radius:12px}
body[data-view] .site-header .brand{min-width:0}
body[data-view] .site-header .brand span{white-space:nowrap}

/* The footer is part of the same glass shell on every route. */
body[data-view] .site-footer,
body[data-view="home"] .site-footer,
body:not([data-view="home"]) .site-footer{
  box-sizing:border-box;
  width:100%;
  max-width:1340px;
  min-height:82px;
  margin:28px auto 12px;
  padding:15px 22px;
  border:1px solid rgba(234,179,236,.33);
  border-radius:22px;
  background:linear-gradient(112deg,rgba(38,31,66,.73),rgba(57,29,68,.65));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 40px rgba(14,8,35,.16);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  color:#e8dced;
  font:600 13px/1.35 var(--cd-ui-font,Inter,system-ui,sans-serif);
}
body.cdh-light[data-view] .site-footer{
  background:rgba(252,238,247,.78);
  border-color:rgba(152,104,134,.25);
  color:#654968;
}
.cd-footer-brand{display:flex;align-items:center;gap:12px;min-width:0}
.cd-footer-symbol{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(252,164,209,.47);background:linear-gradient(135deg,rgba(240,63,137,.39),rgba(118,64,148,.30));color:#ffb1d1;font-size:21px;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.cd-footer-brand strong{display:block;font-size:14px;letter-spacing:.035em;color:#fff}
.cd-footer-brand small{display:block;color:#c8b6d6;font-size:11px;font-weight:500;margin-top:3px}
.cd-footer-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.cd-footer-about{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid rgba(228,191,237,.34);border-radius:11px;background:rgba(255,255,255,.06);color:#f2ddf3!important;font-size:12px;font-weight:700;text-decoration:none!important;transition:background .18s,border-color .18s}
.cd-footer-about:hover,.cd-footer-about:focus-visible{background:rgba(232,79,149,.18);border-color:#fa89c0;text-decoration:none!important}
.cd-footer-credit{color:#cfc0db;font-size:12px}
.cd-footer-credit a{color:#ff88b9!important;font-weight:850;text-decoration:none!important}
.cd-footer-credit a:hover{text-decoration:underline!important}
.cd-footer-year{font-size:11px;font-weight:500;opacity:.65}
body.cdh-light[data-view] .cd-footer-brand strong{color:#4e2b54}
body.cdh-light[data-view] .cd-footer-brand small,body.cdh-light[data-view] .cd-footer-credit{color:#745674}
body.cdh-light[data-view] .cd-footer-about{color:#633b60!important;border-color:rgba(151,94,134,.35);background:rgba(255,255,255,.45)}

/* Compact About: one introduction, three clear steps, two action cards. */
body[data-view="about"] .cd-about-page{
  width:min(100%,1020px);max-width:1020px;margin:0 auto;
  padding:24px 12px 42px;color:#f6edf8;
}
.cd-about-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);
  align-items:center;gap:24px;
  padding:30px 34px;
  border:1px solid rgba(236,178,236,.35);
  border-radius:24px;
  background:linear-gradient(117deg,rgba(53,37,78,.78),rgba(40,29,72,.56));
  box-shadow:inset 0 1px rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
}
.cd-about-hero .view-back{display:inline-flex;margin:0 0 16px;font-size:12px;text-decoration:none;opacity:.8}
.cd-about-hero .view-back:hover{opacity:1}
.cd-about-kicker{display:block;color:#ff9ac3;font-size:10px;font-weight:900;letter-spacing:.21em}
.cd-about-hero h1{font-size:clamp(29px,3.7vw,44px);line-height:1.08;letter-spacing:-.035em;margin:9px 0 12px;max-width:620px}
.cd-about-hero h1 em{font-style:normal;color:#ff8ebd}
.cd-about-hero p{max-width:570px;margin:0;line-height:1.6;font-size:13px;color:#d7c8e2}
.cd-about-feature{position:relative;padding:21px;border:1px solid rgba(244,181,229,.3);border-radius:18px;background:radial-gradient(circle at 90% 5%,rgba(239,72,150,.19),transparent 70%),rgba(19,18,43,.37)}
.cd-about-feature-label{display:block;color:#f7a1c7;font-size:10px;letter-spacing:.14em;font-weight:800}
.cd-about-feature strong{display:block;color:#fff;font-size:21px;line-height:1.2;margin:9px 0 17px}
.cd-about-feature .cd-about-cta{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:7px 13px;border-radius:11px;font-size:12px;font-weight:800;margin:0;background:#e83d85;border:1px solid rgba(255,169,204,.45);text-decoration:none}
.cd-about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}
.cd-about-step{display:flex;align-items:center;gap:12px;border:1px solid rgba(215,175,231,.27);border-radius:15px;background:rgba(35,29,63,.53);padding:15px 16px}
.cd-about-step-number{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;flex:none;background:rgba(236,73,142,.16);color:#ff9fc8;font:850 12px/1 system-ui}
.cd-about-step strong{display:block;color:#fff;font-size:13px}
.cd-about-step small{display:block;color:#cbbbd9;font-size:11px;margin-top:3px;font-weight:500}
.cd-about-cards{display:grid;grid-template-columns:1.12fr .88fr;gap:13px;margin-top:13px}
.cd-about-card{border:1px solid rgba(220,178,233,.28);border-radius:20px;background:rgba(39,30,68,.56);padding:22px 23px;min-width:0;backdrop-filter:blur(16px)}
.cd-about-card-label{color:#ffa1c9;letter-spacing:.15em;font-size:10px;font-weight:850}
.cd-about-card h2{color:#fff;font-size:20px;line-height:1.2;margin:8px 0}
.cd-about-card p{font-size:12px;line-height:1.55;color:#d5c7e1;margin:0 0 14px}
.cd-about-tags{display:flex;gap:7px;flex-wrap:wrap}
.cd-about-tags span{padding:6px 9px;border-radius:9px;border:1px solid rgba(228,190,238,.26);background:rgba(255,255,255,.055);color:#eadbed;font-size:11px;font-weight:650}
.cd-about-tags .is-soon{color:#bdb2cb;opacity:.73}
.cd-about-card-link{display:inline-flex;align-items:center;color:#ff9ec7!important;font-size:12px;font-weight:800;text-decoration:none}
.cd-about-card-link:hover{text-decoration:underline}
.cd-about-note{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:13px;padding:12px 18px;border:1px solid rgba(220,178,233,.21);border-radius:15px;background:rgba(36,29,63,.31);font-size:11px;color:#cdbbd9}
.cd-about-note strong{color:#e6d7ee}
.cd-about-note a{color:#ff9ac5;text-decoration:none;font-weight:700}
.cd-about-note a:hover{text-decoration:underline}
body.cdh-light[data-view="about"] .cd-about-page{color:#4c3457}
body.cdh-light[data-view="about"] :is(.cd-about-hero,.cd-about-card,.cd-about-step,.cd-about-note){background:rgba(255,247,253,.76);border-color:rgba(166,119,157,.27)}
body.cdh-light[data-view="about"] :is(.cd-about-hero h1,.cd-about-card h2,.cd-about-step strong,.cd-about-feature strong){color:#4b3151}
body.cdh-light[data-view="about"] :is(.cd-about-hero p,.cd-about-card p,.cd-about-step small,.cd-about-note){color:#735e76}
@media(max-width:780px){
  body[data-view] .site-header,body[data-view="home"] .site-header,body:not([data-view="home"]) .site-header{height:62px;margin-top:5px;padding:0 13px;border-radius:18px}
  body[data-view] .page-shell #mobile-nav,body[data-view] .site-header #mobile-nav{top:calc(100% + 8px)!important;right:0!important}
  body[data-view="about"] .cd-about-page{padding:15px 8px 32px}
  .cd-about-hero{grid-template-columns:1fr;padding:22px 20px;gap:18px}
  .cd-about-feature{padding:17px}
  .cd-about-feature strong{font-size:19px;margin:6px 0 12px}
  .cd-about-steps{grid-template-columns:1fr;gap:8px}
  .cd-about-step{padding:12px 13px}
  .cd-about-cards{grid-template-columns:1fr;gap:10px}
  body[data-view] .site-footer,body[data-view="home"] .site-footer,body:not([data-view="home"]) .site-footer{padding:14px 16px;gap:13px;flex-wrap:wrap;border-radius:18px}
  .cd-footer-right{justify-content:space-between;width:100%}
}
@media(max-width:420px){
  .cd-footer-right{gap:9px}
  .cd-footer-year{display:none}
  .cd-footer-brand small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.cd-footer-about{transition:none}}
/* ---- END v48.css ---- */

/* ---- BEGIN v49.css ---- */
/* v49 — mobile glass shell and visual clip-scoring modes. */
body.cdh-dark[data-view] .site-header,
body.cdh-light[data-view] .site-header{
  box-sizing:border-box;
  border:1px solid rgba(237,188,239,.35)!important;
  border-radius:23px!important;
  background:linear-gradient(112deg,rgba(30,30,57,.82),rgba(55,31,69,.69))!important;
  background-clip:padding-box!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 14px 36px rgba(9,7,26,.20)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  overflow:visible;
}
body.cdh-light[data-view] .site-header{
  border-color:rgba(160,112,154,.32)!important;
  background:linear-gradient(112deg,rgba(255,250,253,.87),rgba(239,222,246,.82))!important;
}
body.cdh-dark[data-view] .site-footer,body.cdh-light[data-view] .site-footer{
  border-radius:22px!important;
  border:1px solid rgba(236,186,239,.34)!important;
  background:linear-gradient(112deg,rgba(38,31,66,.82),rgba(57,29,68,.75))!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
}
body.cdh-light[data-view] .site-footer{background:rgba(251,239,249,.88)!important}

/* Distinct visual cards for infinite streaks and survival hearts. */
.cd-game-mode-picker.is-panel .cd-game-mode-menu{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cd-game-mode-picker.is-panel [data-play-mode="survival"]{
  border-color:rgba(240,132,168,.37);
  background:linear-gradient(132deg,rgba(93,37,74,.56),rgba(33,27,65,.66));
}
.cd-game-mode-picker.is-panel [data-play-mode="survival"][aria-checked="true"]{
  border-color:rgba(255,106,145,.91);
  background:linear-gradient(125deg,rgba(165,38,81,.55),rgba(65,37,85,.68));
}
.game-main .cd-game-endless-stats{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  gap:9px;
  padding:12px 15px!important;
  margin-top:8px!important;
  border:1px solid rgba(221,180,235,.28);
  border-radius:15px;
  background:linear-gradient(112deg,rgba(22,22,52,.54),rgba(72,36,72,.27));
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.game-main .cd-game-endless-stats[hidden]{display:none!important}
.cd-reel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cd-reel-caption{font-size:10px;letter-spacing:.16em;font-weight:850;color:#e1c8ed}
.cd-clip-reel{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:100%}
.cd-clip-tile{
  position:relative;display:grid;place-items:center;
  min-width:0;aspect-ratio:1.25;max-height:39px;border-radius:7px;
  border:1px solid rgba(213,191,230,.28);
  background:linear-gradient(145deg,rgba(44,40,77,.86),rgba(29,28,62,.87));
  font-size:16px;font-weight:900;color:#827d9d;
  box-shadow:inset 0 2px rgba(255,255,255,.045);
}
.cd-clip-tile::before{
  content:"";position:absolute;left:2px;right:2px;top:3px;height:4px;
  border-radius:2px;background:repeating-linear-gradient(118deg,rgba(255,255,255,.30) 0 4px,transparent 4px 8px);
  opacity:.28;
}
.cd-clip-tile.is-win{border-color:rgba(91,229,181,.6);color:#90ffd3;background:linear-gradient(150deg,rgba(29,123,103,.62),rgba(25,54,67,.75))}
.cd-clip-tile.is-loss{border-color:rgba(255,134,155,.56);color:#ffb1bd;background:linear-gradient(150deg,rgba(147,47,89,.59),rgba(74,31,67,.75))}
.cd-clip-tile.is-skip{color:#ceb8d0;border-color:rgba(220,182,235,.3)}
.cd-clip-tile.is-empty{opacity:.48;color:#bbb1d2;font-size:11px}
.cd-clip-tile.is-win::before,.cd-clip-tile.is-loss::before{opacity:.52}
.cd-reel-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.cd-reel-metric{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.03em;color:#cfc1df;font-weight:750}
.cd-reel-pips{display:flex;align-items:center;gap:3px}
.cd-reel-pips i{display:block;width:10px;height:5px;border-radius:2px;background:rgba(193,175,216,.25)}
.cd-reel-pips i.is-lit{background:#ff7ead;box-shadow:0 0 6px rgba(248,95,162,.3)}
.cd-reel-pips.is-record i.is-lit{background:#d6a5fd}
.cd-survival-hearts{display:none;align-items:center;gap:6px;font:900 23px/1 system-ui;letter-spacing:0}
.cd-game-endless-stats.is-survival .cd-survival-hearts{display:flex}
.cd-survival-hearts .is-alive{color:#ff648f;text-shadow:0 0 15px rgba(254,88,148,.45)}
.cd-survival-hearts .is-lost{color:rgba(139,116,157,.39);text-shadow:none}
.cd-score-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.cd-game-endless-stats.is-survival{border-color:rgba(255,126,164,.38);background:linear-gradient(117deg,rgba(64,28,66,.60),rgba(28,25,58,.58))}
@media(max-width:1050px){
  .cd-game-mode-picker.is-panel .cd-game-mode-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  body.cdh-dark[data-view] .site-header,body.cdh-light[data-view] .site-header{
    border-radius:20px!important;
    margin-top:5px!important;
    padding:0 11px!important;
    border:1px solid rgba(246,200,248,.42)!important;
  }
  body.cdh-dark[data-view] .site-footer,body.cdh-light[data-view] .site-footer{
    display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;
    min-height:67px!important;
    padding:10px 12px!important;gap:8px!important;
    border-radius:19px!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .site-footer .cd-footer-brand{gap:8px;min-width:0;flex:0 1 auto}
  .site-footer .cd-footer-symbol{width:35px;height:35px;border-radius:11px;font-size:18px}
  .site-footer .cd-footer-brand strong{font-size:clamp(10px,2.6vw,13px);white-space:nowrap}
  .site-footer .cd-footer-brand small{display:none!important}
  .site-footer .cd-footer-right{width:auto!important;flex:0 0 auto;flex-wrap:nowrap!important;gap:8px!important}
  .site-footer .cd-footer-about{padding:0 9px;min-height:33px;font-size:11px;white-space:nowrap}
  .site-footer .cd-footer-credit{font-size:11px;white-space:nowrap}
  .site-footer .cd-footer-year{display:none}
  .cd-game-mode-picker.is-panel .cd-game-mode-menu{grid-template-columns:1fr!important;gap:7px!important}
  .cd-game-mode-picker.is-panel [data-play-mode]{min-height:60px;padding:12px 15px}
  .game-main .cd-game-endless-stats{padding:12px!important}
  .cd-clip-reel{gap:4px}
}
@media(max-width:410px){
  .site-footer .cd-footer-symbol{width:30px;height:30px;font-size:16px}
  .site-footer .cd-footer-brand strong{font-size:10px;letter-spacing:0}
  .site-footer .cd-footer-credit{font-size:0!important}
  .site-footer .cd-footer-credit a{font-size:11px}
  .site-footer .cd-footer-about{font-size:10px;min-height:30px;padding:0 7px}
  .site-footer .cd-footer-right{gap:6px!important}
  .game-main .cd-game-endless-stats{padding:10px!important}
  .cd-clip-tile{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.cd-clip-tile,.cd-survival-hearts .is-alive{transition:none;text-shadow:none}}
/* ---- END v49.css ---- */

/* ---- BEGIN v50.css ---- */
/* v50 — precise mobile shell and platform-independent game indicators. */
body.cdh-dark[data-view] .site-header,
body.cdh-light[data-view] .site-header{border-radius:13px!important}
@media(max-width:780px){
  body.cdh-dark[data-view] .site-header,
  body.cdh-light[data-view] .site-header{border-radius:12px!important}
}

/* Keep creator credit in the footer; page title already lives in the header. */
.site-footer .cd-footer-brand{min-width:0;flex:0 0 auto}
.site-footer .cd-footer-symbol svg{display:block;width:21px;height:21px;color:#f9bbdf}
.site-footer .cd-footer-right{margin-left:auto}
@media(max-width:780px){
  body.cdh-dark[data-view] .site-footer,
  body.cdh-light[data-view] .site-footer{min-height:61px!important;padding:9px 12px!important}
  .site-footer .cd-footer-brand{flex:0 0 auto}
  .site-footer .cd-footer-symbol{width:34px;height:34px}
}
@media(max-width:410px){
  .site-footer .cd-footer-symbol{width:30px;height:30px}
  .site-footer .cd-footer-symbol svg{width:17px;height:17px}
}

/* Each tile has a vector mark: iOS cannot replace it with an emoji icon. */
.cd-clip-tile svg{
  width:18px;height:18px;display:block;
  flex:none;overflow:visible;
  color:inherit;
}
.cd-clip-tile.is-empty svg{width:12px;height:12px}
.cd-clip-tile.is-current{
  color:#fff!important;
  opacity:1!important;
  border-color:rgba(255,255,255,.94)!important;
  background:linear-gradient(140deg,rgba(146,133,180,.57),rgba(76,68,112,.67))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 16px rgba(243,227,255,.26),inset 0 1px rgba(255,255,255,.24)!important;
}
.cd-clip-tile.is-current::before{opacity:.9;background:repeating-linear-gradient(118deg,#fff 0 4px,transparent 4px 8px)}
.cd-clip-tile.is-current svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.7))}
.cd-game-endless-stats:not(.is-survival) .cd-reel-heading{display:none}
.cd-game-endless-stats.is-survival .cd-reel-heading{justify-content:flex-end;margin-bottom:1px}
.cd-survival-hearts{gap:8px;line-height:1}
.cd-survival-hearts span{display:grid;place-items:center;width:24px;height:24px}
.cd-survival-hearts svg{display:block;width:23px;height:23px;overflow:visible}
.cd-survival-hearts .is-alive svg{
  fill:#ff648f;stroke:#ffcedd;stroke-width:1.15;
  filter:drop-shadow(0 0 6px rgba(255,83,144,.43));
}
.cd-survival-hearts .is-lost svg{
  fill:transparent;stroke:rgba(199,174,212,.66);stroke-width:1.5;
  filter:none;opacity:.45;
}
@media(max-width:410px){
  .cd-clip-tile svg{width:15px;height:15px}
  .cd-clip-tile.is-empty svg{width:11px;height:11px}
}
@media(prefers-reduced-motion:reduce){.cd-survival-hearts svg,.cd-clip-tile.is-current svg{filter:none}}
/* ---- END v50.css ---- */

/* ---- BEGIN v51.css ---- */
/* v51 — balanced home, accessible playback guidance, quality menu and results. */

/* After removing a third home-mode card, two choices occupy equal space. */
@media(max-width:640px){
  body[data-view="home"] .cde-mode-picker .cde-mode-links{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;width:100%!important;align-items:stretch!important;
  }
  body[data-view="home"] .cde-mode-picker .cde-mode-links>*{
    width:100%!important;min-width:0!important;
    min-height:47px!important;padding:7px 8px!important;margin:0!important;
    justify-content:center!important;text-align:center!important;
    white-space:normal!important;font-size:12px!important;
  }
}
.cde-preview-notice{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  margin:16px 0 0;padding:7px 11px;
  border:1px solid rgba(255,168,207,.28);border-radius:999px;
  background:rgba(55,32,76,.37);color:#e6c6e1;
  font:650 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.01em;
}
.cde-early-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff88b6;box-shadow:0 0 9px rgba(255,115,175,.45)}
@media(max-width:420px){.cde-preview-notice{font-size:10px;padding:6px 9px}}

/* Only already-watched video is seekable before confirming the answer. */
body[data-view="what-next"] .cd-seek-hint{
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:8px 11px;margin:0;
  font-size:10px;line-height:1.4;letter-spacing:.01em;
  text-align:center;color:rgba(235,213,245,.83);
  background:rgba(21,19,49,.45);border-top:1px solid rgba(194,156,218,.14);
}
body[data-view="what-next"] .cd-seek-hint[hidden]{display:none!important}
.cd-seek-hint svg{display:block;width:12px;height:12px;flex:none;fill:none;stroke:#ff94bc;stroke-width:1.8;stroke-linecap:round}
@media(max-width:420px){body[data-view="what-next"] .cd-seek-hint{font-size:9.5px;line-height:1.3;padding:7px 8px}}

/* The quality menu is over video, keeping narrow mobile transport controls intact. */
.game-main .player-stage{position:relative}
.game-main .cd-quality-control{
  position:absolute;top:10px;right:10px;z-index:11;
  display:flex;flex-direction:column;align-items:flex-end;
  font-family:Inter,system-ui,sans-serif;
}
.game-main .cd-quality-control[hidden],.game-main .cd-quality-menu[hidden]{display:none!important}
.cd-quality-toggle{
  display:flex;align-items:center;justify-content:center;gap:6px;
  min-width:46px;height:30px;padding:0 9px;
  border:1px solid rgba(244,216,255,.55);border-radius:9px;
  background:rgba(26,24,50,.77);color:#fbeafa;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  font:800 11px/1 Inter,system-ui,sans-serif;
  cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);
}
.cd-quality-toggle::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.cd-quality-toggle:focus-visible{outline:2px solid #ff99c4;outline-offset:2px}
.cd-quality-menu{
  display:flex;flex-direction:column;gap:3px;margin-top:5px;padding:5px;
  min-width:94px;max-height:174px;overflow-y:auto;
  border:1px solid rgba(244,201,245,.48);border-radius:10px;
  background:rgba(29,24,58,.94);box-shadow:0 12px 25px rgba(0,0,0,.31);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.cd-quality-menu button{
  border:0;border-radius:7px;padding:8px 11px;
  color:#e5d7f2;background:transparent;
  text-align:left;font:700 11px/1.2 Inter,system-ui,sans-serif;
}
.cd-quality-menu button.is-selected,.cd-quality-menu button:hover{color:#fff;background:rgba(238,78,146,.38)}
@media(max-width:420px){.game-main .cd-quality-control{top:7px;right:7px}.cd-quality-toggle{height:27px;min-width:43px;font-size:10px}}

/* Flat, readable reveal: outcome, actual answer, optional chosen mistake. */
body[data-view="what-next"] .game-main .question-sheet .round-feedback{
  margin:9px 0 0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body[data-view="what-next"] .game-main .cd-result-head{
  display:flex;align-items:center;gap:11px;margin:0 0 16px!important;
}
body[data-view="what-next"] .game-main .cd-result-mark{
  display:grid;place-items:center;flex:none;
  width:39px;height:39px;border-radius:12px;
  color:#152f2b;background:linear-gradient(135deg,#82f3bd,#3cc98d);
  box-shadow:0 0 0 1px rgba(161,255,212,.3),0 7px 17px rgba(53,191,128,.12);
}
body[data-view="what-next"] .game-main .is-incorrect .cd-result-mark{
  color:#fff2f6;background:linear-gradient(135deg,#ff779d,#d63a75);
  box-shadow:0 0 0 1px rgba(255,173,199,.27),0 7px 17px rgba(226,55,111,.12);
}
body[data-view="what-next"] .game-main .cd-result-mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cd-result-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
body[data-view="what-next"] .game-main .cd-result-copy small{
  font:850 9px/1.1 Inter,system-ui,sans-serif;letter-spacing:.15em;
  color:#a0e5bd;
}
body[data-view="what-next"] .game-main .is-incorrect .cd-result-copy small{color:#ff9bbb}
body[data-view="what-next"] .game-main .question-sheet .round-feedback .cd-result-copy h3{
  font:850 clamp(22px,4.2vw,28px)/1.15 Inter,system-ui,sans-serif!important;
  color:#f7effb!important;
}
body[data-view="what-next"] .game-main .cd-result-answer{
  border-top:1px solid rgba(223,187,238,.22);border-bottom:0!important;
  padding:12px 0 5px!important;gap:9px!important;
}
body[data-view="what-next"] .game-main .cd-result-answer>span{color:#bbabc9;font:750 10px/1.1 Inter,system-ui,sans-serif;letter-spacing:.11em}
.cd-result-answer-line{display:flex;align-items:flex-start;gap:10px;min-width:0}
body[data-view="what-next"] .game-main .cd-result-answer-line .cd-result-letter{
  flex:0 0 30px;display:grid;place-items:center;
  width:30px;height:30px;border-radius:9px;
  border:1px solid rgba(207,172,244,.3);background:rgba(176,119,211,.18);
  color:#f4ddff;font:850 13px/1 Inter,system-ui,sans-serif;
}
body[data-view="what-next"] .game-main .cd-result-answer-line strong{
  display:block;min-width:0;margin:2px 0 0;
  color:#f7eefa!important;font:750 clamp(14px,3.7vw,17px)/1.43 Inter,system-ui,sans-serif!important;
  overflow-wrap:anywhere;
}
body[data-view="what-next"] .game-main .cd-result-your-answer{
  margin:8px 0 0;padding:8px 10px;
  border-radius:9px;background:rgba(227,75,125,.12);
  color:#d0b4c9;font:600 11px/1.4 Inter,system-ui,sans-serif;
}
body[data-view="what-next"] .game-main .cd-result-your-answer strong{font-weight:750;color:#ffd1dc}
body[data-view="what-next"] .game-main .cd-result-your-answer[hidden]{display:none!important}
body[data-view="what-next"] .game-main .cd-result-explanation:not([hidden]){margin:10px 0 0!important;color:#dbc9e3!important;font-size:12px!important}
body[data-view="what-next"] .game-main .cd-original-clip{margin-top:13px!important;font-size:11px!important}

/* A clear beta note on About, without crowding the page's main pitch. */
.cd-about-early{
  display:flex;align-items:center;gap:15px;
  margin:15px 0 0;padding:14px 18px;border-radius:15px;
  border:1px solid rgba(249,165,210,.32);
  background:linear-gradient(111deg,rgba(112,40,91,.35),rgba(44,31,78,.43));
}
.cd-early-tag{flex:none;padding:6px 9px;border-radius:7px;background:rgba(245,101,157,.20);border:1px solid rgba(255,174,208,.4);color:#ffb9d7;font:850 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em}
.cd-about-early p{margin:0;color:#e1cee7;font-size:12px;line-height:1.6}
@media(max-width:600px){.cd-about-early{align-items:flex-start;flex-direction:column;gap:9px;padding:13px}.cd-about-early p{font-size:11px}}

/* Light theme contrast for newly introduced informational text. */
body.cdh-light[data-view="home"] .cde-preview-notice{
  color:#744466;background:rgba(255,245,253,.78);border-color:rgba(181,105,155,.32);
}
body.cdh-light[data-view="what-next"] .cd-seek-hint{
  color:#654b71;background:rgba(245,225,247,.64);border-top-color:rgba(154,106,169,.22);
}
body.cdh-light[data-view="what-next"] .game-main .question-sheet .round-feedback .cd-result-copy h3{
  color:#44314c!important;
}
body.cdh-light[data-view="what-next"] .game-main .cd-result-answer-line strong{
  color:#56365b!important;
}
body.cdh-light[data-view="what-next"] .game-main .cd-result-answer>span{color:#78637c}
body.cdh-light[data-view="what-next"] .game-main .cd-result-answer-line .cd-result-letter{
  color:#6a3e72;background:rgba(170,105,179,.14);border-color:rgba(160,94,167,.23);
}
body.cdh-light[data-view="what-next"] .game-main .cd-result-explanation:not([hidden]){color:#684c6c!important}
body.cdh-light[data-view="what-next"] .game-main .cd-result-your-answer{color:#865d7a;background:rgba(220,97,143,.12)}
body.cdh-light[data-view="what-next"] .game-main .cd-result-your-answer strong{color:#963764}
body.cdh-light[data-view="about"] .cd-about-early{
  background:rgba(253,241,249,.83);border-color:rgba(174,111,152,.32);
}
body.cdh-light[data-view="about"] .cd-about-early p{color:#664e69}
body.cdh-light[data-view="about"] .cd-early-tag{color:#9b3e71;background:rgba(233,124,168,.15)}
/* ---- END v51.css ---- */

/* ---- BEGIN v52.css ---- */
/* v52 — unified layout and uncluttered game progress. */
body[data-view] .site-header,
body[data-view] .site-footer,
body[data-view="home"] .site-header,
body[data-view="home"] .site-footer {
  box-sizing:border-box;
  width:100%;
  max-width:1440px!important;
}
body[data-view="home"] .cde-layout {width:min(100%,1440px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,4vw,80px)}
body[data-view="home"] .cde-mode-picker {width:min(100%,460px);max-width:none}
body[data-view="home"] .cde-mode-links {width:100%;min-height:62px}
body[data-view="home"] .cde-mode-links>* {min-height:58px}
body[data-view="home"] .cde-cta {
  display:flex;width:min(100%,460px);min-height:60px;
  margin-top:18px;justify-content:space-between;padding:0 24px;
  border-radius:14px;font-size:17px;
}
body[data-view="home"] .cde-preview-notice{
  font-size:12px;color:#ffe0ed;padding:9px 13px;
  background:rgba(85,35,75,.70);border-color:rgba(255,158,204,.50)
}
body[data-view] .site-footer,
body[data-view="home"] .site-footer{
  min-height:64px!important;align-items:center!important;
  border:1px solid rgba(222,178,226,.17)!important;
  background:rgba(40,32,66,.47)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 35px rgba(10,7,28,.08)!important;
  backdrop-filter:blur(25px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(25px) saturate(125%)!important;
}
body[data-view] .site-footer .cd-footer-right {align-items:center}
body[data-view="what-next"] .game-main {width:min(1440px,calc(100vw - 44px))}
body[data-view="what-next"] .game-head{
  display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.55fr) auto;
  align-items:center;gap:28px;min-height:112px;
}
body[data-view="what-next"] .game-heading-area{align-items:center;align-self:center}
body[data-view="what-next"] .game-heading-area h1{margin:0!important;line-height:1.16!important}
body[data-view="what-next"] .game-round-meta{grid-column:2 / 4;justify-self:end}
body[data-view="what-next"] .game-head:has(.cd-game-endless-stats:not([hidden])) .game-round-meta{display:none}
body[data-view="what-next"] .cd-game-endless-stats{
  grid-column:2;grid-row:1;justify-self:center;align-self:center;
  margin:0!important;padding:0!important;
  width:min(100%,610px);max-width:610px;
  background:none!important;border:0!important;box-shadow:none!important;
  gap:10px;text-align:center;
}
body[data-view="what-next"] .cd-game-endless-stats .cd-reel-heading{display:none}
body[data-view="what-next"] .cd-clip-reel{display:flex;justify-content:center;gap:8px}
body[data-view="what-next"] .cd-clip-tile{
  flex:0 1 53px;max-width:53px;max-height:46px;min-height:42px;
  aspect-ratio:1.2;border-radius:10px;
}
body[data-view="what-next"] .cd-clip-tile svg{width:22px;height:22px}
body[data-view="what-next"] .cd-reel-bottom{justify-content:center;gap:24px}
body[data-view="what-next"] .cd-reel-metric{font-size:11px}
body[data-view="what-next"] .cd-game-lives{
  grid-column:3;grid-row:1;justify-self:end;align-self:center;
  padding:10px 14px;border-radius:14px;
  background:rgba(89,33,76,.2);white-space:nowrap;
}
body[data-view="what-next"] .cd-game-lives[hidden]{display:none!important}
body[data-view="what-next"] .cd-game-lives .cd-survival-hearts{display:flex;gap:9px}
body[data-view="what-next"] .cd-game-lives .cd-survival-hearts svg{width:27px;height:27px}
@media(max-width:980px){
 body[data-view="what-next"] .game-head{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 body[data-view="what-next"] .cd-game-endless-stats{grid-column:1 / -1;grid-row:2;width:100%}
 body[data-view="what-next"] .cd-game-lives{grid-column:2;grid-row:1}
 body[data-view="what-next"] .game-round-meta{grid-column:2;grid-row:1}
 body[data-view="what-next"] .game-head:has(.cd-game-endless-stats:not([hidden])) .game-round-meta{display:none}
}
@media(max-width:780px){
 body[data-view="home"] .cde-layout{grid-template-columns:1fr}
 body[data-view="home"] .cde-mode-picker,
 body[data-view="home"] .cde-cta{width:100%}
 body[data-view="what-next"] .game-head{grid-template-columns:minmax(0,1fr) auto;min-height:0}
 body[data-view="what-next"] .cd-game-endless-stats{gap:8px}
 body[data-view="what-next"] .cd-clip-reel{gap:5px}
 body[data-view="what-next"] .cd-clip-tile{min-height:36px;max-height:42px}
 body[data-view="what-next"] .cd-game-lives{padding:6px}
 body[data-view="what-next"] .cd-game-lives .cd-survival-hearts svg{width:21px;height:21px}
 body[data-view] .site-footer .cd-footer-right{margin-left:auto;align-items:center}
}
@media(max-width:420px){
 body[data-view="what-next"] .game-head{gap:12px}
 body[data-view="what-next"] .game-heading-area h1{font-size:clamp(24px,7vw,30px)!important}
 body[data-view="what-next"] .cd-clip-tile{min-height:29px;border-radius:7px}
 body[data-view="what-next"] .cd-clip-tile svg{width:16px;height:16px}
 body[data-view="what-next"] .cd-reel-metric{font-size:9px}
 body[data-view="what-next"] .cd-reel-bottom{gap:10px}
}
/* ---- END v52.css ---- */

/* ---- BEGIN v53.css ---- */
/* v53 — reliable seeking, compact quality control, legible results. */
.game-main .player-controls{position:relative}
.game-main .player-controls .cd-quality-control{
  position:relative!important;top:auto!important;right:auto!important;
  z-index:15;display:flex;flex:none;align-items:center;justify-content:center;
  margin:0 2px 0 0;
}
.game-main .player-controls .cd-quality-toggle{
  height:32px;min-width:45px;padding:0 7px;font-size:10px;
  background:rgba(48,38,75,.70);border-color:rgba(233,196,251,.35);
}
.game-main .player-controls .cd-quality-menu{
  position:absolute;bottom:calc(100% + 6px);right:0;margin:0;min-width:105px;
}
body[data-view="what-next"] .game-main .player-stage .cd-seek-hint{
  position:absolute;left:50%;bottom:16px;z-index:20;
  transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);
  margin:0;padding:9px 14px;border-radius:12px;
  border:1px solid rgba(245,198,233,.42);
  background:rgba(29,22,54,.86);color:#f9e9fa;
  font-weight:700;font-size:12px;line-height:1.35;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 26px rgba(9,7,22,.32);
  pointer-events:none;animation:cd53-hint .2s ease-out both;
}
@keyframes cd53-hint{from{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%,0)}}
.game-main .player-progress-dot{transition:width .16s ease,height .16s ease,box-shadow .16s ease}
.game-main .player-track-interactive:hover .player-progress-dot{width:16px;height:16px}
.game-main .player-track-interactive:not(:hover) .player-progress-dot{width:13px;height:13px}
body[data-view="what-next"] .cd-result-copy small{display:none!important}
body[data-view="what-next"] .game-main .cd-result-head{margin-bottom:10px!important}
body[data-view="what-next"] .game-main .round-feedback{padding-bottom:3px}
body[data-view="what-next"] .game-main .cd-result-explanation{line-height:1.6}
body[data-view="what-next"] .cd-session-summary{
  background:radial-gradient(circle at 50% 42%,rgba(120,36,88,.24),rgba(9,9,25,.50));
  backdrop-filter:blur(17px) saturate(120%);
  -webkit-backdrop-filter:blur(17px) saturate(120%);
}
body[data-view="what-next"] .cd-session-summary-card{
  border-radius:24px;padding:clamp(22px,4vw,38px);
  background:linear-gradient(140deg,rgba(69,35,80,.80),rgba(28,24,59,.78));
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 25px 65px rgba(14,5,34,.28),inset 0 1px rgba(255,255,255,.10);
}
body[data-view="what-next"] .cd-session-details{font-size:13px;line-height:1.7}
body[data-view] :is(.cde-cta,.player-play-emblem,.cd-session-actions button,.cd-session-actions a,#primary-action,.cd-game-skip){
  transition:transform .18s cubic-bezier(.2,.7,.1,1),box-shadow .18s ease,background-color .18s ease,filter .18s ease!important;
}
body[data-view] :is(.cde-cta,.player-play-emblem,.cd-session-actions button,.cd-session-actions a,#primary-action,.cd-game-skip):hover:not(:disabled){
  transform:translateY(-2px);filter:brightness(1.09);
  box-shadow:0 9px 23px rgba(234,65,134,.18);
}
body[data-view] :is(.cde-cta,.player-play-emblem,.cd-session-actions button,.cd-session-actions a,#primary-action,.cd-game-skip):active:not(:disabled){
  transform:scale(.98);filter:brightness(.96);
}
@media(max-width:780px){
 .game-main .player-controls .cd-quality-toggle{min-width:38px;padding:0 4px;font-size:9px}
 body[data-view="what-next"] .game-main .player-stage .cd-seek-hint{font-size:11px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){
 body[data-view] :is(.cde-cta,.player-play-emblem,.cd-session-actions button,.cd-session-actions a,#primary-action,.cd-game-skip),.game-main .player-progress-dot{transition:none!important;animation:none!important}
}
/* ---- END v53.css ---- */

/* ---- BEGIN v55.css ---- */
/* v55 — visual QA corrections after desktop/mobile review. */
:root{--cd55-width:1440px}
body[data-view] .site-header,
body[data-view="home"] .site-header,
body[data-view] .site-footer,
body[data-view="home"] .site-footer{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--cd55-width)!important;
  margin-left:auto!important;margin-right:auto!important;
}
body[data-view] .site-header{
  padding-inline:clamp(16px,2vw,28px)!important;
}
body[data-view] .site-header .desktop-nav{
  margin-left:auto!important;margin-right:auto!important;
}
body[data-view] .site-header .account-controls{margin-left:0!important}
body[data-view="home"] .page-shell{
  box-sizing:border-box;
  min-height:100svh!important;
}
body[data-view="home"] #app{
  display:flex!important;flex:1 1 auto!important;min-height:0!important;
}
body[data-view="home"] #app>.cde-home{
  flex:1 1 auto;min-height:0!important;
  padding:24px 0 26px!important;
}
body[data-view="home"] .site-footer{
  margin-top:10px!important;margin-bottom:0!important;
}
body[data-view] .site-footer{
  min-height:58px!important;height:auto!important;
  padding:9px 14px!important;
  gap:12px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;
  background:rgba(43,30,65,.42)!important;
  border-color:rgba(227,187,238,.13)!important;
  border-radius:17px!important;
}
body[data-view] .site-footer .cd-footer-brand,
body[data-view] .site-footer .cd-footer-right{
  display:flex!important;align-items:center!important;align-self:center!important;
  min-height:0!important;line-height:1.2!important;
}
body[data-view] .site-footer .cd-footer-right{
  flex-wrap:nowrap!important;gap:13px!important;margin-left:auto!important;
}
body[data-view] .site-footer .cd-footer-symbol{width:35px!important;height:35px!important}
body[data-view] .site-footer .cd-footer-about{min-height:34px!important;display:flex;align-items:center}
body[data-view] .site-footer .cd-footer-credit,
body[data-view] .site-footer .cd-footer-year{white-space:nowrap;line-height:1.2}
body[data-view="home"] .cde-mode-picker-label small{display:none!important}
body[data-view="home"] .cde-mode-picker{
  width:min(100%,460px)!important;
}
body[data-view="home"] .cde-mode-picker .cde-mode-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;padding:5px!important;
  margin-top:8px!important;
  min-height:58px!important;width:100%!important;
  align-items:stretch!important;
}
body[data-view="home"] .cde-mode-picker .cde-mode-links>*{
  box-sizing:border-box;
  display:flex!important;justify-content:center!important;
  align-items:center!important;gap:7px!important;
  width:100%!important;min-height:48px!important;
  margin:0!important;padding:8px!important;
  text-align:center!important;
}
body[data-view="home"] .cde-mode-links>*::after{display:none!important}
body[data-view="home"] .cde-cta{
  margin-top:17px!important;width:min(100%,460px)!important;
  transform:none!important;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body[data-view="home"] .cde-cta:hover{
  transform:none!important;filter:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.19),0 0 18px rgba(238,78,141,.22)!important;
}
body[data-view="home"] .cde-cta:active{transform:scale(.99)!important}
body[data-view="what-next"] #app{max-width:none!important;width:100%!important}
body[data-view="what-next"] .game-main{
  position:relative!important;left:auto!important;transform:none!important;
  width:min(var(--cd55-width),calc(100vw - 44px))!important;
  margin-inline:auto!important;max-width:none!important;
}
body[data-view="what-next"] .game-main .game-head{
  position:relative;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;align-items:center!important;
  min-height:104px;
}
body[data-view="what-next"] .game-head .game-heading-area{
  grid-column:1;grid-row:1;z-index:1;
  align-self:center!important;align-items:center!important;
}
body[data-view="what-next"] .game-head .cd-game-endless-stats:not([hidden]){
  position:absolute!important;
  left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(46%,600px)!important;max-width:600px!important;
  margin:0!important;padding:0!important;
  grid-column:auto;grid-row:auto;
}
body[data-view="what-next"] .game-head .cd-game-lives:not([hidden]){
  grid-column:2;grid-row:1;justify-self:end;
  position:relative;z-index:1;
}
body[data-view="what-next"] .game-head .game-round-meta{
  grid-column:2;grid-row:1;
}
body[data-view="what-next"] .game-head .cd-clip-reel{
  justify-content:center!important;
}
body[data-view="what-next"] .game-head .cd-clip-tile{
  min-width:0;flex:0 1 57px;
}
body[data-view="what-next"] #rating-section,
body[data-view="what-next"] .rating-section{
  display:none!important;visibility:hidden!important;
}
body[data-view="what-next"] .game-main .round-feedback{
  padding:0!important;border:0!important;
  background:none!important;box-shadow:none!important;
}
body[data-view="what-next"] .cd-result-head{
  margin:18px 0 18px!important;gap:12px!important;
}
body[data-view="what-next"] .cd-result-mark{
  width:42px!important;height:42px!important;border-radius:50%!important;
}
body[data-view="what-next"] .cd-result-copy h3{
  font-size:clamp(23px,2vw,29px)!important;line-height:1.2!important;
}
body[data-view="what-next"] .cd-result-answer{
  border-top:1px solid rgba(228,176,225,.2)!important;
  padding-top:15px!important;
  margin-top:8px!important;
}
body[data-view="what-next"] .cd-result-answer-line{margin-top:4px}
body[data-view="what-next"] .cd-result-explanation:not([hidden]){
  color:#d8c7de!important;font-size:13px!important;line-height:1.6!important;
  max-width:65ch;
}
body[data-view="what-next"] .cd-result-your-answer:not([hidden]){
  padding:10px 12px!important;border-radius:11px!important;
  background:rgba(227,82,140,.11)!important;
}
body[data-view="what-next"] .cd-session-summary{
  background:radial-gradient(ellipse at 70% 70%,rgba(160,42,106,.23),rgba(19,15,42,.62))!important;
}
body[data-view="what-next"] .cd-session-summary-card{
  border-radius:26px!important;
  background:linear-gradient(140deg,rgba(71,38,86,.82),rgba(34,25,65,.82))!important;
}
body[data-view="what-next"] .game-main .player-controls{
  min-height:54px!important;padding:7px 10px!important;
  gap:clamp(5px,.65vw,12px)!important;
  background:rgba(30,28,58,.72)!important;
  border-top:1px solid rgba(226,192,239,.12)!important;
}
body[data-view="what-next"] .game-main .player-icon-button,
body[data-view="what-next"] .game-main #rewind-five,
body[data-view="what-next"] .game-main #player-toggle,
body[data-view="what-next"] .game-main .cd-quality-toggle{
  border:1px solid rgba(220,188,242,.18)!important;
  background:rgba(73,59,100,.24)!important;
  border-radius:11px!important;
  color:#e8d9ef!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body[data-view="what-next"] .game-main .player-icon-button:hover,
body[data-view="what-next"] .game-main #rewind-five:hover,
body[data-view="what-next"] .game-main #player-toggle:hover,
body[data-view="what-next"] .game-main .cd-quality-toggle:hover{
  transform:none!important;
  background:rgba(118,81,139,.4)!important;
  border-color:rgba(246,194,235,.45)!important;
}
body[data-view="what-next"] .game-main #primary-action,
body[data-view="what-next"] .game-main #player-start{
  animation:none!important;transition:background .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body[data-view="what-next"] .game-main #primary-action:hover:not(:disabled),
body[data-view="what-next"] .game-main #player-start:hover:not(:disabled){
  animation:none!important;transform:none!important;
  filter:brightness(1.06)!important;box-shadow:0 0 18px rgba(245,97,157,.23)!important;
}
body[data-view="what-next"] .game-main #primary-action:active:not(:disabled),
body[data-view="what-next"] .game-main #player-start:active:not(:disabled){transform:scale(.99)!important}
@media(max-width:1060px){
  body[data-view="what-next"] .game-main .game-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding-block:12px;
  }
  body[data-view="what-next"] .game-head .cd-game-endless-stats:not([hidden]){
    position:static!important;grid-column:1/-1;grid-row:2;
    transform:none!important;width:100%!important;
    max-width:620px!important;justify-self:center;
  }
  body[data-view="what-next"] .game-head .cd-game-lives:not([hidden]){
    grid-column:2;grid-row:1;
  }
}
@media(max-width:780px){
  body[data-view="home"] #app>.cde-home{padding:18px 0 24px!important}
  body[data-view] .site-header{padding-inline:11px!important}
  body[data-view] .site-footer{padding:9px 10px!important}
  body[data-view] .site-footer .cd-footer-right{gap:8px!important}
  body[data-view] .site-footer .cd-footer-symbol{width:31px!important;height:31px!important}
  body[data-view] .site-footer .cd-footer-credit{font-size:11px!important}
  body[data-view="what-next"] .game-main{width:calc(100vw - 24px)!important}
}
@media(max-width:410px){
  body[data-view] .site-footer .cd-footer-right{gap:5px!important}
  body[data-view] .site-footer .cd-footer-about{font-size:10px!important;padding-inline:7px!important}
  body[data-view] .site-footer .cd-footer-credit{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-view="what-next"] .game-main #primary-action,
  body[data-view="what-next"] .game-main #player-start{transition:none!important}
}
/* ---- END v55.css ---- */

/* ---- BEGIN v56.css ---- */
/* v56 — glass submission studio, consistent shell, focused progress. */
body[data-view] .site-footer,
body[data-view="home"] .site-footer{
  border:0!important;
  background:rgba(34,28,62,.22)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065)!important;
  border-radius:17px!important;
  color:#eddfef!important;
}
body.cdh-light[data-view] .site-footer{
  background:rgba(251,238,251,.44)!important;color:#654368!important;
}
body[data-view] .page-shell{
  min-height:100svh!important;
  display:flex;flex-direction:column;
}
body[data-view] #app{flex:1 0 auto;min-height:0}
body[data-view="home"] #app{flex:1 1 auto}
body[data-view="what-next"] .game-head .cd-reel-bottom{display:none!important}
body[data-view="what-next"] .game-head .cd-game-endless-stats{gap:0!important}
body[data-view="what-next"] .game-head .cd-clip-reel{margin:0!important}
body:is([data-view="submit"],[data-view="submit-next"]) #app{
  width:100%!important;max-width:none!important;
  display:block;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-view{
  color:#f2eafa;
}
body:is([data-view="submit"],[data-view="submit-next"]) .cd-sm-intro,
body:is([data-view="submit"],[data-view="submit-next"]) .cd-sm-picker{
  max-width:1440px;margin-inline:auto;
}
body:is([data-view="submit"],[data-view="submit-next"]) .cd-sm-existing{
  max-width:1440px!important;
  margin-inline:auto;
}
body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate{
  width:min(100%,670px);max-width:670px!important;
  margin:clamp(24px,4vw,54px) auto!important;
  padding:clamp(26px,4vw,42px)!important;
  border:1px solid rgba(231,177,228,.27)!important;
  border-radius:22px!important;
  background:linear-gradient(130deg,rgba(40,34,75,.72),rgba(87,34,80,.48))!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  box-shadow:0 25px 65px rgba(14,7,35,.18),inset 0 1px rgba(255,255,255,.09)!important;
}
body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate .form-tag{
  display:inline-flex;align-items:center;
  padding:7px 10px;border-radius:99px;
  background:rgba(220,96,157,.15);color:#ffb7d6;
  letter-spacing:.13em;font-weight:750;
}
body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate h2{
  margin:18px 0 12px!important;color:#fff2fc!important;
  font:800 clamp(25px,3.2vw,36px)/1.19 Inter,system-ui,sans-serif!important;
  letter-spacing:-.025em;
}
body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate p{
  max-width:56ch;line-height:1.65;color:#dfcde7;
}
body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate .form-action{
  min-height:48px;padding:0 23px;border:1px solid rgba(253,183,214,.53);
  border-radius:13px;box-shadow:0 9px 23px rgba(226,66,139,.14);
  transition:background .18s ease,box-shadow .18s ease!important;
}
body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate .form-action:hover{
  transform:none!important;box-shadow:0 12px 27px rgba(226,66,139,.24)!important;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-layout .paper-form:not(#cd-studio-search){
  border-radius:20px!important;
  border:1px solid rgba(216,175,231,.27)!important;
  background:linear-gradient(145deg,rgba(37,32,69,.76),rgba(71,32,78,.66))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 36px rgba(16,9,34,.10)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-layout .cd-ref-pane-head{
  padding-bottom:6px;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-layout :is(input,textarea,select){
  transition:border-color .17s ease,box-shadow .17s ease;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-layout :is(input,textarea,select):focus-visible{
  outline:2px solid rgba(255,143,195,.42)!important;outline-offset:2px;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-layout button:not(:disabled){
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body:is([data-view="submit"],[data-view="submit-next"]) .community-layout button:hover:not(:disabled){
  transform:none!important;filter:brightness(1.07);
}
@media(max-width:780px){
 body:is([data-view="submit"],[data-view="submit-next"]) .submit-auth-gate{
   margin:22px 0!important;padding:24px 20px!important;
 }
 body:is([data-view="submit"],[data-view="submit-next"]) .community-layout .paper-form:not(#cd-studio-search){
   border-radius:16px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body:is([data-view="submit"],[data-view="submit-next"]) .community-layout button{transition:none!important}
}

body:is([data-view="submit"],[data-view="submit-next"]) #cd-sm-edit-mode{font-family:Inter,system-ui,sans-serif!important;font-weight:850!important;letter-spacing:-.035em!important}
/* ---- END v56.css ---- */

/* ---- BEGIN v57.css ---- */
/* v57: active submission layout and player privacy rules only. */
body[data-view="submit"] .community-layout{width:100%}
body[data-view="submit"] .cd-sm-existing{max-width:1440px;margin-inline:auto}
body[data-view="submit"] #cd-sm-edit-mode{font-family:Inter,system-ui,sans-serif!important}
body[data-view="what-next"] .game-main[data-phase="ready"] #round-video,
body[data-view="what-next"] .game-main[data-phase="loading"] #round-video,
body[data-view="what-next"] .game-main[data-phase="sensitive"] #round-video{
 opacity:0!important;
}
/* ---- END v57.css ---- */

/* ---- BEGIN v61.css ---- */
/* v61: rimless liquid-glass membrane for the mode strip and footer. */
body[data-view="what-next"] .cd-game-mode-picker.is-panel,
body[data-view] .site-footer{
  position:relative!important;
  border:0!important;
  outline:0!important;
  border-radius:17px!important;
  background:
    radial-gradient(ellipse 90% 135% at 5% -35%,rgba(255,236,253,.105),transparent 66%),
    radial-gradient(ellipse 75% 120% at 108% 125%,rgba(255,98,169,.105),transparent 69%),
    linear-gradient(118deg,rgba(27,24,55,.105),rgba(46,25,62,.035) 51%,rgba(82,30,68,.10))!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),inset 0 -1px rgba(251,124,192,.06)!important;
}
body[data-view="what-next"] .cd-game-mode-picker.is-panel::before,
body[data-view] .site-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(ellipse 70% 20% at 32% -3%,rgba(255,255,255,.18),transparent 82%),
    radial-gradient(ellipse 13% 90% at 100% 80%,rgba(255,138,198,.10),transparent 85%);
  opacity:.7;
}
body[data-view="what-next"] .cd-game-mode-picker.is-panel .cd-game-mode-menu{
  position:relative;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.cdh-light[data-view] .site-footer,
body.cdh-light[data-view="what-next"] .cd-game-mode-picker.is-panel{
  background:linear-gradient(115deg,rgba(255,255,255,.19),rgba(250,222,250,.065),rgba(255,235,249,.15))!important;
}
@media(prefers-reduced-transparency:reduce){
 body[data-view="what-next"] .cd-game-mode-picker.is-panel,
 body[data-view] .site-footer{background:rgba(35,28,57,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* ---- END v61.css ---- */

/* ---- BEGIN v65.css ---- */
/* v65: finish the glass surfaces without touching footer contents. */
body[data-view="what-next"] .cd-game-mode-picker.is-panel{
  overflow:clip!important;
}
body[data-view="what-next"] .cd-game-mode-picker.is-panel [data-play-mode]:not(:disabled):hover{
  transform:none!important;
}
body.cdh-dark[data-view="what-next"] .game-main .video-paper .time-legend{
  background:
    radial-gradient(ellipse 80% 100% at 98% 115%,rgba(235,83,151,.13),transparent 82%),
    linear-gradient(115deg,rgba(26,26,56,.57),rgba(43,29,66,.43) 58%,rgba(74,34,76,.44))!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  border:0!important;
  border-top:1px solid rgba(239,198,246,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -1px rgba(244,124,182,.11)!important;
}
body[data-view] .site-footer{
  /* Exact outer material used by the submode switcher; children unchanged. */
  background:
    radial-gradient(ellipse 90% 135% at 5% -35%,rgba(255,236,253,.105),transparent 66%),
    radial-gradient(ellipse 75% 120% at 108% 125%,rgba(255,98,169,.105),transparent 69%),
    linear-gradient(118deg,rgba(27,24,55,.105),rgba(46,25,62,.035) 51%,rgba(82,30,68,.10))!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  border:0!important;
  outline:0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),inset 0 -1px rgba(251,124,192,.06)!important;
}
body.cdh-light[data-view] .site-footer{
  background:linear-gradient(115deg,rgba(255,255,255,.19),rgba(250,222,250,.065),rgba(255,235,249,.15))!important;
}
/* ---- END v65.css ---- */

/* ---- BEGIN v66.css ---- */
/* v66: resolve the actual cascade conflicts rather than layering weak overrides. */
body[data-view="what-next"] .cd-game-mode-picker.is-panel{
  overflow:visible!important;
  padding:3px!important;
}
body[data-view="what-next"] .cd-game-mode-picker.is-panel [data-play-mode]{
  border-radius:13px!important;
}
body[data-view="what-next"] .cd-game-mode-picker.is-panel [data-play-mode]:not(:disabled):hover,
body[data-view="what-next"] .cd-game-mode-picker.is-panel [data-play-mode][aria-checked="true"]{
  transform:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(255,113,179,.09)!important;
}
/* Override the older, more specific v49 footer material. */
body.cdh-dark[data-view] .site-footer{
  background:
    radial-gradient(ellipse 90% 135% at 5% -35%,rgba(255,236,253,.105),transparent 66%),
    radial-gradient(ellipse 75% 120% at 108% 125%,rgba(255,98,169,.105),transparent 69%),
    linear-gradient(118deg,rgba(27,24,55,.105),rgba(46,25,62,.035) 51%,rgba(82,30,68,.10))!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  border:0!important;
  outline:0!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),inset 0 -1px rgba(251,124,192,.06)!important;
}
body.cdh-light[data-view] .site-footer{
  background:linear-gradient(115deg,rgba(255,255,255,.19),rgba(250,222,250,.065),rgba(255,235,249,.15))!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  border:0!important;
  outline:0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
/* A single material for controls and the timing legend, overriding v55's important background. */
body.cdh-dark[data-view="what-next"] .game-main .video-paper :is(.player-controls,.time-legend){
  background:
    radial-gradient(ellipse 80% 100% at 98% 115%,rgba(235,83,151,.13),transparent 82%),
    linear-gradient(115deg,rgba(26,26,56,.57),rgba(43,29,66,.43) 58%,rgba(74,34,76,.44))!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}

/* v74: equal page-shell geometry on all routes.
   Home used 16px / responsive padding while other routes used 18px 30px. */
body[data-view] .page-shell,
body[data-view="home"] .page-shell{
  box-sizing:border-box!important;
  padding:16px clamp(12px,1.6vw,24px) 16px!important;
}
body[data-view] :is(.site-header,.site-footer){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  body[data-view] .page-shell,
  body[data-view="home"] .page-shell{padding:12px 12px 14px!important}
}

/* Classic uses the same clip reel as Endless and Survival, with ten tiles. */
body[data-view="what-next"] .game-main[data-play-mode="classic"] .game-round-meta{
  display:none!important;
}
body[data-view="what-next"] .game-main[data-play-mode="classic"] .cd-game-endless-stats{
  max-width:620px!important;width:min(52%,620px)!important;
}
body[data-view="what-next"] .game-main[data-play-mode="classic"] .cd-clip-reel{
  display:flex!important;justify-content:center!important;
  gap:5px!important;width:100%;
}
body[data-view="what-next"] .game-main[data-play-mode="classic"] .cd-clip-tile{
  flex:1 1 0!important;min-width:0!important;max-width:54px!important;
  min-height:38px!important;aspect-ratio:1.12;
}
@media(max-width:900px){
  body[data-view="what-next"] .game-main[data-play-mode="classic"] .cd-game-endless-stats{
    width:min(100%,620px)!important;max-width:620px!important;
  }
  body[data-view="what-next"] .game-main[data-play-mode="classic"] .cd-clip-reel{gap:3px!important}
  body[data-view="what-next"] .game-main[data-play-mode="classic"] .cd-clip-tile{min-height:32px!important}
}

/* Final results: the glass scrim must cover the entire viewport. */
body[data-view="what-next"] .cd-session-summary,
body.cdh-dark[data-view="what-next"] .cd-session-summary{
  position:fixed!important;inset:0!important;
  width:100%!important;height:100dvh!important;
  border:0!important;border-radius:0!important;
  overflow:auto!important;
  padding:clamp(16px,3vw,40px)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}

/* Keep the feedback check / cross perfectly circular next to large result text. */
body[data-view="what-next"] .game-main .cd-result-head .cd-result-mark{
  box-sizing:border-box!important;
  flex:0 0 44px!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  aspect-ratio:1!important;border-radius:50%!important;
}

/* v79: reserve a consistent right-panel footprint across pause, answers and result.
   This prevents the whole frosted card from snapping shorter/taller between phases. */
@media(min-width:951px){
  body.cdh-dark[data-view="what-next"] .game-main .question-sheet{
    min-height:470px!important;
  }
}
/* ---- END v66.css ---- */