*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Georgia,Times New Roman,serif}.board{position:relative;width:100%;height:100%;background-color:#1c1008;background-image:radial-gradient(ellipse at 30% 20%,rgba(100,30,10,.35) 0%,transparent 55%),radial-gradient(ellipse at 75% 80%,rgba(60,20,5,.4) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(40,15,5,.2) 0%,transparent 70%);overflow:auto;-webkit-overflow-scrolling:touch;cursor:default;-webkit-user-select:none;user-select:none}.board::-webkit-scrollbar{width:6px;height:6px}.board::-webkit-scrollbar-track{background:#0000004d}.board::-webkit-scrollbar-thumb{background:#8b1a1a80;border-radius:3px}.board__canvas{position:relative;min-width:max(100%,1600px);min-height:max(100%,1400px)}.board--connecting{cursor:crosshair}.board--dragging{cursor:grabbing}.board__connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{stroke:#c11;stroke-width:2.5;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 1px 3px rgba(200,0,0,.5));pointer-events:none}.connection-line--hovered{stroke:#f44;opacity:1;filter:drop-shadow(0 1px 6px rgba(255,60,60,.8))}.connection-delete{cursor:pointer;pointer-events:all}.connection-delete circle{fill:#1a0808;stroke:#c11;stroke-width:1.5;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}.connection-delete:hover circle{fill:#c11}.connection-delete text{fill:#f88;font-size:13px;font-weight:700;-webkit-user-select:none;user-select:none}.connection-delete:hover text{fill:#fff}.toolbar{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;background:#0a0502eb;padding:10px 18px;border-radius:8px;border:1px solid rgba(255,200,100,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 20px #000000b3;white-space:nowrap;max-width:calc(100vw - 20px);overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar__title{color:#d4a060;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-right:6px;padding-right:14px;border-right:1px solid rgba(255,255,255,.1)}.toolbar__btn{padding:6px 14px;border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;transition:background .15s,box-shadow .15s}.toolbar__btn--add{background:#2d5e3a;color:#b8efc8}.toolbar__btn--add:hover{background:#3a7a4a}.toolbar__btn--connect{background:#5e2d2d;color:#efc8c8}.toolbar__btn--connect:hover{background:#7a3a3a}.toolbar__btn--connect.active{background:#c11;color:#fff;box-shadow:0 0 10px #c119}.toolbar__btn--clear{background:#2e2e2e;color:#aaa}.toolbar__btn--clear:hover{background:#444}.toolbar__hint{color:#a07040;font-size:11px;font-style:italic;margin-left:4px}.connect-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000c7;color:#d4a060;padding:8px 20px;border-radius:20px;font-size:12px;letter-spacing:.5px;pointer-events:none;z-index:100;border:1px solid rgba(204,17,17,.4);white-space:nowrap;max-width:calc(100vw - 40px);text-align:center}.card{position:absolute;width:188px;padding:0;border-radius:2px;box-shadow:3px 5px 14px #000000b3,1px 1px 3px #0006;cursor:grab;z-index:10;transition:box-shadow .15s,transform .1s}.card:hover{z-index:20;box-shadow:6px 8px 24px #000c}.card--suspect{background:#fef5f5;--rot: -1.5deg}.card--clue{background:#fefbea;--rot: 1.2deg}.card--evidence{background:#eef4fe;--rot: -.6deg}.card--note{background:#eefef4;--rot: 2.1deg}.card{transform:rotate(var(--rot, 0deg))}.card--dragging{cursor:grabbing;box-shadow:12px 16px 40px #000000e6;z-index:50;transform:rotate(var(--rot, 0deg)) scale(1.04)}.card--selected{box-shadow:0 0 0 3px #c11,6px 8px 24px #000c!important;z-index:30}.card--connect-mode{cursor:crosshair}.card__pin{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f66,#b00);box-shadow:1px 1px 4px #0009;z-index:1}.card__header{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 5px;border-bottom:1px solid rgba(0,0,0,.08)}.card__type-badge{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:2px 7px;border-radius:3px;color:#fff}.card--suspect .card__type-badge{background:#b91c1c}.card--clue .card__type-badge{background:#a16207}.card--evidence .card__type-badge{background:#1d4ed8}.card--note .card__type-badge{background:#15803d}.card__delete{background:none;border:none;cursor:pointer;color:#bbb;font-size:18px;line-height:1;padding:0 3px;transition:color .1s}.card__delete:hover{color:#c11}.card__title{padding:8px 10px 4px;font-size:13px;font-weight:700;color:#1a1a1a;line-height:1.3}.card__description{padding:2px 10px 10px;font-size:11px;color:#555;line-height:1.4;font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#140d06;border:1px solid rgba(212,160,96,.2);border-radius:8px;padding:26px;width:360px;box-shadow:0 24px 70px #000000d9;color:#d4a060}.modal__title{font-size:17px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#e8c080}.modal__field{margin-bottom:14px}.modal__label{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#906838;margin-bottom:6px}.modal__input,.modal__select,.modal__textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 10px;color:#ddc090;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.modal__input:focus,.modal__select:focus,.modal__textarea:focus{border-color:#d4a06080}.modal__select option{background:#140d06}.modal__textarea{resize:vertical;min-height:72px}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal__btn{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px}.modal__btn--cancel{background:#ffffff12;color:#906838}.modal__btn--cancel:hover{background:#ffffff1f}.modal__btn--submit{background:#2d5e3a;color:#b8efc8}.modal__btn--submit:hover{background:#3a7a4a}.modal__btn--submit:disabled{opacity:.4;cursor:not-allowed}.board--loading{display:flex;align-items:center;justify-content:center}.board__loading-overlay{color:#d4a060;font-size:18px;letter-spacing:3px;text-transform:uppercase;opacity:.7;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.toolbar__save-status{font-size:11px;letter-spacing:.5px;padding:3px 8px;border-radius:3px;margin-left:6px}.toolbar__save-status--saving{color:#a0a0a0}.toolbar__save-status--saved{color:#6ec97a}.toolbar__save-status--error{color:#e87070}.case-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-right:10px}.case-selector__label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#888}.case-selector__select{background:#1a1a1a;color:#e0cba8;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:13px;font-family:inherit;cursor:pointer;max-width:220px}.case-selector__select:focus{outline:none;border-color:#8b1a1a}.case-selector__btn{background:#2a2a2a;color:#e0cba8;border:1px solid #555;border-radius:4px;padding:4px 10px;font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.case-selector__btn:hover{background:#3a3a3a;border-color:#8b1a1a}.case-selector__btn--delete{padding:4px 8px;color:#c05555;border-color:#5a2222}.case-selector__btn--delete:hover{background:#3a1515;border-color:#c05555}.case-selector__btn--new{font-weight:600;color:#b8d4a0;border-color:#3a5a2a}.case-selector__btn--new:hover{background:#1e3018;border-color:#6ec97a}.case-selector__btn--confirm{color:#6ec97a;border-color:#2a5a2a}.case-selector__btn--confirm:hover{background:#1a3a1a}.case-selector__form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#161616;border:1px solid #444;border-radius:4px;padding:6px 10px}.case-selector__input{background:#1a1a1a;color:#e0cba8;border:1px solid #444;border-radius:3px;padding:4px 8px;font-size:12px;font-family:inherit;width:170px}.case-selector__input:focus{outline:none;border-color:#8b1a1a}@media (max-width: 640px){.toolbar{top:8px;left:8px;right:8px;transform:none;border-radius:6px;overflow-x:auto;padding:8px 12px;gap:6px;max-width:none}.toolbar__title{font-size:12px;letter-spacing:2px;padding-right:10px}.toolbar__btn{padding:7px 10px;font-size:12px;min-height:36px}.case-selector__select{max-width:140px}.case-selector__label{display:none}.connect-hint{bottom:28px;font-size:13px;padding:10px 22px}.modal{width:calc(100vw - 32px);padding:20px}}@media (pointer: coarse){.toolbar__btn,.case-selector__btn{min-height:40px;padding:8px 12px}.card__delete{min-width:32px;min-height:32px;font-size:18px}}