:root{--tint:#eee0c7;--line:#dfcdb3;--ink:#443928;--muted:#847055}.hero{padding-bottom:26px}.case-sheet{border:1px solid var(--line);border-top:5px solid var(--accent);background:var(--paper);border-radius:3px;padding:26px}.case-header{border-bottom:1px dashed var(--line);padding-bottom:20px;margin-bottom:22px}.case-title{font:35px/1.1 Georgia,serif;margin:12px 0;letter-spacing:-1px}.case-setting{font:12px ui-monospace,monospace;color:var(--muted)}.case-hook{font-size:17px;max-width:690px;line-height:1.65}.suspects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.suspect{text-align:left;padding:19px;display:flex;flex-direction:column;gap:9px;border-radius:7px;align-items:flex-start}.suspect strong{font:24px Georgia,serif}.suspect-role{font:10px ui-monospace,monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.6px}.statement{font-size:13px;font-weight:400;line-height:1.6;color:var(--muted)}.clues{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clue{border:1px dashed #c3ab87;border-radius:7px;overflow:hidden;background:#fbf6eb}.clue-button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;width:100%;border:0;background:transparent;border-radius:0;padding:18px}.clue-type{font:10px ui-monospace,monospace;color:var(--accent);letter-spacing:1px}.inspect-label{font-size:11px;color:var(--muted);font-weight:400}.clue-content{font:13px/1.8 ui-monospace,monospace;padding:0 18px 18px;margin:0;color:var(--ink)}.verdict{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.result{padding:22px;background:#ece2d1;border:1px solid var(--line);border-radius:9px;margin-top:20px}.result.solved{background:#e0eadb}.result p{font-size:14px;line-height:1.75}.case-choice{display:flex;justify-content:space-between;width:100%;gap:15px;margin-bottom:8px;text-align:left}.hint{margin:13px 0;color:var(--muted);font-style:italic;font-size:13px}.case-progress{max-width:310px}.case-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.case-progress strong{font:18px ui-monospace,monospace}.case-progress .progress{margin-top:8px}@media(max-width:680px){.suspects{grid-template-columns:1fr}.suspect{gap:5px;padding:16px}.suspect strong{font-size:22px}.clues{grid-template-columns:1fr}.case-sheet{padding:18px}.case-title{font-size:29px}.case-hook{font-size:15px}.case-top{align-items:flex-start}.case-progress{max-width:150px}.case-progress .small{font-size:10px}}