:root{--bg: #101014;--panel: #1a1a21;--panel-2: #22222b;--ink: #e8e4da;--muted: #9a958a;--blood: #a41e22;--blood-bright: #d42a2f;--amber: #d9a441;--line: #33333d;--ok: #4d8f4d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Courier New,ui-monospace,monospace;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}.site-header{border-bottom:2px solid var(--blood);padding-bottom:.75rem;margin-bottom:1.5rem}.brand{display:flex;align-items:center;gap:.75rem}.brand h1{margin:0;letter-spacing:.15em;font-size:1.8rem}.umbrella-mark{font-size:2rem;color:var(--blood-bright)}.tagline{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.case-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.case-header h2{margin:0;font-size:1.3rem;letter-spacing:.08em}.thread-link{color:var(--amber);font-size:.85rem;text-decoration:none}.thread-link:hover{text-decoration:underline}.briefing{color:var(--muted);font-size:.95rem}.case-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;align-items:stretch}.board-column{display:flex;flex-direction:column;gap:1rem}.board-column .report-panel{flex:0 0 auto}@media (max-width: 900px){.case-columns{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1rem}.panel h3{margin:0 0 .75rem;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blood-bright);border-bottom:1px solid var(--line);padding-bottom:.4rem}.panel h3:not(:first-child){margin-top:1.5rem}.panel-image{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;display:block}.rules{margin:0;padding-left:1.2rem;font-size:.88rem;color:var(--ink)}.rules li{margin-bottom:.4rem}.palette{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.palette-item{display:flex;align-items:center;gap:.5rem;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.4rem .7rem;font-family:inherit;font-size:.85rem;cursor:pointer}.palette-item:hover:not(:disabled){border-color:var(--amber)}.palette-item.active{border-color:var(--blood-bright);background:#2a1416;box-shadow:0 0 0 1px var(--blood-bright)}.palette-item.placed{opacity:.55;cursor:default}.palette-item .code{font-weight:700;color:var(--blood-bright)}.palette-item .cell{color:var(--amber);font-weight:700}.mode-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.mode-switch{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px;flex-shrink:0}.mode-option{background:transparent;color:var(--muted);border:none;border-radius:999px;padding:.3rem .85rem;font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.mode-option.active.easy{background:var(--ok);color:#fff}.mode-option.active.hard{background:var(--blood);color:#fff}.mode-hint{margin:0;color:var(--muted);font-size:.82rem;line-height:1.25;min-width:0;flex:1;align-self:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.6em}.poster-wrap{position:relative;max-width:640px;margin-bottom:.75rem}.poster-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;-webkit-user-select:none;user-select:none}.poster-photo{position:absolute;background:transparent;border:2px solid transparent;border-radius:4px;cursor:grab;padding:0;overflow:visible}.poster-photo:hover{border-color:#d9a44199}.poster-photo.active{border-color:var(--amber);box-shadow:0 0 8px #d9a441b3}.poster-photo.dragging{opacity:.4}.poster-photo.placed{cursor:default}.poster-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;display:block;transition:filter .15s}.poster-photo.placed .poster-photo-img{filter:grayscale(1) brightness(.45)}.poster-photo-badge{position:absolute;bottom:4%;left:50%;transform:translate(-50%);background:var(--blood);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:3px;letter-spacing:.05em}.poster-photo-grip{position:absolute;top:6px;right:6px;width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;background:#101014d9;border:1px solid var(--amber);border-radius:4px;color:var(--amber);font-size:.85rem;line-height:1;pointer-events:none}.poster-photo.placed .poster-photo-grip{display:none}.board-image-wrap{position:relative;max-width:640px}.board-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;-webkit-user-select:none;user-select:none}.board-overlay{position:absolute;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.overlay-cell{position:relative;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:2px;cursor:pointer;padding:0;font-family:inherit;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.overlay-cell.drop-ok:hover{border:2px solid #60b460;background:#4d8f4d40}.overlay-cell.cell-legal{animation:cell-pulse 1.4s ease-in-out infinite}@keyframes cell-pulse{0%,to{box-shadow:inset 0 0 0 2px #4d8f4d8c;background:#4d8f4d1a}50%{box-shadow:inset 0 0 0 2px #60b460f2;background:#4d8f4d38}}.overlay-cell.cell-dim{opacity:.35}.overlay-cell.drop-bad:hover{border:2px solid var(--blood-bright);background:#d42a2f26;cursor:not-allowed}.overlay-cell.has-victim{cursor:default}.overlay-cell.has-object{cursor:not-allowed}.overlay-victim-dot{width:14%;height:14%;border-radius:50%;background:var(--blood-bright);opacity:.85;box-shadow:0 0 6px #d42a2fcc}.overlay-chip{display:inline-flex;align-items:center;justify-content:center;width:86%;height:86%;background:#14202aeb;border:1px solid #3d6a8a;border-radius:4px;color:#cfe6f5;font-weight:700;font-size:.85rem;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.overlay-chip:active{cursor:grabbing}.overlay-chip.photo-chip{background-color:#14202a;border-color:var(--amber)}.chip-code{position:absolute;bottom:0;right:0;background:#a41e22eb;color:#fff;font-size:.6rem;padding:0 .25rem;border-top-left-radius:4px;letter-spacing:.05em}.board-hint{color:var(--muted);font-size:.85rem}.board-warning{color:var(--blood-bright);font-size:.85rem;margin:.25rem 0}.report-text{background:#0b0b0e;border:1px solid var(--line);border-radius:4px;padding:.75rem 1rem;overflow-x:auto;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.copy-btn{background:var(--blood);color:#fff;border:none;border-radius:4px;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;letter-spacing:.05em;cursor:pointer;margin-top:.5rem}.copy-btn:hover{background:var(--blood-bright)}.culprit-picker{margin-bottom:.75rem}.culprit-picker label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.culprit-picker select{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.4rem .6rem;font-family:inherit;font-size:.9rem}.suggestion{font-size:.85rem;color:var(--amber)}.suggestion.muted{color:var(--muted)}.link-btn{background:none;border:none;color:var(--amber);font-family:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.hint{color:var(--muted);font-size:.85rem}.hint a{color:var(--amber)}.site-footer{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);font-size:.8rem}