#ct{--ct-mute:#a8bed0;--ct-cyan:#67f2db;max-width:1040px;margin:24px auto;background:#0c1729;color:#eaf6ff;border:1px solid #29435b;border-radius:24px;overflow:hidden;font-size:16px;line-height:1.6;box-shadow:0 18px 50px #06112026}
#ct *{box-sizing:border-box}#ct [hidden]{display:none!important}#ct button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:48px;border-radius:12px;padding:12px 18px;white-space:normal;line-height:1.45}#ct button:focus-visible,#ct summary:focus-visible{outline:3px solid #ffdb70;outline-offset:3px}#ct button:disabled{cursor:default;opacity:.65}
#ct .ct-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #29435b;gap:12px}#ct .ct-top b{letter-spacing:1px;color:var(--ct-cyan)}#ct .ct-top small{display:block;font-size:12px;letter-spacing:0;color:var(--ct-mute)}#ct .ct-top button{background:#1e3045;border:1px solid #3c5269;color:white;font-size:13px}
.ct-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;padding:36px}#ct h2{font-size:46px;line-height:1.22;font-weight:900;color:white;margin:18px 0}#ct h2 em{font-style:normal;color:var(--ct-cyan)}#ct p{color:#c5d6e3;margin:14px 0}#ct .ct-kicker{color:var(--ct-cyan);font-size:13px;font-weight:800}#ct .ct-intro img{width:100%;height:auto;border-radius:22px}
#ct .ct-tags{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}#ct .ct-tags span{font-size:12px;background:#243649;padding:5px 9px;border-radius:20px}#ct .ct-primary{background:var(--ct-cyan);color:#082624;border:1px solid var(--ct-cyan);font-weight:800}#ct .ct-secondary{background:#1c2b42;color:white;border:1px solid #3a526b}#ct .ct-intro button{display:block;width:100%;margin:10px 0}#ct .ct-intro small{color:var(--ct-mute);font-size:12px}
#ct footer{border-top:1px solid #29435b;padding:16px 24px;color:var(--ct-mute);font-size:13px}#ct footer b{color:#ffdc79}#ct-play{padding:24px 32px}#ct .ct-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}#ct .ct-hud small{display:block;font-size:12px;color:var(--ct-mute)}#ct .ct-hud b{font-size:23px}#ct .ct-meter{height:5px;background:#253750;border-radius:4px;margin:16px 0 24px;overflow:hidden}#ct-meter{display:block;height:100%;width:100%;background:var(--ct-cyan)}
#ct .ct-case-head{display:flex;justify-content:space-between;gap:8px;align-items:center}#ct-ai{font-size:12px;color:var(--ct-mute)}#ct h3{font-size:23px;line-height:1.5;color:white;font-weight:800;margin:15px 0}#ct-clues{list-style:none;padding:12px 20px;margin:18px 0;background:#16263a;border:1px solid #30465b;border-radius:16px}#ct-clues li{padding:7px 0;border-bottom:1px solid #ffffff0d;font-size:18px}#ct-clues li:last-child{border:0}
#ct-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}#ct-options button{text-align:left;display:flex;align-items:center;gap:12px;border:1px solid #436079;background:#20334c;color:white;min-height:66px;font-weight:700}#ct-options button:hover:not(:disabled){border-color:var(--ct-cyan);background:#2a455b}#ct-options button i{font-size:12px;border:1px solid #668198;padding:2px 8px;border-radius:6px;font-style:normal}#ct-options button.ct-correct{border:2px solid var(--ct-cyan);background:#154c42;opacity:1}#ct-options button.ct-wrong{border:2px solid #ff9c9c;background:#512e3c;opacity:1}
#ct-feedback{margin-top:22px;padding:20px;border-radius:16px;background:#1a2c40}#ct-feedback h3{margin-top:0}#ct-feedback button{width:100%}#ct-paused{text-align:center;padding:60px 12px}#ct-result{padding:32px}#ct .ct-final b{font-size:66px;color:var(--ct-cyan);line-height:1.2}#ct-report{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}#ct-report div{padding:15px 10px;background:#1a2d43;border-radius:12px;text-align:center}#ct-report strong{display:block;font-size:24px;color:#ffdc79}#ct-report small{font-size:12px;color:var(--ct-mute)}#ct .ct-actions{display:flex;gap:12px}#ct details{margin-top:24px}#ct summary{cursor:pointer;padding:12px 0;font-weight:bold}#ct-review article{padding:16px 0;border-bottom:1px solid #3b5065}#ct-review article h4{color:white;font-size:16px;line-height:1.5}#ct-review article p{font-size:14px}#ct .ct-actions .ct-primary{flex:1}
.ct-guide{text-align:left;line-height:1.7;margin-top:16px;font-size:.9rem}.ct-guide h3{margin:0 0 10px;font-size:1rem;font-weight:800}.ct-guide p{margin:0 0 8px;font-size:.9rem;line-height:1.75}.ct-guide small{display:block;margin-top:10px;font-size:.8rem;opacity:.75;line-height:1.7}
@media(max-width:600px){#ct{border-radius:18px;margin:16px auto}.ct-intro{display:flex;flex-direction:column-reverse;padding:22px;gap:14px}#ct .ct-intro img{width:150px;height:150px;object-fit:cover}#ct .ct-intro>div{width:100%}#ct h2{font-size:34px;margin:12px 0}#ct .ct-top{padding:12px 16px}#ct-play,#ct-result{padding:20px 16px}#ct h3{font-size:19px}#ct-clues{padding:10px 14px}#ct-clues li{font-size:16px}#ct-options{gap:8px}#ct-options button{padding:12px 10px;font-size:15px;gap:8px;min-height:68px}#ct .ct-hud b{font-size:20px}#ct .ct-case-head{align-items:flex-start;flex-direction:column}#ct-report{grid-template-columns:1fr 1fr}#ct .ct-actions{flex-direction:column}#ct footer span{display:block}}