*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#304556,#101925 65%);color:#ece6da;font:16px system-ui,sans-serif}header,main{max-width:1300px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #647077}small,.muted{color:#bdc1be}header small{color:#deb871;letter-spacing:2px}h1{font:48px Georgia;margin:10px 0}h2{font:30px Georgia;margin:10px 0}h3{font:23px Georgia}h3 small{display:block;font:14px system-ui;margin-top:8px}p{line-height:1.6}button,input,select,textarea{font:inherit;border:1px solid #78858c;border-radius:7px;padding:11px;background:#263c4b;color:#fff4df}button{cursor:pointer}button:hover{filter:brightness(1.2)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e2be7a;outline-offset:2px}.gold{background:#d7b476;color:#192b37;font-weight:bold}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}label{display:flex;flex-direction:column;gap:8px}#creation,.brief{background:#263746;padding:26px;border-radius:12px}#meters{display:flex;gap:12px;flex-wrap:wrap}#meters span{padding:8px;background:#172734;border-radius:6px}.table{display:grid;grid-template-columns:minmax(500px,1.8fr) minmax(280px,1fr);gap:26px;margin-top:26px}.stacks{display:flex;gap:28px;align-items:center;justify-content:space-around;padding:24px;background:#1c4243;border:6px solid #694c35;border-radius:18px}.stacks p{margin:10px 0 0}.stacks small{font-size:11px}.cardback{width:112px;height:155px;border:5px double #d3bd91;border-radius:10px;text-align:center;padding-top:30px;line-height:1.8;font: bold 16px Georgia;box-shadow:4px 4px #0c1828,7px 7px #c5b790}.truth{background:repeating-linear-gradient(45deg,#703c47,#703c47 8px,#66323d 8px,#66323d 10px)}.clue{background:repeating-linear-gradient(-45deg,#304f7b,#304f7b 8px,#28456e 8px,#28456e 10px)}.die{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:10px;font-size:34px;font-weight:bold;border:2px solid #fff7;box-shadow:3px 5px #0006;margin:4px}.blue{background:#2669ba;color:#fff}.amber{background:#d7ac43;color:#15202d}.roll{text-align:center}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:22px 0}.actions button{min-height:45px}#advice{background:#293e4e;padding:14px;border-left:3px solid #c5a46a;min-height:55px}.cards{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.minicard{background:#f3e6ce;color:#172a38;border-radius:6px;padding:12px;min-width:48px;text-align:center;box-shadow:1px 3px #0005}.red{color:#a02d34}#suspects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.suspect{text-align:left;min-height:80px}.suspect b{display:block;color:#e8c281}.suspect.selected{outline:3px solid #e8c281;background:#4d534c}.suspect:disabled{opacity:.55;text-decoration:line-through}aside{padding:22px;background:#263543;border-radius:12px;align-self:start}textarea{width:100%;background:#f0e5d1;color:#1e2d37;line-height:1.6;resize:vertical}#log{max-height:460px;overflow:auto}#log p{padding-bottom:12px;border-bottom:1px solid #52616b;font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;color:#b6c3cb;font-size:13px}#ending{background:#304e4c;padding:20px;border:1px solid #d4b57b;border-radius:10px;margin-top:20px}#ending button{margin:4px}dialog{max-width:720px;max-height:85vh;overflow:auto;background:#f2e8d3;color:#172b35;padding:30px;border:4px solid #b79253;border-radius:12px}dialog::backdrop{background:#000b}li{line-height:1.6;margin:12px 0}[hidden]{display:none!important}summary{cursor:pointer;padding:12px;background:#243845}@media(max-width:950px){.table{grid-template-columns:1fr}h1{font-size:36px}.stacks{gap:14px}}@media(max-width:580px){header,main{padding:14px}.formgrid{grid-template-columns:1fr}.stacks{flex-wrap:wrap}.cardback{width:95px;height:135px}#suspects{grid-template-columns:1fr 1fr}header{align-items:start}footer{display:block}}