.sensing-controls{position:absolute;inset:0;pointer-events:none}.modality-buttons{position:absolute;left:20px;top:53px;display:flex;gap:5px;padding:4px;border:1px solid #c5ff0055;background:#071d11d9;backdrop-filter:blur(12px);border-radius:7px;pointer-events:auto}.modality-buttons button{font-size:10px;padding:9px 12px;border-radius:4px;color:#e6f0dc}.modality-buttons button[aria-pressed=true]{background:var(--green);color:#102513;font-weight:800}.modality-insight{position:absolute;bottom:66px;left:21px;right:21px;width:fit-content;max-width:calc(100% - 42px);display:grid;gap:10px;padding:17px;border:1px solid #a9cb7080;border-radius:8px;background:#0a1e14e6;backdrop-filter:blur(10px)}.modality-insight strong{font-size:19px;letter-spacing:-.4px;font-weight:600;max-width:330px}.modality-flow{font:8px monospace;letter-spacing:1px;color:#bfcea9}.csi-rings{position:absolute;left:55%;top:36%;width:150px;height:150px;display:grid;place-items:center}.csi-rings i{position:absolute;border:1px solid #c5ff0080;width:100%;height:100%;border-radius:50%;box-shadow:0 0 25px #c5ff0010}.csi-rings i:nth-child(2){width:70%;height:70%}.csi-rings i:nth-child(3){width:40%;height:40%}.csi-rings span{font:10px monospace;letter-spacing:2px;color:var(--green);background:#081e15bd;padding:7px;border-radius:50%}.visual-data-map{background:radial-gradient(ellipse at 50% 20%,#315c37,#0b2318 78%);padding:50px 24px 47px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.map-eyebrow{font:8px monospace;letter-spacing:1px;color:#b8d5a0;margin:0 0 19px}.sensor-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:520px}.sensor-sources button{border:1px solid #829a6966;border-radius:7px;padding:12px 6px;background:#203d25;display:grid;gap:6px;justify-items:center}.sensor-sources button[aria-pressed=true]{border-color:var(--green);background:#39532b}.sensor-sources button>span{font:7px monospace;color:var(--green)}.sensor-sources strong{font:10px monospace;letter-spacing:.8px;color:#e4efdc}.sensor-sources small{font-size:8px;color:#bbcdb2}.map-stem{height:18px;width:1px;background:var(--green);flex-shrink:0}.observation-engine{width:85%;max-width:390px;text-align:center;border:1px solid #c5ff00b0;border-radius:8px;background:#304b2b;box-shadow:0 0 40px #c5ff000b;padding:16px 12px;display:grid;gap:8px}.observation-engine>span{font:8px monospace;letter-spacing:1.5px;color:var(--green)}.observation-engine strong{font-size:21px;font-weight:500;letter-spacing:-.7px}.observation-engine small{font-size:9px;color:#bed0b3}.data-destinations{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.data-destinations span{font:8px monospace;padding:8px 9px;border:1px solid #64845188;border-radius:4px;color:#c9d9bf}.data-source-explanation{font-size:10px;line-height:1.5;max-width:410px;text-align:center;color:#bfceba;margin:15px 0 0}.source-support-note{font-size:11px;line-height:1.6;color:#aebeae}.scene-top,.scene-bottom{z-index:3}body[data-edition=race] .sensing-controls{right:37%}body[data-edition=race] .csi-rings{left:38%}body[data-edition=race] .visual-data-map{padding-right:38%}body[data-edition=legacy] .visual-data-map{background:radial-gradient(ellipse at 50% 20%,#4c592e,#162919 78%)}
@media(max-width:1100px) and (min-width:701px){.modality-buttons{left:11px;top:46px;gap:3px}.modality-buttons button{font-size:8px;padding:8px}.modality-insight{left:11px;right:11px;max-width:calc(100% - 22px);padding:12px;bottom:62px}.modality-insight strong{font-size:15px}.modality-flow{font-size:6px}.csi-rings{left:40%;width:110px;height:110px}.visual-data-map{padding:45px 12px}.map-eyebrow{font-size:6px;margin-bottom:12px}.sensor-sources{gap:5px}.sensor-sources button{padding:9px 3px}.sensor-sources strong{font-size:8px;letter-spacing:.2px}.sensor-sources small{font-size:7px}.observation-engine{width:94%;padding:13px 6px}.observation-engine strong{font-size:18px}.data-destinations span{font-size:6px;padding:6px}.data-source-explanation{font-size:9px}body[data-edition=race] .sensing-controls{right:46%}body[data-edition=race] .visual-data-map{padding-right:46%}}
@media(max-width:700px){.modality-buttons{top:39px;left:12px;padding:3px;gap:3px}.modality-buttons button{font-size:8px;padding:6px 9px}.modality-insight{left:12px;right:12px;bottom:35px;max-width:calc(100% - 24px);padding:8px 10px;gap:4px}.modality-insight .mini-label{display:none}.modality-insight strong{font-size:12px}.modality-flow{font-size:6px;letter-spacing:.5px}.csi-rings{left:65%;top:20%;width:75px;height:75px}.csi-rings span{font-size:7px;letter-spacing:1px}.visual-data-map{padding:27px 12px 30px;justify-content:center}.map-eyebrow{display:none}.sensor-sources{gap:7px;max-width:340px}.sensor-sources button{padding:6px 5px;gap:4px}.sensor-sources button>span,.sensor-sources small{display:none}.sensor-sources strong{font-size:7px;letter-spacing:.4px}.map-stem{height:7px}.observation-engine{padding:7px;width:80%;gap:4px}.observation-engine>span{font-size:6px;letter-spacing:.6px}.observation-engine strong{font-size:14px;letter-spacing:-.5px}.observation-engine small{font-size:7px}.data-destinations{gap:5px}.data-destinations span{font-size:5px;padding:4px}.data-source-explanation{display:none}body[data-edition=race] .sensing-controls{right:0}body[data-edition=race] .modality-buttons{top:35px}body[data-edition=race] .modality-insight{display:none}body[data-edition=race] .csi-rings{left:70%;top:18%;width:70px;height:70px}body[data-edition=race] .visual-data-map{padding:40px 12px 183px;justify-content:flex-start}body[data-edition=race] .visual-data-map .data-destinations,body[data-edition=race] .visual-data-map>.map-stem:last-of-type{display:none}body[data-edition=race] .observation-engine{padding:8px}}
@media(max-width:350px){.modality-buttons{top:30px;left:10px}.modality-buttons button{font-size:7px;padding:5px 8px}.modality-insight{bottom:30px;padding:6px 8px;gap:3px}.modality-insight strong{font-size:10px}.modality-flow{font-size:5px}.csi-rings{width:55px;height:55px;left:72%;top:22%}.visual-data-map{padding-top:24px;padding-bottom:25px}.observation-engine small{display:none}.observation-engine{padding:5px}.sensor-sources strong{font-size:6px}.data-destinations span{font-size:4px}.observation-engine strong{font-size:12px}body[data-edition=race] .modality-buttons{top:29px}.scene-top{top:12px}}
@media(min-width:701px) and (max-height:500px){.modality-buttons{top:34px;left:12px}.modality-buttons button{padding:6px 8px;font-size:8px}.modality-insight{bottom:41px;padding:10px;gap:5px;left:12px;right:12px}.modality-insight strong{font-size:13px}.modality-insight .mini-label{font-size:7px}.modality-flow{font-size:6px}.csi-rings{width:80px;height:80px;left:55%;top:27%}.visual-data-map{padding:30px 12px 32px}.map-eyebrow{display:none}.sensor-sources button{padding:7px 4px;gap:4px}.sensor-sources small,.sensor-sources button>span{display:none}.sensor-sources strong{font-size:8px}.map-stem{height:10px}.observation-engine{padding:8px;gap:5px}.observation-engine strong{font-size:16px}.observation-engine>span{font-size:7px}.observation-engine small{font-size:7px}.data-destinations span{font-size:6px;padding:5px}.data-source-explanation{display:none}body[data-edition=race] .sensing-controls{right:44%}body[data-edition=race] .visual-data-map{padding-right:44%}}