/* ChatClash 2.56 — one full group bundle, strikethrough list price, Neon Ink system.
   One design system for the whole app: deep ink background, glass surfaces,
   a single warm-to-cool brand gradient, Space Grotesk display type and
   generous, touch-friendly controls. Loaded after styles.css and calm.css and
   deliberately overrides them. */

:root{
  --bg:#0a0912;--bg-2:#100f1d;--surface:rgba(255,255,255,.045);--surface-2:rgba(255,255,255,.075);--surface-solid:#15141f;--surface-raised:#1b1928;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);
  --text:#f7f5ff;--muted:#aca6c2;--muted-2:#837c9e;
  --brand-1:#7c5cff;--brand-2:#ff4fa3;--brand-3:#ff8a5b;--cyan:#5be0ff;--lime:#c8ff5b;--gold:#ffc94f;--red:#ff5a78;--purple:#8f6cff;--pink:#ff4fa3;
  --grad:linear-gradient(120deg,#7c5cff 0%,#ff4fa3 55%,#ff8a5b 100%);--grad-soft:linear-gradient(120deg,rgba(124,92,255,.22),rgba(255,79,163,.16));
  --radius-s:12px;--radius:18px;--radius-l:26px;--radius-xl:32px;
  --shadow:0 24px 70px rgba(0,0,0,.42);--shadow-soft:0 10px 30px rgba(0,0,0,.25);--glow:0 14px 44px rgba(124,92,255,.32);
  --font-display:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --calm-accent:#b39bff;--calm-radius:var(--radius);--panel:var(--surface-solid);--panel2:var(--surface-raised);
}
html{background:var(--bg)}
body{background:var(--bg)!important;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(900px 600px at 12% -10%,rgba(124,92,255,.22),transparent 60%),
  radial-gradient(800px 560px at 100% 12%,rgba(255,79,163,.14),transparent 60%),
  radial-gradient(700px 500px at 50% 110%,rgba(91,224,255,.10),transparent 60%),var(--bg)}
.cc-app .aurora,.cc-app .grain{display:none}
::selection{background:rgba(255,79,163,.45);color:#fff}
h1,h2,h3,h4,.brand,.demo-name,.story-main,.stat-card strong,.dash-stat b,.episode-scene-main,.court-verdict strong,.roast-swipe-card h4,.award-card h4,.chat-found-stats strong,.loading-counter,.public-universe-hero h1{font-family:var(--font-display)}
h1,h2,h3,h4{letter-spacing:-.03em;line-height:1.12}
h1{font-weight:700!important}h2{font-weight:700}h3{font-weight:700}
p,li{color:var(--muted)}
strong{color:var(--text)}
a{color:#c9b8ff}
:focus-visible{outline:3px solid rgba(124,92,255,.9)!important;outline-offset:3px;border-radius:6px}
button,input,select{font:inherit}
.cc-app .muted{color:var(--muted)}
.cc-app .eyebrow,.cc-app .pill,.cc-app .section-kicker{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c9b8ff}
.cc-app .pill,.cc-app .section-kicker{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(124,92,255,.14);border:1px solid rgba(124,92,255,.3);color:#dcd1ff}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.cc-app :is(.primary-btn,.secondary-btn,.ghost-btn,.icon-btn,.dash-primary-cta,.dash-side-btn,.branch-buy-btn){min-height:50px;border-radius:14px;font-weight:700;font-size:1rem;letter-spacing:-.01em;padding:12px 20px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.cc-app .primary-btn,.cc-app .dash-primary-cta,.cc-app .branch-buy-btn,.cc-app .party-mode-launch,.cc-app .pricing-checkout-btn{background:var(--grad);color:#fff;border:0;box-shadow:var(--glow);position:relative;isolation:isolate}
.cc-app .primary-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 55%);pointer-events:none}
.cc-app :is(.secondary-btn,.ghost-btn,.icon-btn,.dash-side-btn){background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text)}
.cc-app .text-btn{color:#c9b8ff;font-weight:600}
.cc-app :is(.primary-btn,.secondary-btn):disabled{opacity:.45;box-shadow:none;cursor:default}
@media(hover:hover) and (pointer:fine){
  .cc-app .primary-btn:hover{transform:translateY(-1px);box-shadow:0 18px 50px rgba(255,79,163,.35);background:var(--grad)}
  .cc-app :is(.secondary-btn,.ghost-btn,.icon-btn,.dash-side-btn):hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.26);color:#fff;transform:translateY(-1px)}
}
.cc-app :is(.primary-btn,.secondary-btn):active{transform:translateY(0) scale(.99)}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.cc-app .topbar{height:calc(64px + var(--safe-top));background:rgba(10,9,18,.72);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--line)}
.cc-app .brand{font-size:1.05rem;font-weight:700;letter-spacing:.06em;gap:10px}
.cc-app .brand-logo{width:34px;height:34px;filter:drop-shadow(0 6px 18px rgba(124,92,255,.45))}
.cc-app .icon-btn,.cc-app .ghost-btn{min-height:42px;padding:8px 14px;border-radius:12px;font-size:.9rem}
.cc-app .login-btn{background:var(--grad);border:0;color:#fff}

/* ── Landing ─────────────────────────────────────────────────────────────── */
.cc-app .home-intro{padding:72px 24px 48px;gap:56px}
.cc-app .hero h1{font-size:clamp(2.6rem,6vw,4.6rem)!important;letter-spacing:-.045em;line-height:1.02;margin:22px 0 22px}
.cc-app .hero h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cc-app .hero-copy{font-size:1.15rem;line-height:1.6;color:var(--muted);max-width:44ch}
.cc-app .hero-actions{gap:12px}.cc-app .hero-actions .primary-btn{min-height:56px;padding:14px 26px;font-size:1.05rem}
.cc-app .privacy-row{margin-top:26px;gap:10px 20px;color:var(--muted-2);font-size:.9rem}
.cc-app .privacy-row span:last-child{display:inline}
.cc-app .preview-stage{display:grid;grid-template-columns:1fr;gap:16px;perspective:1200px}
.cc-app .preview-card{border-radius:var(--radius-l);border:1px solid var(--line-strong);box-shadow:var(--shadow);padding:26px;background:var(--surface-solid);position:relative;overflow:hidden}
.cc-app .preview-card.award-preview{background:radial-gradient(circle at 85% 0%,rgba(255,201,79,.28),transparent 42%),radial-gradient(circle at 0% 100%,rgba(124,92,255,.25),transparent 45%),linear-gradient(150deg,#251a3f,#120d1f);transform:rotate(-1.5deg)!important}
.cc-app .preview-card.game-preview{background:radial-gradient(circle at 90% 90%,rgba(255,79,163,.28),transparent 40%),linear-gradient(150deg,#2a1230,#130c1c);transform:rotate(1.5deg) translateX(10px)!important;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.cc-app .preview-card .demo-name{font-size:3rem;letter-spacing:-.05em;margin:6px 0 10px}
.cc-app .preview-card h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#e7dcff;margin-top:10px}
.cc-app .preview-card .mega-emoji{font-size:3rem;filter:drop-shadow(0 10px 24px rgba(255,201,79,.35))}
.cc-app .preview-card blockquote{font-size:1.3rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:#fff}
.cc-app .fake-options span{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:600}
.cc-app .fake-options span:first-child{background:var(--grad);border-color:transparent}
.cc-app .sparkle{display:block;color:var(--gold);opacity:.9}
.cc-app :is(.how-section,.trust-section,.about-chatclash-section,.public-faq-section){max-width:1120px;margin:0 auto;padding:44px 24px;border-top:1px solid var(--line);text-align:left}
.cc-app .how-section h2,.cc-app .trust-section h2,.cc-app .about-chatclash-section h2,.cc-app .public-faq-section h2{font-size:clamp(1.7rem,3.6vw,2.4rem);margin:12px 0 20px}
.cc-app .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 14px}
.cc-app .how-grid>div{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.cc-app .how-grid b{min-width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700}
.cc-app .how-grid span{color:var(--text);font-weight:600;line-height:1.45}
.cc-app .trust-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.cc-app .trust-proof-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.cc-app .trust-proof-grid article span{font-family:var(--font-display);font-size:2rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc-app .calm-disclosure{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 18px;margin:16px 0}
.cc-app .calm-disclosure>summary{color:var(--text);font-weight:600}
.cc-app .faq-list details{padding:14px 0}.cc-app .faq-list summary{color:var(--text)}
.cc-app .about-chatclash-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;margin:4px 6px 4px 0}
.cc-app footer{border-top:1px solid var(--line);color:var(--muted-2)}
.cc-app footer a{color:var(--muted)}

/* ── Dashboard ───────────────────────────────────────────────────────────── */
.cc-app .dash-hero-copy h2{font-size:clamp(1.9rem,4vw,2.8rem)}
.cc-app .dash-stat{border-left:0;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.cc-app .dash-stat b{font-size:1.9rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cc-app .dash-primary-cta{border-radius:var(--radius-l);padding:22px 24px}
.cc-app .dash-primary-icon{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.5rem}
.cc-app .dash-block,.cc-app .dash-party-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px}
.cc-app .dash-party-card{background:radial-gradient(circle at 90% 0%,rgba(255,79,163,.22),transparent 45%),var(--surface-solid)}
.cc-app .dash-party-card .primary-btn{background:var(--grad);border:0}
.cc-app .dashboard-product-grid>button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--text);transition:.16s}
.cc-app .dashboard-product-grid>button>span{font-size:1.6rem}
.cc-app .dashboard-chat-open{background:var(--grad);border:0;border-radius:12px;color:#fff;font-weight:700}

/* ── Upload / review / loading ───────────────────────────────────────────── */
.cc-app .phone-tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:5px}
.cc-app .phone-tab{border-radius:10px;color:var(--muted)}.cc-app .phone-tab.active{background:var(--grad);color:#fff}
.cc-app .phone-guide,.cc-app .help-phone-guide{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px}
.cc-app .guide-step>b{background:var(--grad);color:#fff}
.cc-app .dropzone{background:linear-gradient(180deg,rgba(124,92,255,.14),rgba(255,255,255,.03));border:2px dashed rgba(179,155,255,.55);border-radius:var(--radius-l);padding:36px 20px;transition:.16s}
.cc-app .dropzone .drop-icon{width:56px;height:56px;border-radius:18px;background:var(--grad);display:grid;place-items:center;font-size:1.5rem;font-weight:700;box-shadow:var(--glow);margin-bottom:10px}
.cc-app .dropzone.drag{border-color:var(--pink);background:rgba(255,79,163,.12)}
.cc-app .mini-field input{background:rgba(0,0,0,.28);border:1px solid var(--line-strong);border-radius:12px;color:#fff}
.cc-app .privacy-card,.cc-app .notice-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.cc-app .chat-found-card{border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:radial-gradient(circle at 15% 10%,rgba(91,224,255,.22),transparent 40%),radial-gradient(circle at 95% 0,rgba(255,79,163,.26),transparent 45%),linear-gradient(150deg,#1c1433,#0e0b19 70%);box-shadow:var(--shadow)}
.cc-app .chat-found-icon{width:56px;height:56px;border-radius:18px;background:var(--lime);color:#0a0912;display:grid;place-items:center;font-weight:900;font-size:1.5rem;box-shadow:0 10px 30px rgba(200,255,91,.35)}
.cc-app .chat-found-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.cc-app .chat-found-stats>div{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center}
.cc-app .chat-found-stats strong{display:block;font-size:1.8rem;font-weight:700}
.cc-app .chat-found-stats span{color:var(--muted);font-size:.85rem}
.cc-app .people-review{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:18px 0}
.cc-app .people-review label{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-weight:600}
.cc-app .orb{border-radius:36px;background:conic-gradient(from 180deg,var(--brand-2),var(--brand-1),var(--cyan),var(--brand-2));box-shadow:0 0 90px rgba(124,92,255,.45)}
.cc-app .orb span{background:var(--bg);border-radius:30px}
.cc-app .progress{height:8px;background:rgba(255,255,255,.1)}.cc-app .progress span{background:var(--grad)}
.cc-app .loading-chips span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px}

/* ── Results shell ───────────────────────────────────────────────────────── */
.cc-app #resultsView .results-top h2{font-size:clamp(1.9rem,4.5vw,2.8rem);letter-spacing:-.04em}
.cc-app #resultsView .results-access-chip{background:rgba(200,255,91,.14);color:#dfffa3;border:1px solid rgba(200,255,91,.3);border-radius:999px;padding:5px 10px}
.cc-app .results-direct-actions .secondary-btn{background:var(--surface-2);border-color:var(--line-strong)}
.cc-app .demo-full-banner{background:radial-gradient(circle at 100% 0,rgba(255,201,79,.18),transparent 45%),var(--surface-solid);border:1px solid var(--line-strong);border-radius:var(--radius-l);padding:18px;display:flex;align-items:center;gap:16px;margin:0 0 18px;box-shadow:var(--shadow-soft)}
.cc-app .demo-full-icon{display:grid;width:44px;height:44px;border-radius:14px;background:var(--grad);place-items:center;font-size:1.3rem}
.cc-app .demo-full-copy strong{display:block;color:#fff}
.cc-app #resultsView .product-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-soft);margin:0 0 16px;position:sticky;top:calc(64px + var(--safe-top) + 8px);z-index:30}
.cc-app #resultsView .product-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:8px 6px;border-radius:13px;color:var(--muted);background:none;border:0;transition:.16s}
.cc-app #resultsView .product-switch>span{display:block;font-size:1.15rem;line-height:1}
.cc-app #resultsView .product-switch b{font-size:.82rem;font-weight:700;letter-spacing:-.01em}
.cc-app #resultsView .product-switch small{display:none}
.cc-app #resultsView .product-switch.active{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(255,79,163,.3)}
.cc-app .analysis-section-control>label{color:var(--muted)}
.cc-app #analysisSectionSelect{background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:14px;color:#fff;font-weight:700;background-image:linear-gradient(45deg,transparent 50%,#c9b8ff 50%),linear-gradient(135deg,#c9b8ff 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;-webkit-appearance:none;appearance:none;padding-right:44px}
.cc-app .tab{border-radius:10px;color:var(--muted)}.cc-app .tab.active{background:var(--surface-2);color:#fff;border:1px solid var(--line-strong)}
.cc-app .section-heading h3{font-size:1.6rem;letter-spacing:-.03em}
.cc-app :is(.personality-card,.leaderboard-card,.timeline-card,.wrapped-insights,.expose-card,.league-board-card,.account-profile-card,.account-unlocks-card,.account-support-card,.help-card,.invite-card,.party-hero-card,.extended-stats,.weekday-stats,.monthly-stats,.stats-preview250,.stats-hero,.stats-rhythm,.referral-box,.league-hero,.league-score-card,.referral-reward-card,.share-tip-card,.game-scan-card,.court-generator-row,.episode-generator-box,.episode-style-picker){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:none}
.cc-app .stat-grid{gap:12px}
.cc-app .stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:0;overflow:visible}
.cc-app .stat-card>span{font-size:.7rem;letter-spacing:.12em;color:#c9b8ff;font-family:var(--font-display)}
.cc-app .stat-card strong{font-size:2.3rem;letter-spacing:-.04em;margin:8px 0 2px;background:linear-gradient(120deg,#fff,#d9cdff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc-app .stat-card small{color:var(--muted-2)}
.cc-app .premium-stat .lock-wash{border-radius:inherit}
.cc-app .personality-card{background:radial-gradient(circle at 88% 0%,rgba(255,79,163,.28),transparent 38%),radial-gradient(circle at 5% 100%,rgba(91,224,255,.18),transparent 32%),linear-gradient(150deg,#1d1433,#0f0b19);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:28px}
.cc-app .personality-card h3{font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.05em;line-height:.98;margin:14px 0 10px}
.cc-app .personality-badge{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:1.7rem}
.cc-app .personality-tags span{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}
.cc-app .leader-row{grid-template-columns:32px 1fr auto;padding:12px 0;border-bottom:1px solid var(--line)}
.cc-app .leader-row>b{font-family:var(--font-display);color:#c9b8ff}
.cc-app .leader-row i{background:var(--grad);height:8px;border-radius:99px;box-shadow:none}
.cc-app .leader-row em{font-family:var(--font-display);font-style:normal;font-weight:700}
.cc-app .hour-col i{background:linear-gradient(180deg,#ff4fa3,#7c5cff 70%);border-radius:8px 8px 3px 3px;box-shadow:none}
.cc-app .weekday-column i{background:var(--grad)}.cc-app .month-row i{background:var(--grad)}
.cc-app .extra-stats-metrics strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc-app .wrapped-insight{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}

/* Wrapped story card */
.cc-app .story-card{border-radius:var(--radius-xl);border:1px solid var(--line-strong);box-shadow:var(--shadow);min-height:560px;padding:30px}
.cc-app .story-label{font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;display:inline-flex;width:max-content;max-width:100%}
.cc-app .story-main{font-size:clamp(3rem,11vw,5.6rem);letter-spacing:-.05em;line-height:.95;margin:22px 0 14px}
.cc-app .story-sub{font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.4;color:#f3ecff;font-weight:600;max-width:32ch}
.cc-app .story-footer{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);font-family:var(--font-display)}
.cc-app .story-progress i{background:rgba(255,255,255,.14);height:4px;border-radius:99px}
.cc-app .story-progress i.done,.cc-app .story-progress i.active{background:#fff}
.cc-app .wrapped-player250 button{border-radius:12px}
.cc-app #wrappedSpeed250{background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:12px}
.cc-app #wrappedChapters250 button{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text)}
.cc-app #wrappedChapters250 button[aria-current="step"]{background:var(--grad-soft);border-color:rgba(179,155,255,.6)}

/* Awards */
.cc-app .award-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cc-app .award-card{border-radius:var(--radius-l);border:1px solid var(--line-strong);padding:22px;min-height:260px;box-shadow:var(--shadow-soft)}
.cc-app .award-card::before{opacity:.35;filter:blur(64px)}
.cc-app .award-topline{display:flex;justify-content:space-between;align-items:center}
.cc-app .award-emoji{font-size:2.6rem;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.cc-app .award-sparkles{color:rgba(255,255,255,.55);letter-spacing:.3em}
.cc-app .award-card>span{display:block;margin-top:18px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.cc-app .award-card h4{font-size:2rem;letter-spacing:-.04em;margin:6px 0 8px;line-height:1}
.cc-app .award-card p{color:rgba(255,255,255,.82);line-height:1.5;font-size:.98rem;margin:0 0 14px}
.cc-app .award-share-btn,.cc-app .mini-unlock{margin-top:auto;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-weight:700;padding:10px 14px;cursor:pointer}
.cc-app .locked-award{filter:saturate(.5)}

/* Expose */
.cc-app .expose-people{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.cc-app .expose-person{border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.cc-app .expose-person>span{background:var(--grad)}
.cc-app .expose-person.active{background:rgba(255,79,163,.18);border-color:rgba(255,79,163,.7);box-shadow:none}
.cc-app .expose-card{border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:radial-gradient(circle at 90% 0,rgba(255,79,163,.28),transparent 40%),linear-gradient(150deg,#1d1330,#0f0b19)}
.cc-app .expose-card h3{font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:-.05em}
.cc-app .expose-roast{font-size:1.1rem;color:#f3ecff;font-weight:600;line-height:1.5}
.cc-app .expose-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.cc-app .expose-stats>div{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}

/* Games */
.cc-app .games-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.cc-app .party-mixer{min-height:46px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-strong);color:#fff;font-weight:700;padding:10px 14px}
.cc-app .party-hero-card{background:radial-gradient(circle at 90% 0%,rgba(255,201,79,.24),transparent 40%),radial-gradient(circle at 0 100%,rgba(124,92,255,.22),transparent 40%),var(--surface-solid);border:1px solid var(--line-strong);padding:24px}
.cc-app .party-hero-card h3{font-size:1.5rem}
.cc-app .party-hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.cc-app .party-hero-chips span{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem}
.cc-app .game-scan-card{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:14px 0}
.cc-app .game-scan-badge{margin-left:auto;background:var(--grad);border-radius:999px;padding:6px 12px;font-weight:700;font-size:.8rem}
.cc-app .game-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;margin:14px 0 18px}
.cc-app .game-mode{display:grid;grid-template-rows:auto 1fr auto auto;align-content:start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;min-height:148px;transition:.16s;position:relative;overflow:hidden;color:#fff;cursor:pointer}
.cc-app .game-mode-icon,.cc-app .game-mode>span{font-size:1.7rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}
.cc-app .game-mode strong{font-size:1rem;letter-spacing:-.02em;margin-top:10px}
.cc-app .game-mode small{color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:4px}
.cc-app .game-mode-tag{display:inline-flex;width:max-content;margin-top:10px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#dcd1ff;font-size:.65rem;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cc-app .game-mode.active{background:var(--grad-soft);border-color:rgba(179,155,255,.7);box-shadow:0 0 0 1px rgba(179,155,255,.25) inset}
.cc-app .game-mode[data-game="who"]{background:radial-gradient(circle at 90% 0,rgba(255,79,163,.22),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="finish"]{background:radial-gradient(circle at 90% 0,rgba(91,224,255,.2),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="next"]{background:radial-gradient(circle at 90% 0,rgba(124,92,255,.24),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="reply"]{background:radial-gradient(circle at 90% 0,rgba(200,255,91,.18),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="missing"]{background:radial-gradient(circle at 90% 0,rgba(255,138,91,.22),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="before"]{background:radial-gradient(circle at 90% 0,rgba(255,201,79,.2),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="timeline"]{background:radial-gradient(circle at 90% 0,rgba(91,224,255,.18),transparent 42%),var(--surface)}
.cc-app .game-mode[data-game="roulette"]{background:radial-gradient(circle at 90% 0,rgba(255,90,120,.24),transparent 42%),var(--surface)}
.cc-app .game-topline{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:700;color:var(--muted);margin:0 0 10px;font-size:.9rem}
.cc-app .game-round-card{background:radial-gradient(circle at 100% 0,rgba(124,92,255,.22),transparent 45%),var(--surface-solid);border:1px solid var(--line-strong);border-radius:var(--radius-l);padding:22px;box-shadow:var(--shadow-soft)}
.cc-app .game-round-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.cc-app .real-chat-chip{background:rgba(200,255,91,.12);color:#dfffa3;border:1px solid rgba(200,255,91,.3);border-radius:999px;padding:5px 10px;font-size:.7rem;font-weight:700;letter-spacing:.08em}
.cc-app .game-round-card h4{font-size:1.5rem;letter-spacing:-.03em;margin:6px 0 14px}
.cc-app .game-chat-bubble{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:18px 18px 18px 6px;padding:12px 14px}
.cc-app .game-chat-bubble.is-hidden-sender{background:rgba(124,92,255,.16);border-color:rgba(179,155,255,.35)}
.cc-app .game-chat-meta strong{font-size:.8rem;color:#c9b8ff;letter-spacing:.02em}
.cc-app .game-chat-bubble p{font-size:1.05rem;line-height:1.45}
.cc-app .game-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.cc-app .game-answer-grid button{min-height:60px;border-radius:16px;border:1px solid var(--line-strong);background:var(--surface-2);color:#fff;font-weight:700;font-size:1.05rem;padding:12px 16px;cursor:pointer;transition:.14s}
.cc-app .game-answer-grid button.game-text-option{text-align:left;font-size:.95rem;font-weight:600;line-height:1.4;min-height:80px;grid-column:1/-1}
.cc-app .game-answer-grid button.correct{background:rgba(200,255,91,.2);border-color:var(--lime);color:#fff}
.cc-app .game-answer-grid button.wrong{background:rgba(255,90,120,.2);border-color:var(--red)}
.cc-app .game-feedback-v225{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0}
.cc-app .game-result-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:12px}
.cc-app .game-result-line strong{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.02em}
.cc-app .game-result-line.is-correct strong{color:var(--lime)}.cc-app .game-result-line.is-wrong strong{color:var(--red)}
.cc-app .game-result-line span{color:var(--muted)}
.cc-app .game-proof{display:grid;gap:8px}
.cc-app .game-gap{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted-2);padding:6px}
.cc-app .game-gap b{width:34px;height:34px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff}
.cc-app .premium-game-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:26px;text-align:center}
.cc-app .party-finish-card,.cc-app .party-milestone-card{background:radial-gradient(circle at 50% 0,rgba(255,201,79,.25),transparent 50%),var(--surface-solid);border:1px solid var(--line-strong);border-radius:var(--radius-l);padding:26px;text-align:center}
@media(hover:hover) and (pointer:fine){.cc-app .game-answer-grid button:not(:disabled):hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.cc-app .game-mode:hover{border-color:var(--line-strong);background:var(--surface-2)}}

/* Share */
.cc-app .share-awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cc-app .share-award-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.cc-app .share-award-chip.active,.cc-app .share-award-chip[aria-pressed="true"]{border-color:rgba(255,79,163,.7);background:rgba(255,79,163,.12)}
.cc-app .share-preview{border-radius:var(--radius-l);box-shadow:var(--shadow)}
.cc-app .social-platform{background:var(--surface);border:1px solid var(--line);border-radius:14px;color:#fff;padding:12px;font-weight:600}

/* League */
.cc-app .league-crown{font-size:2.5rem}
.cc-app .league-score-card strong{font-family:var(--font-display);font-size:2.2rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc-app .reward-progress{height:10px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.cc-app .reward-progress i{background:var(--grad);display:block;height:100%}
.cc-app .referral-link-row code{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:#dcd1ff}

/* Packs + unlock banner */
.cc-app .results-pack-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);color:#fff}
.cc-app .results-pack-best{background:var(--grad-soft);border-color:rgba(179,155,255,.6)}
.cc-app .results-pack-badge{display:inline-flex;background:var(--gold);color:#0a0912;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:800}
.cc-app .results-pack-price b{font-family:var(--font-display);font-size:1.4rem}
.cc-app .unlock-banner{background:radial-gradient(circle at 100% 0,rgba(255,79,163,.22),transparent 45%),var(--surface-solid);border:1px solid var(--line-strong);border-radius:var(--radius-l);padding:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cc-app .unlock-banner h3{font-size:1.35rem}
.cc-app .sticky-buy-bar{background:rgba(14,12,24,.9);backdrop-filter:blur(18px);border-top:1px solid var(--line-strong)}

/* ── Roast ───────────────────────────────────────────────────────────────── */
.cc-app .branch-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:8px 0 20px}
.cc-app .branch-hero h3{font-size:clamp(1.7rem,4vw,2.3rem);letter-spacing:-.04em;margin:8px 0 8px}
.cc-app .branch-purchase-actions{display:flex;flex-direction:column;gap:8px;min-width:240px}
.cc-app .branch-all-btn{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text)}
.cc-app .branch-lock-gate{display:flex;gap:14px;align-items:center;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}
.cc-app .branch-lock-gate>span{font-size:1.6rem}
.cc-app .roast-deck-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 12px}
.cc-app .roast-deck-counter{font-family:var(--font-display);font-weight:700;color:var(--muted)}
.cc-app .roast-swipe-card{border-radius:var(--radius-xl);border:1px solid var(--line-strong);box-shadow:var(--shadow);min-height:440px;padding:26px;background:radial-gradient(circle at 90% 8%,rgba(255,138,91,.28),transparent 34%),radial-gradient(circle at 8% 92%,rgba(255,79,163,.2),transparent 36%),linear-gradient(155deg,#241228,#0f0b17 65%)}
.cc-app .roast-swipe-card.group{background:radial-gradient(circle at 86% 11%,rgba(255,201,79,.26),transparent 32%),linear-gradient(155deg,#261a13,#0f0b17 66%)}
.cc-app .roast-swipe-card.final{background:radial-gradient(circle at 84% 12%,rgba(255,79,163,.32),transparent 30%),radial-gradient(circle at 7% 92%,rgba(124,92,255,.24),transparent 34%),linear-gradient(155deg,#2a0d24,#0f0b17 68%)}
.cc-app .roast-card-top{display:flex;justify-content:space-between;align-items:center}
.cc-app .roast-card-top small{font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 12px}
.cc-app .roast-card-emoji{font-size:2.4rem}
.cc-app .roast-swipe-card h4{font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:-.05em;line-height:.95;margin:30px 0 14px}
.cc-app .roast-swipe-card p{font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:600;line-height:1.45;color:#f6efff;letter-spacing:-.01em}
.cc-app .roast-receipt{margin-top:22px;display:inline-grid;gap:2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 14px}
.cc-app .roast-receipt span{font-size:.65rem;letter-spacing:.14em;color:rgba(255,255,255,.6)}
.cc-app .roast-card-number{position:absolute;right:22px;bottom:18px;font-family:var(--font-display);color:rgba(255,255,255,.35);font-weight:700}
.cc-app .roast-deck-controls{display:grid;grid-template-columns:auto 1fr auto;gap:10px;margin-top:8px}
.cc-app .roast-final-verdict{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:16px}

/* ── Episode ─────────────────────────────────────────────────────────────── */
.cc-app .episode-style-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;margin:16px 0;background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:var(--radius-l)}
.cc-app .episode-style-picker button{min-height:96px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text);padding:14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-content:center;text-align:left;transition:.16s}
.cc-app .episode-style-picker button>span{font-size:1.7rem;grid-row:1/3;align-self:center}
.cc-app .episode-style-picker strong{font-size:1rem}
.cc-app .episode-style-picker small{color:var(--muted-2);font-size:.75rem;line-height:1.35;margin-top:3px}
.cc-app .episode-style-picker button.active{background:var(--grad-soft);border-color:rgba(179,155,255,.65);box-shadow:none}
.cc-app .episode-style-picker button[data-episode-style="nomercy"].active{background:linear-gradient(120deg,rgba(255,90,120,.26),rgba(255,138,91,.16));border-color:rgba(255,90,120,.7)}
.cc-app .episode-generator-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:var(--radius-l);background:radial-gradient(circle at 0 0,rgba(124,92,255,.22),transparent 45%),var(--surface-solid);border:1px solid var(--line-strong)}
.cc-app .episode-generator-copy{display:grid;gap:4px}
.cc-app .episode-generator-copy span{color:var(--muted);font-size:.9rem}
.cc-app .episode-generator-copy strong{font-size:1.15rem;letter-spacing:-.02em}
.cc-app .episode-generator-box .primary-btn{min-height:54px;padding:12px 22px;white-space:nowrap}
.cc-app .episode-stage-wrap{max-width:720px;margin:22px auto 0}
.cc-app .episode-progress{gap:4px;margin:0 2px 10px}
.cc-app .episode-progress i{height:4px;background:rgba(255,255,255,.14);border-radius:99px}
.cc-app .episode-progress i.done{background:#fff}
.cc-app .episode-progress i.playing span{background:#fff}
.cc-app .episode-stage{min-height:600px;border-radius:var(--radius-xl);border:1px solid var(--line-strong);box-shadow:var(--shadow);padding:26px}
.cc-app .episode-time{font-family:var(--font-display);font-size:.8rem;color:rgba(255,255,255,.6);letter-spacing:.06em}
.cc-app .episode-player-badge{font-family:var(--font-display);font-size:.68rem;letter-spacing:.14em;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 12px;backdrop-filter:blur(8px)}
.cc-app .episode-scene-kicker{font-family:var(--font-display);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#dff6ff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 12px;display:inline-flex;width:max-content;max-width:100%}
.cc-app .episode-scene-main{font-size:clamp(2.6rem,10vw,4.6rem);letter-spacing:-.05em;line-height:.95;margin:16px 0 14px;overflow-wrap:anywhere;font-weight:700}
.cc-app .episode-scene-main.is-long{font-size:clamp(2rem,7.5vw,3.4rem)}
.cc-app .episode-scene-main.is-xlong{font-size:clamp(1.6rem,6vw,2.6rem);letter-spacing:-.035em}
.cc-app .episode-stage p{font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.5;color:#f6efff;font-weight:600;max-width:34ch;margin:0 0 16px}
.cc-app .episode-scene-meta{display:flex;gap:8px;flex-wrap:wrap}
.cc-app .episode-scene-meta span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;letter-spacing:.02em}
.cc-app .episode-chat-bubble{background:#fff;color:#17101b;border-radius:20px 20px 20px 6px;padding:14px 16px;max-width:420px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.cc-app .episode-chat-bubble span{display:block;font-size:.75rem;font-weight:700;color:#7a5c86;margin-bottom:4px}
.cc-app .episode-chat-bubble p{color:#17101b;margin:0;font-size:1.05rem;font-weight:600;max-width:none}
.cc-app .episode-big-sticker{font-size:clamp(4rem,16vw,7rem);filter:drop-shadow(0 18px 40px rgba(0,0,0,.4))}
.cc-app .episode-pulse-ring{width:min(240px,60vw);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.25);display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(2rem,8vw,3.4rem);font-weight:700;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}
.cc-app .episode-final-mark{font-family:var(--font-display);font-size:clamp(5rem,20vw,9rem);font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.cc-app .episode-scrub-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:14px 0 10px;font-family:var(--font-display);font-size:.85rem;color:var(--muted)}
.cc-app #episodeScrubber{width:100%;accent-color:#ff4fa3;height:28px}
.cc-app .episode-transport{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px}
.cc-app .episode-transport .primary-btn{min-height:52px}
.cc-app .episode-generation-status{text-align:center;font-size:.9rem;margin:12px 0}
.cc-app .episode-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cc-app .episode-controls .episode-save-btn{grid-column:1/-1;min-height:56px;font-size:1.05rem;background:linear-gradient(120deg,#5be0ff,#7c5cff 60%,#ff4fa3);box-shadow:0 14px 44px rgba(91,224,255,.25)}
.cc-app .episode-surprise-note{display:block;text-align:center;color:var(--muted-2);font-size:.85rem;margin:14px 0 0;line-height:1.5}
.cc-app .episode-export{margin:16px 0 0;padding:20px;border-radius:var(--radius-l);background:var(--surface-solid);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft)}
.cc-app .episode-export.hidden{display:none}
.cc-app .episode-export-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--font-display)}
.cc-app .episode-export-head strong{font-size:1.15rem;letter-spacing:-.02em}
.cc-app .episode-export-head span{font-weight:700;color:#c9b8ff}
.cc-app .episode-export-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:12px 0}
.cc-app .episode-export-bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:99px;transition:width .3s linear}
.cc-app .episode-export.is-done .episode-export-bar i{background:var(--lime)}
.cc-app .episode-export.is-error .episode-export-bar{display:none}
.cc-app .episode-export-note{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0 0 14px}
.cc-app .episode-export.is-error .episode-export-head strong{color:var(--red)}
.cc-app .episode-export-preview{display:flex;justify-content:center;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.cc-app .episode-export-preview canvas,.cc-app .episode-export-preview video{display:block;width:auto;max-width:100%;height:min(420px,70vh);aspect-ratio:9/16;object-fit:contain;background:#000}
.cc-app .episode-export-preview canvas[hidden],.cc-app .episode-export-preview video[hidden]{display:none}
.cc-app .episode-export.is-error .episode-export-preview{display:none}
.cc-app .episode-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.cc-app .episode-export-actions.hidden{display:none}
.cc-app .episode-export-actions .primary-btn[hidden]{display:none}
.cc-app .episode-export-actions .primary-btn:not([hidden])~.secondary-btn{grid-column:auto}
.cc-app .episode-export-actions .primary-btn[hidden]~.secondary-btn{grid-column:1/-1}
.cc-app .episode-export-actions .text-btn{grid-column:1/-1;min-height:40px}
.cc-app .episode-loading{display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0}

/* ── Court ───────────────────────────────────────────────────────────────── */
.cc-app .court-case-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.cc-app .court-case-picker button{min-height:52px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:700;padding:10px 14px;text-align:left}
.cc-app .court-case-picker button.active{background:linear-gradient(120deg,rgba(255,201,79,.22),rgba(255,138,91,.14));border-color:rgba(255,201,79,.6)}
.cc-app .court-generator-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;margin:0 0 14px}
.cc-app .court-random-btn{min-height:48px;border-radius:12px;border:0;background:var(--grad);color:#fff;font-weight:700;padding:10px 16px;white-space:nowrap}
.cc-app .court-file{border-radius:var(--radius-l);border:1px solid rgba(255,201,79,.3);background:radial-gradient(circle at 100% 0,rgba(255,201,79,.2),transparent 40%),linear-gradient(160deg,#241a12,#110c14 70%);box-shadow:var(--shadow);padding:24px}
.cc-app .court-file-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px dashed rgba(255,201,79,.3);padding-bottom:16px;margin-bottom:16px}
.cc-app .court-file h4{font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:-.03em;margin:6px 0 0}
.cc-app .court-file-number{font-family:var(--font-display);font-size:.75rem;letter-spacing:.14em;background:rgba(255,201,79,.14);border:1px solid rgba(255,201,79,.4);color:#ffe3a3;border-radius:999px;padding:6px 12px;white-space:nowrap}
.cc-app .court-defendant{display:grid;gap:4px;margin-bottom:16px}
.cc-app .court-defendant small{font-family:var(--font-display);letter-spacing:.14em;font-size:.68rem;color:var(--muted)}
.cc-app .court-defendant strong{font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.03em}
.cc-app .court-defendant span{color:#ffe3a3;font-weight:600}
.cc-app .court-evidence-item{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}
.cc-app .court-evidence-item b,.cc-app .court-evidence-item>span:first-child{width:32px;height:32px;border-radius:10px;background:rgba(255,201,79,.16);display:grid;place-items:center;font-family:var(--font-display);color:#ffe3a3}
.cc-app .court-verdict{margin-top:18px;padding:18px;border-radius:var(--radius);background:rgba(255,90,120,.1);border:1px solid rgba(255,90,120,.35)}
.cc-app .court-verdict strong{display:block;font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:-.04em;color:#ff8ea3;margin:4px 0 8px;line-height:1}
.cc-app .court-verdict p{color:#fff;font-weight:600;margin:0}
.cc-app .court-next-case{display:grid;gap:8px;margin:16px 0;text-align:center}
.cc-app .court-disclaimer{color:var(--muted-2);font-size:.85rem}

/* ── Modals ──────────────────────────────────────────────────────────────── */
.cc-app .modal-sheet{background:linear-gradient(160deg,#1a1729,#100e1c);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:26px;box-shadow:var(--shadow)}
.cc-app .modal-sheet h3{font-size:1.6rem;letter-spacing:-.03em}
.cc-app .close-modal:not(.quiet-dismiss){background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;border-radius:12px;width:40px;height:40px}
.cc-app .pricing-option{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:#fff}
.cc-app .pricing-option.active{background:var(--grad-soft);border-color:rgba(179,155,255,.7);box-shadow:none}
.cc-app .pricing-option-price b{font-family:var(--font-display)}
.cc-app .pricing-save{display:inline-flex;background:rgba(200,255,91,.16);color:#dfffa3;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800;margin-top:6px}
.cc-app .pricing-nudge,.cc-app .promo-code-hint,.cc-app .paywall-referral-reward,.cc-app .analyze-tier-note{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.cc-app .demo-limit-burst{font-size:2.6rem}
.cc-app .demo-limit-price{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:14px 0}
.cc-app .language-grid button{background:var(--surface);border:1px solid var(--line);border-radius:14px;color:#fff;min-height:52px;font-weight:600}
.cc-app .language-grid button.active{background:var(--grad-soft);border-color:rgba(179,155,255,.7)}
.cc-app .auth-tabs button,.cc-app .account-tab{border-radius:12px}
.cc-app .account-tab.active{background:var(--grad);color:#fff}
.cc-app .toast{border-radius:14px;font-weight:700;box-shadow:var(--shadow)}

/* ── Public Group Universe page ──────────────────────────────────────────── */
.public-universe-card,.public-universe-stats article,.public-award-card,.public-universe-cta{background:var(--surface-solid)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-l)!important}

/* ── PWA dialog ──────────────────────────────────────────────────────────── */
#cc-pwa{background:linear-gradient(160deg,#1a1729,#100e1c);border:1px solid var(--line-strong);border-radius:var(--radius-xl);color:var(--text)}
#cc-pwa-launch{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;color:#fff}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media(min-width:761px){
  .cc-app .preview-stage{grid-template-columns:1fr}
  .cc-app .preview-card.game-preview{display:grid}
}
@media(max-width:760px){
  .cc-app .home-intro{padding:36px 20px 28px;gap:28px}
  .cc-app .hero h1{font-size:clamp(2.3rem,11vw,3.2rem)!important}
  .cc-app .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .cc-app .preview-card.game-preview{display:grid;transform:rotate(1deg)!important}
  .cc-app .how-grid,.cc-app .trust-proof-grid{grid-template-columns:1fr}
  .cc-app .section-shell,.cc-app #resultsView{padding:22px 16px 48px}
  .cc-app #resultsView .product-switcher{top:calc(64px + var(--safe-top) + 6px);gap:4px;padding:5px}
  .cc-app #resultsView .product-switch{min-height:56px;padding:6px 2px}
  .cc-app #resultsView .product-switch b{font-size:.75rem}
  .cc-app .story-card{min-height:520px;padding:24px}
  .cc-app .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-app .award-grid{grid-template-columns:1fr}
  .cc-app .share-awards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-app .game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-app .game-answer-grid{grid-template-columns:1fr}
  .cc-app .games-hero{display:block}.cc-app .games-hero-actions{margin-top:12px}
  .cc-app .branch-hero{flex-direction:column}.cc-app .branch-purchase-actions{width:100%;min-width:0}
  .cc-app .episode-style-picker{grid-template-columns:1fr;gap:6px}
  .cc-app .episode-style-picker button{min-height:0;padding:12px 14px}
  .cc-app .episode-generator-box{flex-direction:column;align-items:stretch}
  .cc-app .episode-generator-box .primary-btn{width:100%;white-space:normal}
  .cc-app .episode-stage{min-height:540px;padding:22px}
  .cc-app .episode-transport{grid-template-columns:1fr 1fr 1fr}
  .cc-app .court-case-picker{grid-template-columns:1fr 1fr}
  .cc-app .court-generator-row{flex-direction:column;align-items:stretch;text-align:left}
  .cc-app .court-random-btn{width:100%}
  .cc-app .expose-stats{grid-template-columns:repeat(3,1fr)}
  .cc-app .modal-sheet{padding:22px 18px;border-radius:26px}
  .cc-app .unlock-banner{display:block}.cc-app .unlock-banner .primary-btn{width:100%;margin-top:14px}
  .cc-app .roast-deck-controls{grid-template-columns:auto 1fr auto}
  .cc-app .dash-stat{padding:12px 14px}
}
@media(max-width:400px){
  .cc-app #resultsView .product-switch>span{font-size:1rem}
  .cc-app .episode-transport{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .cc-app .episode-transport button{padding:10px 8px;font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){.cc-app *{transition:none!important;animation-duration:.001s!important}}

/* ── Refinements after first visual pass ─────────────────────────────────── */
/* Wrapped cards: every chapter gets its own vivid colour world. */
.cc-app .story-card.theme-violet{background:radial-gradient(circle at 85% 15%,rgba(255,79,163,.42),transparent 34%),radial-gradient(circle at 10% 90%,rgba(91,224,255,.3),transparent 36%),linear-gradient(150deg,#2a1656,#120b24)}
.cc-app .story-card.theme-gold{background:radial-gradient(circle at 85% 10%,rgba(255,201,79,.5),transparent 36%),radial-gradient(circle at 5% 95%,rgba(255,138,91,.34),transparent 38%),linear-gradient(150deg,#3a2410,#170f1c)}
.cc-app .story-card.theme-pink{background:radial-gradient(circle at 85% 12%,rgba(255,79,163,.52),transparent 36%),radial-gradient(circle at 8% 92%,rgba(124,92,255,.36),transparent 38%),linear-gradient(150deg,#3d1038,#160a1e)}
.cc-app .story-card.theme-night{background:radial-gradient(circle at 80% 10%,rgba(124,92,255,.5),transparent 38%),radial-gradient(circle at 10% 90%,rgba(91,224,255,.26),transparent 36%),linear-gradient(150deg,#121a4a,#090c22)}
.cc-app .story-card.theme-blue{background:radial-gradient(circle at 85% 10%,rgba(91,224,255,.44),transparent 36%),radial-gradient(circle at 5% 95%,rgba(124,92,255,.4),transparent 38%),linear-gradient(150deg,#0f2a48,#0a1224)}
.cc-app .story-card.theme-lime{background:radial-gradient(circle at 85% 10%,rgba(200,255,91,.42),transparent 36%),radial-gradient(circle at 5% 95%,rgba(91,224,255,.3),transparent 38%),linear-gradient(150deg,#16361f,#0b1a14)}
.cc-app .story-card.theme-emoji,.cc-app .story-card.theme-wine{background:radial-gradient(circle at 85% 10%,rgba(255,90,120,.46),transparent 36%),radial-gradient(circle at 5% 95%,rgba(255,201,79,.3),transparent 38%),linear-gradient(150deg,#3b1020,#170a14)}
.cc-app .story-card.story-locked{background:linear-gradient(150deg,#1c1929,#100e1c)}
/* Demo banner stacks its call to action on small screens. */
@media(max-width:600px){.cc-app .demo-full-banner{display:grid;grid-template-columns:auto 1fr}.cc-app .demo-full-banner .primary-btn{grid-column:1/-1;width:100%}}
/* Episode secondary controls sit side by side; the video button spans both. */
.cc-app .episode-controls{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.cc-app .episode-controls>*{width:100%;min-width:0;flex:none;margin:0}
.cc-app .episode-controls .episode-save-btn{grid-column:1/-1}
/* The product switcher only sticks on larger screens; phones keep their vertical space. */
@media(max-width:760px){.cc-app #resultsView .product-switcher{position:static}}
/* Award cards: vivid theme worlds behind the glass. */
.cc-app .award-card.theme-gold{background:radial-gradient(circle at 90% 0,rgba(255,201,79,.4),transparent 45%),linear-gradient(160deg,#2c1d10,#14101c)}
.cc-app .award-card.theme-night{background:radial-gradient(circle at 90% 0,rgba(124,92,255,.45),transparent 45%),linear-gradient(160deg,#141a44,#0d1024)}
.cc-app .award-card.theme-emoji{background:radial-gradient(circle at 90% 0,rgba(255,90,120,.42),transparent 45%),linear-gradient(160deg,#33111f,#150b16)}
.cc-app .award-card.theme-pink{background:radial-gradient(circle at 90% 0,rgba(255,79,163,.45),transparent 45%),linear-gradient(160deg,#330f30,#150a1c)}
.cc-app .award-card.theme-blue{background:radial-gradient(circle at 90% 0,rgba(91,224,255,.4),transparent 45%),linear-gradient(160deg,#0f2a48,#0b1224)}
.cc-app .award-card.theme-lime{background:radial-gradient(circle at 90% 0,rgba(200,255,91,.38),transparent 45%),linear-gradient(160deg,#16361f,#0c1a14)}
.cc-app .award-card.theme-indigo{background:radial-gradient(circle at 90% 0,rgba(124,92,255,.42),transparent 45%),linear-gradient(160deg,#1c1650,#0d0b22)}
.cc-app .award-card.theme-wine{background:radial-gradient(circle at 90% 0,rgba(255,90,120,.36),transparent 45%),linear-gradient(160deg,#3a1226,#150a14)}
.cc-app .award-card.theme-orange{background:radial-gradient(circle at 90% 0,rgba(255,138,91,.44),transparent 45%),linear-gradient(160deg,#3a1d10,#160e14)}
.cc-app .award-card.theme-cyan{background:radial-gradient(circle at 90% 0,rgba(91,224,255,.42),transparent 45%),linear-gradient(160deg,#0f2f3c,#0b1420)}
.cc-app .award-card.theme-sun{background:radial-gradient(circle at 90% 0,rgba(255,201,79,.46),transparent 45%),linear-gradient(160deg,#3a2a10,#161014)}
.cc-app .award-card.theme-ghost{background:radial-gradient(circle at 90% 0,rgba(255,255,255,.14),transparent 45%),linear-gradient(160deg,#20222e,#0f1017)}
.cc-app .award-card.theme-violet{background:radial-gradient(circle at 90% 0,rgba(124,92,255,.45),transparent 45%),linear-gradient(160deg,#2a1656,#120b24)}
.cc-app .video-controls #episodeRegenerateBtn{grid-column:auto}
.cc-app .episode-save-btn{background:linear-gradient(120deg,#5be0ff,#7c5cff 60%,#ff4fa3)!important}
@media(max-width:430px){.cc-app .episode-transport button,.cc-app .episode-controls.video-controls button{font-size:.9rem}}
.cc-app .award-card{min-height:0}
.cc-app .award-card>span{margin-top:22px}
.cc-app .award-card p{margin-top:0}
.cc-app .back-link{display:block;margin:0 0 18px;color:var(--muted);font-weight:600}
.cc-app #statsPanel .stats-section-heading{display:none}
/* The episode player keeps phone proportions (9:16) and never grows taller than the viewport on desktop. */
.cc-app .episode-stage-wrap{max-width:460px}
.cc-app .episode-stage{aspect-ratio:9/16;min-height:0;max-height:min(760px,calc(100vh - 140px))}
@media(max-width:760px){.cc-app .episode-stage-wrap{max-width:none}.cc-app .episode-stage{max-height:none}}
/* ChatClash 2.55 — leftover copy, hidden duplicate stats heading, lock leftovers. */

.cc-app .hour-chart,
.cc-app #hourChart,
.cc-app #statsPanel .hour-chart{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  height:auto;
  gap:12px;
  margin-top:16px;
  padding-bottom:8px;
  grid-template-columns:none;
}
.cc-app .hour-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-size:.72rem;font-weight:700;color:var(--muted);font-family:var(--font-display);width:100%}
.cc-app .hour-legend span{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:5px 8px;text-align:center}
.cc-app .hour-bars{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:stretch;gap:3px;height:180px;padding-bottom:18px;width:100%}
.cc-app .hour-col{height:100%!important;min-height:0;width:auto;min-width:0}
.cc-app .hour-col i{width:100%;min-width:2px;background:linear-gradient(180deg,#ff4fa3,#7c5cff 70%)!important}
.cc-app .hour-col.is-peak i{box-shadow:0 0 16px rgba(255,79,163,.45);background:linear-gradient(180deg,#ffc94f,#ff4fa3)}

.cc-app .leader-row span{min-width:0;display:grid}
.cc-app .leader-row small{color:var(--muted-2);font-size:.78rem;margin-top:2px}
.cc-app .leader-row i{width:var(--w);margin-top:8px}
.cc-app .leader-row.is-first{background:radial-gradient(circle at 0 50%,rgba(255,201,79,.18),transparent 55%);border:1px solid rgba(255,201,79,.28);border-radius:14px;padding:12px 12px;margin:0 0 8px}
.cc-app .leader-row.is-first>b{font-size:1.15rem}

.cc-app .stats-hero{
  padding:24px;
  margin:0 0 14px;
  background:radial-gradient(circle at 92% 0,rgba(255,79,163,.28),transparent 40%),radial-gradient(circle at 0 100%,rgba(124,92,255,.22),transparent 42%),linear-gradient(150deg,#1d1433,#0f0b19);
  border:1px solid var(--line-strong);
}
.cc-app .stats-hero h3{font-size:clamp(1.45rem,4vw,2.1rem);letter-spacing:-.035em;margin:8px 0 8px;color:#fff}
.cc-app .stats-hero p{margin:0;color:#e7dcff;font-weight:600;line-height:1.45}
.cc-app .stats-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;padding:0;background:none;border:0}
.cc-app .stats-insight-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 14px}
.cc-app .stats-insight-emoji{display:block;font-size:1.35rem;margin-bottom:8px}
.cc-app .stats-insight-card>span{display:block;color:var(--muted);font-size:.8rem}
.cc-app .stats-insight-card strong{display:block;font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.03em;margin:4px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc-app .stats-insight-card em{font-style:normal;color:var(--muted);font-size:.82rem;line-height:1.4}
.cc-app .extra-stats-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cc-app .stat-metric-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:14px}
.cc-app .stat-metric-icon{display:block;font-size:1.2rem;margin-bottom:6px}
.cc-app .stat-metric-card em{display:block;font-style:normal;color:var(--muted-2);font-size:.78rem;line-height:1.35;margin-top:4px}
.cc-app .stats-rhythm{padding:22px}
.cc-app .stats-rhythm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.cc-app .stats-rhythm-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:14px}
.cc-app .stats-rhythm-card span{color:var(--muted);font-size:.85rem;font-weight:600}
.cc-app .stats-rhythm-card strong{display:block;font-family:var(--font-display);font-size:1.5rem;margin:6px 0 10px}
.cc-app .stats-rhythm-bar{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}
.cc-app .stats-rhythm-bar i{display:block;height:100%;background:var(--grad);border-radius:99px}
.cc-app .stats-rhythm-card small{display:block;margin-top:8px;color:var(--muted-2)}
.cc-app .weekday-column.is-peak b,.cc-app .month-row.is-peak b{color:#ffc94f}
.cc-app .weekday-column.is-peak i{box-shadow:0 8px 18px rgba(255,79,163,.3)}
.cc-app .month-row.is-peak i{box-shadow:0 0 12px rgba(255,79,163,.35)}
.cc-app .stats-preview250{padding:24px;background:radial-gradient(circle at 100% 0,rgba(124,92,255,.2),transparent 42%),var(--surface-solid);border:1px solid var(--line-strong)}
.cc-app .stats-preview250 strong{display:block;font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.03em;margin:8px 0 8px}
.cc-app .stats-teaser-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.cc-app .stats-preview250 .primary-btn{width:100%;margin:16px 0 0}
.cc-app .stats-teaser-list li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);font-weight:600}
.cc-app .stats-teaser-list li::before{content:"✦ ";color:#c9b8ff}

/* Quiet dismissals: guest login + paywall Not now should never look like a primary button. */
.cc-app button.quiet-dismiss,
.cc-app button.auth-guest,
.cc-app button.paywall-not-now{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  min-height:0;
  margin:14px auto 0;
  padding:4px 8px;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted-2)!important;
  font-size:.8rem;
  font-weight:500;
  letter-spacing:0;
  line-height:1.4;
  white-space:normal;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:rgba(255,255,255,.22);
  cursor:pointer;
}
.cc-app button.quiet-dismiss:hover,
.cc-app button.auth-guest:hover,
.cc-app button.paywall-not-now:hover{color:#d7cedf!important;background:transparent!important;transform:none}

/* Paywall plan cards: BEST DEAL back, clearer recommended option. */
.cc-app .paywall-burst{display:grid!important;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--grad);font-size:1.4rem;box-shadow:var(--glow)}
.cc-app #paywallModal .pricing-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding-right:44px}
.cc-app .pricing-best{display:inline-flex!important;position:absolute;top:10px;right:10px;background:var(--gold);color:#0a0912;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800;letter-spacing:.06em}
.cc-app .pricing-option.recommended{background:radial-gradient(circle at 100% 0,rgba(255,201,79,.22),transparent 42%),var(--grad-soft);border-color:rgba(255,201,79,.55);min-height:108px}
.cc-app .pricing-option[data-commerce-choice="chaos"]{background:radial-gradient(circle at 100% 0,rgba(255,90,120,.16),transparent 42%),var(--surface)}
.cc-app .pricing-option.active{border-color:rgba(179,155,255,.8);box-shadow:0 0 0 1px rgba(179,155,255,.2) inset}
.cc-app .pricing-choice-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:transparent}
.cc-app .pricing-option.active .pricing-choice-dot{background:#fff;border-color:#fff}
.cc-app #paywallModal .pricing-checkout-btn{position:static!important;box-shadow:var(--glow);margin-top:14px}
.cc-app #statsPanel,.cc-app #gamesPanel{padding-bottom:120px}
.cc-app:not(.is-premium) #resultsView .tab-panel{padding-bottom:140px}
.cc-app:not(.is-premium) #resultsView .unlock-banner{margin-bottom:24px}
.cc-app.is-premium .premium-mode::after,
body.is-premium .premium-mode::after{display:none!important}
.cc-app.is-premium .premium-mode small::after,
body.is-premium .premium-mode small::after{content:none!important}
.cc-app .stats-insight-card>span{color:#c9b8ff;font-weight:600}

.cc-app .game-round-track{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:0 0 12px}
.cc-app .game-round-track i{display:block;height:100%;background:var(--grad);border-radius:99px}
.cc-app .game-round-flavor{margin:0 0 12px;color:#dcd1ff;font-weight:600;line-height:1.45}
.cc-app .premium-game-shell{background:radial-gradient(circle at 50% 0,rgba(124,92,255,.22),transparent 50%),var(--surface-solid);border:1px solid var(--line-strong)}
.cc-app .premium-game-icon{font-size:2.4rem;margin-bottom:8px}

@media(max-width:760px){
  .cc-app .stats-insight-grid,.cc-app .extra-stats-metrics,.cc-app .stats-rhythm-grid{grid-template-columns:1fr 1fr}
  .cc-app .hour-legend{grid-template-columns:1fr 1fr}
  .cc-app .game-mode{min-height:138px}
}
@media(max-width:430px){
  .cc-app .stats-insight-grid,.cc-app .stats-rhythm-grid{grid-template-columns:1fr}
}

/* ChatClash 2.56 — one full ChatClash bundle per unique WhatsApp group. */
.cc-app .bundle-includes{
  list-style:none;
  margin:4px 0 14px;
  padding:12px 14px;
  display:grid;
  gap:8px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius:16px;
}
.cc-app .bundle-includes li{
  font-size:.92rem;
  font-weight:600;
  line-height:1.35;
  color:#efe8ff;
}
.cc-app .pricing-option[hidden],
.cc-app .results-pack-card[hidden],
.cc-app .pricing-nudge[hidden],
.cc-app .branch-all-btn[hidden]{display:none!important}
.cc-app .pricing-option-price del,
.cc-app .results-pack-price del,
.cc-app #stickyBuyBtn del{
  opacity:.55;
  text-decoration:line-through;
  margin-right:.45em;
  font-weight:700;
  color:var(--muted);
}
.cc-app .results-pack-strip-single{
  grid-template-columns:minmax(210px,.78fr) 1.22fr;
}
.cc-app .results-pack-strip-single .results-pack-card[hidden]{display:none!important}
@media(max-width:900px){
  .cc-app .results-pack-strip-single{grid-template-columns:1fr}
}