.cn-detective-entry{width:100%;display:grid;grid-template-columns:56px 1fr 20px;gap:14px;align-items:center;margin:14px 0 18px;padding:18px;border:1px solid #c9d7b9;border-radius:20px;background:linear-gradient(145deg,#f3f8e9,#e3efd3);color:var(--ink);text-align:left;box-shadow:var(--shadow);cursor:pointer}.cn-detective-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#315d52;color:#fff;font-size:1.65rem}.cn-detective-entry>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.cn-detective-entry small{color:#527a38;font-weight:900;letter-spacing:.06em}.cn-detective-entry strong{font-size:1.25rem}.cn-detective-entry em{font-style:normal;color:#5f7168;font-size:.82rem}.cn-detective-entry b{font-size:.82rem;margin-top:4px}.cn-detective-entry>i{font-style:normal;font-size:1.5rem;color:#6b7e70}
.det-shell{--det-blue:#315d68;--det-gold:#d69535;--det-soft:#eef4e7;padding-bottom:42px;background:linear-gradient(#f8f6ef,#f4f7ed)}.det-topbar{margin-bottom:18px}.det-topbar h1{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.det-stage-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 24px}.det-stage-nav span{min-height:34px;display:grid;place-items:center;border-radius:10px;background:#e5e6df;color:#7c827d;font-size:.72rem;font-weight:800}.det-stage-nav span.active{background:var(--det-blue);color:#fff}.det-stage-nav span.done{background:#dcebd7;color:#42643c}.det-cover{padding-bottom:24px}.det-case-number,.det-truth-mark{display:inline-block;padding:7px 12px;border-radius:99px;background:#315d68;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.08em}.det-cover>img,.det-scene-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;margin:14px 0;border:1px solid #d2dace;background:#dce9e6}.det-cover-copy{padding:18px 4px 10px;text-align:center}.det-cover-copy>span{color:#527a38;font-weight:900}.det-cover-copy h2{font-size:2rem;margin:7px 0}.det-cover-copy p{color:var(--muted);margin:0}.det-story-text{margin:14px 0;padding:18px;border-radius:20px;background:#fff;border:1px solid #e4e1d8}.det-story-text p{margin:0;font-size:1.12rem;line-height:2}.det-main-button{margin-top:18px}.det-task-heading{margin:8px 2px 18px}.det-task-heading span{color:#946026;font-size:.78rem;font-weight:900}.det-task-heading h2{font-size:1.8rem;margin:5px 0}.det-task-heading p{color:var(--muted);line-height:1.6;margin:0}.det-clue-grid{display:grid;gap:12px}.det-clue-card{width:100%;display:grid;grid-template-columns:88px 1fr;column-gap:14px;align-items:center;padding:13px;border:2px solid #dddcd4;border-radius:18px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.det-clue-card.unseen{border-style:dashed;animation:det-breathe 2.4s ease-in-out infinite}.det-clue-card.found{border-color:#9fbd8e;background:#f5faef}.det-clue-card img{grid-row:1/5;width:88px;aspect-ratio:1;border-radius:14px;object-fit:cover;background:#edf0ea}.det-clue-card>span{color:#6b7b72;font-size:.75rem;font-weight:900}.det-clue-card h3{font-size:1.15rem;margin:2px 0}.det-clue-card div p{font-size:.9rem;line-height:1.55;margin:2px 0}.det-notebook{margin:18px 0;border:1px solid #d9c79e;border-radius:18px;background:#fff9e9;overflow:hidden}.det-notebook summary{padding:16px;display:flex;justify-content:space-between;font-weight:900;cursor:pointer}.det-notebook>p{padding:0 16px 16px;color:var(--muted)}.det-notebook ul{list-style:none;padding:0 16px 14px;margin:0;display:grid;gap:10px}.det-notebook li{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid #eadfbe}.det-notebook li span{font-size:.88rem;line-height:1.55;color:#665d4e}.det-gate-note{text-align:center;color:var(--muted);font-size:.85rem;margin:18px 0}.det-suspect-list{display:grid;gap:12px}.det-suspect-card{width:100%;display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:14px;border:2px solid #deded7;border-radius:20px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.det-suspect-card.interviewed{align-items:start;border-color:#a9c399;background:#f6faef}.det-suspect-card img{width:92px;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#e8f1ef}.det-suspect-card span{font-size:.75rem;color:#5c7650;font-weight:900}.det-suspect-card h3{font-size:1.25rem;margin:3px 0}.det-suspect-card blockquote{margin:9px 0 0;padding:10px 12px;border-left:4px solid #8eb37a;border-radius:0 12px 12px 0;background:#fff}.det-suspect-card blockquote p{margin:2px 0;font-size:.92rem;line-height:1.55}.det-question-card{padding:20px;border-radius:22px;background:#fff;border:1px solid #dedfd8;box-shadow:var(--shadow)}.det-question-card>span{color:#8b5a3e;font-weight:900;font-size:.78rem}.det-question-card h2{font-size:1.55rem;line-height:1.55;margin:9px 0 18px}.det-options{display:grid;gap:10px}.det-options button{min-height:60px;padding:12px 18px;border:2px solid #cfd8cf;border-radius:16px;background:#f8fbf5;color:var(--ink);font-size:1.1rem;font-weight:850;cursor:pointer}.det-options button:active{transform:scale(.98)}.det-retry-hint{padding:13px 15px;border-radius:14px;background:#fff2d7;color:#76511d;line-height:1.55;margin:14px 0 0}.det-review-evidence{width:100%;min-height:44px;border:0;background:transparent;color:#5c6f65;margin-top:10px;text-decoration:underline;cursor:pointer}.det-testimony-review{display:grid;gap:10px}.det-testimony-review article{padding:16px;border-radius:16px;background:#fff;border:1px solid #dedfd8}.det-testimony-review p{line-height:1.6;margin:6px 0;color:#56615d}.det-reveal{text-align:center}.det-reveal h2{font-size:1.65rem;line-height:1.4}.det-reveal .det-story-text{text-align:left}.det-lesson{padding:18px;border-radius:20px;background:#e8f3df;border:1px solid #bdd3aa;text-align:left}.det-lesson strong{display:block;color:#436738;margin-bottom:8px}.det-lesson p{font-size:1rem;line-height:1.7;margin:2px 0}.det-reward{text-align:center;padding:8px 0}.det-confetti{font-size:2rem;color:#d9942d;letter-spacing:.35em;animation:det-celebrate 1.5s ease-in-out infinite}.det-reward>span{display:block;color:#4f773c;font-weight:900;font-size:1.1rem;margin:10px 0}.det-reward>img{display:block;width:min(72%,280px);aspect-ratio:1;margin:8px auto 14px;filter:drop-shadow(0 14px 18px #43604033)}.det-reward h2{font-size:1.75rem}.det-reward dl{margin:18px 0;padding:8px 18px;border-radius:20px;background:#fff;border:1px solid #dedfd8;text-align:left}.det-reward dl div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #ecece6}.det-reward dl div:last-child{border-bottom:0}.det-reward dt{color:var(--muted);font-size:.82rem}.det-reward dd{margin:0;font-weight:800}.det-reward .button+.button{margin-top:10px}.det-hard-char{display:inline-flex;vertical-align:middle;position:relative;align-items:center;justify-content:center;min-width:1em;border:0;border-bottom:2px dotted #b36b35;background:transparent;color:inherit;padding:0 .03em;line-height:inherit;cursor:pointer}.det-hard-char b{font:inherit}.det-hard-char small{position:absolute;left:50%;bottom:calc(100% - .12em);transform:translateX(-50%);font-size:.45em;line-height:1;color:#a94728;white-space:nowrap;font-weight:700}
@keyframes det-breathe{50%{border-color:#8baa75;box-shadow:0 0 0 4px #dcebd655}}@keyframes det-celebrate{50%{transform:translateY(-5px) scale(1.04)}}
@media(max-width:380px){.det-shell{padding-inline:14px}.det-clue-card{grid-template-columns:72px 1fr}.det-clue-card img{width:72px}.det-suspect-card{grid-template-columns:76px 1fr}.det-suspect-card img{width:76px}.det-stage-nav span{font-size:.66rem}.det-question-card{padding:17px}.det-cover-copy h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.det-clue-card.unseen,.det-confetti{animation:none}}
.det-clue-card,.det-suspect-card{display:block;cursor:default}.det-card-open{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.det-clue-card .det-card-open{display:grid;grid-template-columns:88px 1fr;column-gap:14px;align-items:center;padding:0}.det-clue-card .det-card-open img{grid-row:1/3}.det-clue-card .det-card-open>span{color:#6b7b72;font-size:.75rem;font-weight:900}.det-card-copy{padding:8px 3px 2px 102px}.det-card-copy p{font-size:.9rem;line-height:1.55;margin:2px 0}.det-suspect-card .det-card-open{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:0}.det-suspect-card blockquote{margin-left:106px}.det-hard-char:focus-visible,.det-card-open:focus-visible{outline:3px solid rgba(197,94,50,.35);outline-offset:3px}
@media(max-width:380px){.det-clue-card .det-card-open{grid-template-columns:72px 1fr}.det-card-copy{padding-left:86px}.det-suspect-card .det-card-open{grid-template-columns:76px 1fr}.det-suspect-card blockquote{margin-left:90px}}