:root{--suspects: #3a9bb5;--weapons: #c8383a;--locations: #3f9a47;--ink: #222;--paper: #fbfbfa;--line: #333;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow:hidden}main{height:100dvh;display:grid;grid-template:auto minmax(0,1fr) / minmax(0,1fr);gap:.5rem;padding:.5rem;max-width:110rem;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}h1{margin:0;font-size:1.3rem;letter-spacing:.05em}.actions{display:flex;gap:.4rem;align-items:center}.actions button,.actions select{font:inherit;font-size:.85rem;padding:.3rem .6rem}.content{display:grid;gap:.5rem;min-height:0;grid-template:auto minmax(0,1fr) / minmax(0,1fr);justify-items:center}@media (min-aspect-ratio: 1/1){.content{grid-template:minmax(0,1fr) / auto minmax(0,1fr);justify-items:stretch}}.sheet{display:grid;grid-template:repeat(9,1fr) / repeat(9,1fr);aspect-ratio:1;container-type:size;touch-action:manipulation;width:min(100%,calc(100dvh - 15rem))}@media (min-aspect-ratio: 1/1){.sheet{width:auto;height:100%}}.label{width:100%;height:100%;min-width:0;padding:0 1px;border:1px solid var(--line);border-radius:0;font:600 clamp(.55rem,2.3cqw,.9rem) system-ui;text-align:center;color:#fff}.label::placeholder{color:#ffffffd9;font-size:clamp(.8rem,4.5cqw,1.6rem)}.label.suspects{background:var(--suspects)}.label.weapons{background:var(--weapons)}.label.locations{background:var(--locations)}.cell{width:100%;height:100%;min-width:0;border:1px solid var(--line);background:#fff;padding:0;font:700 6cqw system-ui;cursor:pointer}.cell.m1{color:#888}.cell.m2{color:var(--locations);background:#eef8ef}.notes{grid-row:6 / 10;grid-column:6 / 10;resize:none;border:0;margin-left:4px;min-height:0;min-width:0;--lh: 5cqw;background:repeating-linear-gradient(transparent,transparent calc(var(--lh) - 1px),#bbb calc(var(--lh) - 1px),#bbb var(--lh));font:clamp(.65rem,2.6cqw,1rem) / 5cqw system-ui;padding:0 4px;color:var(--ink);overflow:hidden}.cards{display:grid;grid-template:1fr 1fr / 1fr 1fr;gap:.5rem;min-height:0;width:100%}.card{border:2px solid #555;border-radius:6px;padding:.35rem;min-height:0;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.card-head{display:flex;flex-wrap:wrap;gap:.1rem .5rem;align-items:center;font-size:.75rem}.card-head strong{font-size:1.2rem}.field{display:flex;align-items:center;gap:.3rem}.field input{flex:1;min-width:0;border:0;border-bottom:1px solid #888;background:transparent;font:.85rem system-ui}.dot{flex:none;width:1.3rem;height:1.3rem;border-radius:50%;color:#fff;font:700 .7rem/1.3rem system-ui;text-align:center}.dot.suspect{background:var(--suspects)}.dot.weapon{background:var(--weapons)}.dot.location{background:var(--locations)}.rules-button{font:inherit;font-size:.85rem;padding:.3rem .6rem}.rules-dialog{max-width:min(36rem,92vw);max-height:85dvh;overflow:auto;border:2px solid #555;border-radius:8px}.rules-dialog::backdrop{background:#00000073}