:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#d7d7d7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{border:1px solid #111;background:#efefef;color:#111;padding:7px 10px;cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,select:focus-visible{outline:3px solid #304f9f;outline-offset:2px}select{border:1px solid #111;background:#fff;padding:6px}.app-shell{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-bottom:3px solid #111;background:#f6f6f6}.header h1{margin:0 0 4px;font-size:24px;line-height:1.1}.subtitle{font-weight:700}.header-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.speed-label{display:flex;align-items:center;gap:6px;font-weight:700}.layout{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(300px,.95fr) minmax(320px,1fr);gap:12px;padding:12px}.left-column,.middle-column,.right-column{display:flex;flex-direction:column;gap:12px}.panel{border:2px solid #111;background:#fff;padding:10px}.panel h2,.panel h3{margin:0 0 8px}.panel h2{font-size:18px}.panel h3{font-size:15px}.how-to ul,.diff-list{margin:0;padding-left:20px}.how-to li,.diff-list li{margin:4px 0}.topdown-map{display:flex;flex-direction:column;gap:10px}.map-floor{display:grid;gap:6px;min-height:230px;border:1px solid #777;background:#cfcfcf;padding:6px}.second-floor{grid-template-columns:1fr 1fr 1fr 64px 72px;grid-template-rows:24px repeat(3,minmax(54px,1fr));grid-template-areas:"label label label label label" "r201 hall hall stairs elevator" "r202 hall hall stairs elevator" "r203 hall hall stairs elevator"}.ground-floor{grid-template-columns:1fr 1fr 1fr 72px;grid-template-rows:24px repeat(3,minmax(54px,1fr));grid-template-areas:"label label label label" "r101 lobby lobby elevator" "r102 reception reception elevator" "r103 reception reception elevator"}.floor-label{grid-area:label;font-weight:700;border-bottom:1px solid #777}.map-zone{position:relative;min-width:0;border:2px solid #555;background:#ececec;padding:7px;overflow:hidden}.zone-title{font-weight:700;font-size:16px;line-height:1.1;overflow-wrap:anywhere}.zone-elevator .zone-title,.zone-stairs .zone-title{font-size:12px;text-transform:uppercase;letter-spacing:.02em}.zone-note,.zone-assigned{margin-top:4px;font-size:12px;line-height:1.15}.zone-note{width:fit-content;border:1px solid #555;color:#333;padding:2px 4px;text-transform:uppercase}.zone-guests{position:absolute;right:6px;bottom:6px;left:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.guest-marker{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #111;border-radius:50%;font-size:11px;font-weight:700;background:#fff}.marker-elias{border-color:#111}.marker-nora{border-color:#304f9f}.marker-sato{border-color:#0c6b45}.guest-marker.normal{background:#dff1ff}.guest-marker.dizzy{background:#fff3a6}.guest-marker.held{background:#f5d2ff}.guest-marker.turned{background:#ffb2a6}.guest-marker.contained{background:#bdf0c0}.zone-101{grid-area:r101}.zone-102{grid-area:r102}.zone-103{grid-area:r103}.zone-201{grid-area:r201}.zone-202{grid-area:r202}.zone-203{grid-area:r203}.zone-east-hall{grid-area:hall;background:#dedede}.zone-lobby{grid-area:lobby;background:#dedede}.zone-reception{grid-area:reception;background:#dedede}.zone-elevator{grid-area:elevator;background:#d8d8d8}.zone-stairs{grid-area:stairs;background:#d8d8d8}.guest-list{display:flex;flex-direction:column;gap:8px}.guest-row{display:grid;grid-template-columns:1.2fr 1fr .85fr .75fr;gap:8px;align-items:center;border:1px solid #777;padding:8px;background:#fafafa}.guest-row strong,.guest-row span{display:block}.guest-row span{font-size:13px}.status,.outcome{display:inline-block;border:1px solid #111;padding:4px 6px;font-weight:700}.status.normal{background:#dff1ff}.status.dizzy{background:#fff3a6}.status.held{background:#f5d2ff}.status.turned{background:#ffb2a6}.status.contained{background:#bdf0c0}.command-feedback{border:1px solid #b46a00;background:#fff0d5;color:#5e3400;padding:8px;margin:8px 0 0;font-weight:700}.control-block{border-top:1px solid #999;padding-top:10px;margin-top:10px}.control-block:first-of-type{border-top:0;padding-top:0;margin-top:0}.assignment-row{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:center;margin:7px 0}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.hint,.empty{color:#555;margin:8px 0 0}.result-panel p{margin:8px 0 10px}.outcome{font-size:18px}.outcome.full{background:#8df0a2}.outcome.partial{background:#ffe189}.outcome.outbreak{background:#ff9d91}.outcome.police{background:#ffc47a}.outcome.inconclusive{background:#d2d2d2}.log-panel{min-height:260px}.log-list{margin:0;padding-left:20px;max-height:45vh;overflow:auto}.log-list li{margin:5px 0;line-height:1.25}.log-list time{font-weight:700}@media (max-width: 1050px){.layout{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column}.header-controls{justify-content:flex-start}}@media (max-width: 680px){.guest-row,.assignment-row{grid-template-columns:1fr}.second-floor,.ground-floor{grid-template-columns:1fr 1fr 1fr 58px}.map-zone{padding:5px}.zone-title{font-size:14px}}