/* Chat Detective v47 — game-mode navigation, session recap, about page. */
.cd-game-mode-picker.is-panel{display:block;width:100%;margin:0 0 20px;position:relative;z-index:3}
.cd-game-mode-picker.is-panel .cd-game-mode-trigger{display:none!important}
.cd-game-mode-picker.is-panel .cd-game-mode-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;max-height:none!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:auto!important}
.cd-game-mode-picker.is-panel [data-play-mode]{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;min-height:86px;padding:16px 20px;border-radius:18px;border:1px solid rgba(201,174,231,.3);background:linear-gradient(135deg,rgba(73,56,103,.50),rgba(26,24,53,.56));color:#eee9ff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.cd-game-mode-picker.is-panel [data-play-mode] span{font-size:1.02rem;font-weight:800;display:flex;gap:10px;align-items:center}
.cd-game-mode-picker.is-panel [data-play-mode] small{font-size:.8rem;color:#bfb6d4;font-weight:500}
.cd-game-mode-picker.is-panel [data-play-mode]:not(:disabled):hover{transform:translateY(-2px);border-color:rgba(255,100,164,.65)}
.cd-game-mode-picker.is-panel [data-play-mode][aria-checked="true"]{border-color:rgba(255,74,142,.9);background:linear-gradient(125deg,rgba(188,42,105,.52),rgba(68,40,97,.67));box-shadow:0 0 0 1px rgba(255,89,150,.28),0 10px 36px rgba(30,8,34,.20)}
.cd-game-mode-picker.is-panel [data-play-mode]:disabled{opacity:.52;cursor:not-allowed}
.cd-game-mode-picker.is-panel [data-play-mode] em{font-style:normal;font-size:.62rem;padding:3px 7px;background:rgba(255,255,255,.12);border-radius:30px}
.cd-session-summary[hidden]{display:none!important}
.cd-session-summary{position:fixed;z-index:9998;inset:0;background:rgba(7,6,17,.80);backdrop-filter:blur(16px);display:grid;place-items:center;padding:18px}
.cd-session-summary-card{width:min(560px,100%);max-height:92vh;overflow:auto;padding:34px;border:1px solid rgba(235,193,241,.45);border-radius:26px;background:linear-gradient(145deg,rgba(57,40,82,.97),rgba(29,19,49,.97));box-shadow:0 30px 110px #07020eaa;text-align:center;color:#f5ecff}
.cd-session-kicker{letter-spacing:.18em;font-size:.7rem;color:#ff8db7;font-weight:800}
.cd-session-summary-card h2{font-size:clamp(1.65rem,4vw,2.4rem);margin:12px 0}
.cd-session-score{font-size:clamp(3rem,10vw,5rem);font-weight:900;margin:12px 0 0;line-height:1;color:#ff5b9a}
.cd-session-details{font-size:.95rem;color:#d9cce8;margin:18px 0}
.cd-session-history{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:22px 0}
.cd-session-history span{border-radius:9px;padding:12px 0;font-size:1rem;font-weight:900;background:rgba(255,255,255,.10)}
.cd-session-history .is-correct{background:rgba(35,178,118,.27);color:#81eeb9}
.cd-session-history .is-wrong{background:rgba(244,77,113,.25);color:#ff9eaf}
.cd-session-history .is-skipped{background:rgba(190,190,200,.20);color:#ccc}
.cd-session-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cd-session-actions button,.cd-session-actions a,.cd-about-cta{border:1px solid rgba(255,156,196,.6);border-radius:13px;padding:12px 20px;background:#e63c84;color:white;font-weight:800;text-decoration:none;cursor:pointer}
.cd-session-actions a{background:rgba(255,255,255,.08)}
.cd-about-page{max-width:1200px;margin:auto;padding:38px 20px 72px;color:#f5eafa}
.cd-about-hero{border:1px solid rgba(229,176,236,.36);border-radius:28px;padding:clamp(24px,5vw,62px);background:linear-gradient(120deg,rgba(52,35,80,.72),rgba(29,22,55,.62));backdrop-filter:blur(24px)}
.cd-about-hero h1{max-width:800px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.08;margin:18px 0}
.cd-about-hero h1 em{font-style:normal;color:#ff82b7}
.cd-about-hero>p:not(.game-overline){max-width:670px;line-height:1.75;color:#d9c9e2}
.cd-about-cta{display:inline-block;margin-top:22px}
.cd-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.cd-about-panel{border:1px solid rgba(212,171,230,.30);border-radius:22px;padding:30px;background:rgba(41,31,71,.59);backdrop-filter:blur(18px)}
.cd-about-number{letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#f696bd}
.cd-about-panel h2{font-size:1.65rem;margin:12px 0}
.cd-about-panel p,.cd-about-panel li{line-height:1.7;color:#ddd1ea}
.cd-about-panel ul{padding-left:20px}
.cd-about-panel a,.cd-about-author a,.site-footer a{color:#ff9bc3;text-decoration:none}
.cd-about-panel a:hover,.cd-about-author a:hover,.site-footer a:hover{text-decoration:underline}
.cd-about-author{margin-top:20px;padding:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(235,198,249,.25)}
@media(max-width:760px){.cd-game-mode-picker.is-panel .cd-game-mode-menu{grid-template-columns:1fr;gap:8px}.cd-game-mode-picker.is-panel [data-play-mode]{min-height:64px;padding:12px 16px}.cd-about-grid{grid-template-columns:1fr}.cd-session-history{grid-template-columns:repeat(5,1fr)}.cd-session-summary-card{padding:23px}}

.cd-auto-discovery{margin:16px 0 24px;padding:22px;border-radius:22px;border:1px solid rgba(224,178,238,.33);background:rgba(45,30,70,.54);backdrop-filter:blur(20px)}
.cd-auto-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.cd-auto-heading h2{font-size:1.4rem;margin:8px 0}
.cd-auto-heading p{max-width:660px;line-height:1.6;opacity:.8}
#cd-auto-search,.cd-auto-actions a,.cd-auto-actions button{border:1px solid #c77da5;background:rgba(221,58,124,.3);border-radius:11px;color:#ffe3f0;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none}
#cd-auto-search{background:#d8347a;color:#fff}
#cd-auto-search:disabled{opacity:.5}
#cd-auto-status{font-size:.85rem;color:#e6c2db;margin:12px 0}
.cd-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;max-height:470px;overflow:auto}
.cd-auto-card{padding:12px;background:rgba(29,22,52,.67);border:1px solid rgba(206,170,236,.26);border-radius:15px;min-width:0}
.cd-auto-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}
.cd-auto-card h3{font-size:.92rem;margin:10px 0 5px;overflow-wrap:anywhere}
.cd-auto-card p{font-size:.76rem;color:#cfc0dd}
.cd-auto-actions{display:flex;gap:8px;flex-wrap:wrap}
.cd-auto-actions a,.cd-auto-actions button{font-size:.75rem;padding:8px 10px}