:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172a36;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:30px 38px;max-width:1600px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#708078;margin:0 0 8px}h1{font-size:34px;font-weight:650;letter-spacing:-1.5px;margin:0}.subtitle{font-size:14px;color:#63716c;margin:8px 0 0}.pill{border:1px solid #d6e0da;border-radius:30px;font-size:11px;padding:10px 14px;white-space:nowrap;background:#fff}nav{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}button,select{font:inherit;font-size:12px;cursor:pointer;border:1px solid #d4ded8;border-radius:7px;background:#fff;color:#293f34;padding:10px 14px}nav button{border-color:transparent;background:transparent;color:#76857d}nav button.active{background:#173e30;color:white}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;margin-right:7px}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.stage{height:560px;position:relative;background:#c5d6c4;border-radius:12px;overflow:hidden;border:1px solid #d6dfd7}#scene{width:100%;height:100%}#scene canvas{display:block;width:100%;height:100%}.scene-top,.scene-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.scene-top{top:18px;font-size:11px}#mode{background:#fffdf2e8;padding:7px 10px;border-radius:5px;font-weight:700;letter-spacing:.08em}#camera-note{background:#ffffffcc;padding:7px 10px;border-radius:5px;color:#54665c}.scene-bottom{bottom:18px;color:white;text-shadow:0 1px 5px #000}.scene-bottom strong{font-size:42px;font-weight:550}.scene-bottom span{font-size:14px;margin-left:8px}.scene-bottom p{font-size:13px;margin-right:240px}#map{position:absolute;right:12px;bottom:12px;background:#f5f8f4e8;border:1px solid #ffffffa8;border-radius:9px}aside{background:white;border:1px solid #e0e7e1;border-radius:12px;padding:20px;min-width:0}.statrow{display:flex;justify-content:space-between;margin-bottom:25px}.statrow small{font-size:10px;color:#7c8982;display:block}.statrow strong{font-size:21px;font-weight:550;display:block;margin-top:6px}h2{font-size:12px;margin:0 0 10px;font-weight:600}h2 span{font-size:10px;color:#7b877f;font-weight:400;margin-left:8px}.chart{margin-bottom:17px}.chart canvas{height:105px;width:100%;display:block}#legend{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:#697b71}.controls{display:flex;align-items:center;gap:10px;margin:16px 0 28px}#play{background:#173e30;color:#fff;min-width:65px}.secondary{background:white}input[type=range]{flex:1;min-width:50px;accent-color:#22533d}label{font-size:11px;white-space:nowrap;color:#68776d}select{margin-left:5px;padding:8px}input[type=checkbox]{accent-color:#22533d;vertical-align:middle}.results{padding:20px;background:#fff;border:1px solid #dfe7e0;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#839087;font-weight:450;font-size:10px;padding:8px 12px}td{padding:12px;border-top:1px solid #eef2ee}footer{font-size:10px;line-height:1.6;color:#839086;margin-top:18px;max-width:1050px}@media(max-width:1000px){body{padding:20px}main{grid-template-columns:minmax(0,1fr) 260px}.stage{height:535px}.controls{flex-wrap:wrap}#time{min-width:200px}.check{display:inline-flex;align-items:center;gap:4px}.scene-bottom p{display:none}}@media(max-width:720px){header{align-items:flex-start}.pill{display:none}h1{font-size:30px}main{grid-template-columns:1fr}.stage{height:420px}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:16px}.statrow{grid-column:1/-1;margin:0}.chart{margin:0}.chart:nth-last-child(2){grid-column:1/-1}#legend{grid-column:1/-1}.controls{gap:7px}.results{overflow-x:auto}.results h2 span{display:block;margin:7px 0}#camera-note{display:none}#map{width:170px;height:115px}td,th{padding:9px;white-space:nowrap}}
.experiment{display:flex;gap:24px;padding:13px 18px;margin:-4px 0 20px;border:1px solid #d8e3dc;border-radius:9px;background:#edf3ee;font-size:12px;color:#42624e;flex-wrap:wrap}.experiment[hidden]{display:none}.experiment strong{color:#173e30}.decision{font-size:12px;color:#42624e;min-height:18px;margin-top:12px}.decision:empty{display:none}.experiment a{color:inherit}header .subtitle{max-width:790px;line-height:1.5}
.car-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.car-label{position:absolute;transform:translate(-50%,-140%);white-space:nowrap;padding:5px 8px;border-left:3px solid;border-radius:4px;background:#ffffffe8;font-size:10px;font-weight:600;color:#244333;box-shadow:0 2px 8px #18382816}.car-label::after{content:'';position:absolute;width:5px;height:5px;left:50%;bottom:-10px;background:#244333;border:2px solid white;border-radius:100%}
.car-label.lower{transform:translate(-50%,55%)}.car-label.lower::after{bottom:auto;top:-16px}

.scenario-nav{display:flex;gap:14px;margin:0 24px 12px}.scenario-card{flex:1;text-decoration:none;color:#263f34;border:1px solid #d5e1d9;border-radius:12px;padding:14px 18px;background:#fff}.scenario-card.active{border:2px solid #168268;background:#eff8f2}.scenario-card span,.scenario-card strong,.scenario-card small{display:block}.scenario-card span{font-size:10px;letter-spacing:.12em}.scenario-card strong{font-size:19px;margin:3px 0}.scenario-card small{font-size:12px;color:#53695c}.case-nav{margin:0 24px 16px;font-size:13px;color:#53695c}.case-nav a{color:#16775a;margin-left:14px;white-space:nowrap}.case-nav a.active{font-weight:700;text-decoration:underline}.certificate{margin:0 24px 12px;font-size:12px;color:#53695c}@media(max-width:620px){.scenario-nav{flex-direction:column}.case-nav a{display:inline-block;margin:6px 12px 0 0}}

.planner-panel{margin:12px 28px;padding:14px 18px;border:1px solid #d9e3dc;border-radius:12px;background:#fff;font-size:12px;overflow-x:auto}.planner-panel p{margin:4px 0 8px}.planner-panel table{width:100%;border-collapse:collapse;text-align:left}.planner-panel td,.planner-panel th{padding:7px;border-bottom:1px solid #edf1ed}.planner-panel .chosen{background:#e3f3e9;font-weight:600}nav{flex-wrap:wrap}.controls{flex-wrap:wrap}

@media(max-width:720px){.planner-panel{margin:12px 0}.scenario-nav,.case-nav,.certificate{margin-left:0;margin-right:0}.planner-panel td,.planner-panel th{white-space:nowrap}.controls{position:sticky;bottom:0;z-index:8;background:#f4f6f5f5;padding:10px 0;margin-bottom:16px;border-top:1px solid #d8e1da}}

body.film{width:1280px;height:720px;max-width:none;padding:20px 24px;overflow:hidden;background:#f4f6f5}
.film> :not(main):not(.film-title){display:none!important}.film-title{height:64px;display:flex;align-items:baseline;justify-content:space-between}.film-title strong{font-size:28px}.film-title span{font-size:14px;color:#53695c}.film main{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.film .stage{height:606px}.film aside{height:606px}.film .chart canvas{height:98px}.film .statrow{margin-bottom:22px}.film #legend{font-size:12px;gap:12px}.film #map{width:185px;height:125px}.film .scene-bottom p{display:none}