:root{--bg:#eef3f8;--panel:#f8fbff;--panel2:#ffffff;--text:#17202b;--muted:#657083;--accent:#4d8dff;--line:#c7d2df;--good:#2ca66f;--warn:#d99500;--danger:#d84c5a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}#app{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:1fr}#stageWrap{position:relative;min-width:0;background:radial-gradient(circle at 50% 45%,#f7fbff 0,#dfeaf5 58%,#cad7e5 100%);overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;left:12px;top:12px;display:flex;gap:8px;flex-wrap:wrap;direction:ltr;pointer-events:none}.chip{background:#ffffffdd;border:2px solid #26313d;border-radius:999px;padding:7px 10px;font-size:12px;color:#17202b;backdrop-filter:blur(6px);box-shadow:0 2px 8px #52606d22}#hint{position:absolute;bottom:12px;left:12px;background:#ffffffea;border:2px solid #26313d;border-radius:12px;padding:8px 10px;color:#334155;font-size:12px;max-width:620px;pointer-events:none;box-shadow:0 2px 8px #52606d22}aside{background:linear-gradient(180deg,#f7fbff,#e8f0f7);border-right:2px solid #aab8c7;overflow:auto;padding:16px}h1{font-size:18px;margin:0 0 4px;color:#17202b}.versionTag{color:#2168d8}.sub{color:var(--muted);font-size:12px;margin-bottom:16px}.section{background:var(--panel2);border:2px solid #b9c7d5;border-radius:14px;padding:12px;margin-bottom:12px;box-shadow:0 2px 8px #52606d18}.section:nth-of-type(3n+1){border-top:5px solid #63b3ed}.section:nth-of-type(3n+2){border-top:5px solid #68c7a3}.section:nth-of-type(3n){border-top:5px solid #f3b85b}.section h2{font-size:13px;margin:0;color:#1f2937}.section h3{font-size:11px;margin:10px 0 8px;color:#334155}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.row label{font-size:12px;color:#334155}.value{font-variant-numeric:tabular-nums;color:#111827;font-size:12px;font-weight:700}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number],input[type=text],select{width:100%;background:#f9fbfd;border:2px solid #b8c5d2;color:#15202b;border-radius:9px;padding:8px}.btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btns.three{grid-template-columns:repeat(3,1fr)}button{border:2px solid #26313d;background:#edf4fa;color:#17202b;border-radius:10px;padding:9px 10px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #0001}button:hover{background:#dfeaf4}button:disabled{opacity:.45;cursor:default}button.primary{background:#4d8dff;border-color:#193b66;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.miniBtn{padding:5px 8px;font-size:11px}.danger{background:#e76b78;border-color:#682f36;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.legend{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.legend div{display:flex;align-items:center;gap:6px;font-size:11px;color:#334155}.dot,.inspectorDot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto;border:1px solid #111}#chart,#traitChart{width:100%;height:130px;background:#f7fafc;border-radius:10px;border:2px solid #c3cfdb}.note{font-size:11px;line-height:1.45;color:#657083}.status{font-size:11px;color:#157347;font-weight:700}.scenarioTag{display:inline-block;padding:3px 7px;border:2px solid #4f7db8;border-radius:999px;font-size:11px;color:#1f4f8a;background:#eaf3ff}.small{font-size:11px;color:var(--muted)}.emptyState{font-size:11px;color:var(--muted);line-height:1.5;padding:6px 0}.inspectorTitle{display:flex;align-items:center;gap:7px;margin-bottom:9px}.inspectorTitle strong{font-size:12px}.kvList{display:grid;gap:5px}.kvList>div{display:flex;justify-content:space-between;gap:10px;background:#f7fafc;border:1px solid #c9d3dd;border-radius:8px;padding:6px 8px}.kvList span{font-size:11px;color:#596579}.kvList b{font-size:11px;font-weight:700;color:#17202b;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eventsSec{max-height:230px;overflow:hidden}.eventsSec h2{margin-bottom:10px}#eventLog{display:grid;gap:6px;max-height:180px;overflow:auto;padding-left:2px}.eventItem{border-right:4px solid #60708f;background:#f7fafc;border-radius:8px;padding:7px 8px;border-top:1px solid #d5dee7;border-bottom:1px solid #d5dee7}.eventItem>div{display:flex;justify-content:space-between;gap:8px}.eventItem strong{font-size:11px}.eventItem span{font-size:10px;color:var(--muted)}.eventItem p{margin:3px 0 0;font-size:10px;color:#455266;line-height:1.35}.severity-info,.severity-notice{border-right-color:#4d8dff}.severity-warning{border-right-color:#e0a21b}.severity-critical{border-right-color:#d84c5a}.toolGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.toolBtn{font-size:11px;padding:8px}.toolBtn.active{background:#5b9aff;border-color:#203f68;color:#fff;box-shadow:0 0 0 1px #ffffff55 inset;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.toolHelp{margin-top:9px;background:#f7fafc;border:1px solid #c7d2dc;border-radius:9px;padding:8px}.toolOptions{margin-top:10px;padding-top:10px;border-top:1px solid #c8d3de}.toolOptions[hidden]{display:none}.toolOptions .row input[type=number],.toolOptions .row select{width:58%;padding:6px}.toolOptions>input[type=text]{margin-bottom:6px}.toolsSec button#scheduleEventBtn{width:100%;margin-top:4px}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.metricCard{background:#f7fafc;border:1px solid #c9d3dd;border-radius:9px;padding:8px;min-width:0}.metricCard:nth-child(4n+1){background:#edf6ff}.metricCard:nth-child(4n+2){background:#eefaf4}.metricCard:nth-child(4n+3){background:#fff7e7}.metricCard:nth-child(4n){background:#f6efff}.metricCard span{display:block;font-size:10px;color:#596579;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metricCard b{display:block;margin-top:3px;font-size:14px;color:#17202b;font-variant-numeric:tabular-nums}#timelineBody{display:grid;gap:6px;max-height:220px;overflow:auto;margin-top:10px}.timelineItem{display:grid;grid-template-columns:42px 1fr;gap:8px;background:#f7fafc;border-right:4px solid #60708f;border-radius:8px;padding:7px}.timelineTick{font-size:10px;color:#657083;font-variant-numeric:tabular-nums}.timelineItem strong{font-size:11px}.timelineItem p{margin:2px 0 0;font-size:10px;line-height:1.35;color:#4b5563}#compactTimeline{position:absolute;left:14px;right:14px;bottom:54px;z-index:8;pointer-events:none;direction:ltr}#compactTimelineTrack{position:relative;height:18px;border-radius:999px;background:#ffffffdd;border:2px solid #26313d;box-shadow:0 4px 18px #0003;overflow:visible;pointer-events:auto}.compactTimelineProgress{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#74aaff66;pointer-events:none}.compactTimelineMarker{position:absolute;top:50%;width:10px;height:10px;min-width:10px;padding:0;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #18233c;box-shadow:0 0 0 1px #6ea8ff88;z-index:3}.compactTimelineMarker:hover,.compactTimelineMarker.selected{width:14px;height:14px;min-width:14px;background:#fff}.compactTimelineMarker.marker-checkpoint{border-radius:3px;background:#62c796}.compactTimelineMarker.marker-branch{border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);background:#f1b94d}.compactTimelineMarker.marker-event{background:#5d97ef}.compactTimelineMarker[title*="היפות"]{background:#ffab63}#compactTimelineDetails{position:absolute;left:0;bottom:27px;max-width:min(430px,85vw);pointer-events:auto;direction:rtl}.compactTimelineCard{position:relative;background:#ffffffee;border:2px solid #26313d;border-radius:12px;padding:10px 34px 10px 12px;box-shadow:0 10px 30px #0004;backdrop-filter:blur(8px);font-size:11px;color:#334155}.compactTimelineCard strong{display:block;color:#17202b;font-size:12px;margin-bottom:3px}.compactTimelineCard p{margin:5px 0;line-height:1.4}.compactTimelineCard>div{margin-top:3px}.compactTimelineClose{position:absolute;right:7px;top:6px;width:22px;height:22px;min-width:22px;padding:0;border-radius:50%;font-size:15px;line-height:20px;background:#e7eef5}.historySec{background:linear-gradient(180deg,#fffdf7,#f6fbff)}.historySec input[type=text]{margin-top:8px}.historyAction{width:100%;margin-top:8px;background:#e7f5ec;border-color:#4f8062}.historyStatus{font-size:11px;margin-top:8px;color:#5b6675;min-height:16px}.historyStatus[data-tone="good"]{color:#157347;font-weight:700}.historySec .btns button:first-child{background:#fff2d9;border-color:#9a6a16}.historySec .btns button:last-child{background:#eee8ff;border-color:#6d5aa8}button[style],.explainBtn{color:inherit}.explainBtn,.whyBtn{background:#fff3cc!important;border:2px solid #6e5311!important;color:#3c2d00!important;text-shadow:none!important}button{transition:background .15s ease,transform .08s ease,box-shadow .15s ease}button:active{transform:translateY(1px)}@media(max-width:850px){#app{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 390px}aside{border-right:0;border-top:2px solid var(--line);padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.section{margin:0}aside>header{grid-column:1/-1}.section.chartSec,.section.scenarioSec,.section.inspectorSec,.section.eventsSec,.section.toolsSec,.section.statsSec,.section.timelineSec,.section.historySec{grid-column:1/-1}#hint{max-width:82%;font-size:11px}.eventsSec{max-height:220px}.toolGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}#compactTimeline{left:10px;right:10px;bottom:50px}.compactTimelineMarker{width:12px;height:12px;min-width:12px}.compactTimelineCard{max-width:92vw}}