:root{--black:#171717;--paper:#e8e4d8;--gray:#77736b;--red:#c63832;--yellow:#d6b95c}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--paper);font-family:"Courier New",monospace}main{min-height:100vh;max-width:720px;margin:auto;padding:max(1.3rem,env(safe-area-inset-top)) 1.3rem max(1.3rem,env(safe-area-inset-bottom));background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 28px}header{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid #484743;padding-bottom:1rem}.eye{font-size:1.5rem;color:var(--yellow)}header h1{font-size:.78rem;letter-spacing:.09em;margin:0}header p{font-size:.43rem;letter-spacing:.13em;color:var(--gray);margin:.25rem 0}#case-no{margin-left:auto;font-size:.55rem}.archive{padding-top:7vh}.folder{width:190px;height:145px;background:#b7a574;color:var(--black);padding:1rem;clip-path:polygon(0 15%,35% 15%,42% 0,100% 0,100% 100%,0 100%);display:grid;grid-template-columns:1fr 1fr;align-items:end;transform:rotate(-3deg);box-shadow:10px 10px 0 #000}.folder span{grid-column:1/-1;font-size:.6rem;align-self:start;margin-top:1rem}.folder b{font-size:5rem;line-height:.8}.folder i{font-style:normal;font-weight:700}.archive h2,.closed h2{font:400 clamp(2.7rem,10vw,5rem)/.9 Georgia;margin:2rem 0 1rem}.archive>p{max-width:520px;line-height:1.55;color:#b8b3a8}.archive button,.closed button{border:1px solid var(--paper);background:var(--paper);color:var(--black);padding:1rem 1.4rem;font:700 .7rem Courier;letter-spacing:.1em}.hidden{display:none!important}.case{padding-top:3rem}.case-head{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.14em;color:var(--yellow)}.case h2{font:400 clamp(1.9rem,7vw,3.5rem)/1.03 Georgia;margin:1rem 0 2rem}.clues{border-top:1px solid #484743}.clues button{width:100%;border:0;border-bottom:1px solid #484743;background:transparent;color:var(--yellow);text-align:left;padding:.8rem 0;font:700 .62rem Courier;letter-spacing:.1em}.clues p{display:none;color:#b8b3a8;font-size:.8rem;line-height:1.45;border-left:2px solid var(--yellow);padding-left:.8rem}.clues p.open{display:block}.suspects{display:grid;gap:.6rem;margin-top:1.5rem}.suspects button{border:1px solid #5c5a55;background:#222;color:var(--paper);text-align:left;padding:1rem;font:700 .75rem Courier}.suspects button.good{background:#354b37;border-color:#8ebc8f}.suspects button.bad{background:#572825;border-color:var(--red)}.finding{min-height:3.5rem;color:var(--gray);font-size:.8rem;line-height:1.45}.closed{padding-top:17vh}.closed>p{font-size:.58rem;letter-spacing:.18em;color:var(--yellow)}.closed #total{font-size:4rem;color:var(--yellow)}.closed #closed-copy{line-height:1.5;color:#b8b3a8}.closed button{margin-top:1rem}