.explore-section{background:#fff}.experience-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;padding:7px;background:#eef3f9;border:1px solid #dce5ef;border-radius:9px}.experience-tabs button{flex:1;min-width:190px;padding:14px 18px;border:0;border-radius:6px;background:transparent;font-weight:700;font-size:1rem;color:#536780}.experience-tabs button[aria-selected=true]{background:#132139;color:#fff;box-shadow:0 3px 9px #13213918}.experience-tabs button:hover:not([aria-selected=true]){background:#fff}.experience-panel{padding:28px;border:1px solid #d6e0ed;border-radius:12px;background:#f8fafc}.tour-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.business-choices,.camera-choice,.camera-fov{display:flex;gap:7px;flex-wrap:wrap}.business-choices button,.connection-toggle,.camera-choice button,.camera-fov button,.camera-turns button,.failure-presets button{border:1px solid #c7d3e3;background:#fff;border-radius:5px;padding:10px 16px;font-size:.875rem;font-weight:600;color:#3b526f;line-height:1.5}.business-choices button[aria-pressed=true],.camera-choice button[aria-pressed=true],.camera-fov button[aria-pressed=true],.failure-presets button[aria-pressed=true]{background:#132139;color:#fff;border-color:#132139}.connection-toggle[aria-pressed=true]{background:#fff0e7;color:#9d3f1c;border-color:#d77043}.tour-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}.tour-visual{min-width:0}.tour-scene{position:relative;border:1px solid #d8e2ee;border-radius:9px;overflow:hidden;background:#eaf1f8;aspect-ratio:3/2}.tour-scene img{width:100%;height:100%;object-fit:contain}.tour-scene.connections-active img{filter:brightness(.94)}#tour-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;stroke:#e76325;stroke-width:3;fill:none}#tour-wires path{vector-effect:non-scaling-stroke;stroke-dasharray:7 5;filter:drop-shadow(0 1px 1px #fff)}#tour-wires circle{fill:#f57532;stroke:#fff;stroke-width:.25}.tour-hotspot{position:absolute;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#132139;color:#fff;font-size:1rem;font-weight:700;transform:translate(-50%,-50%);z-index:2;box-shadow:0 3px 13px #13213955}.tour-hotspot:hover,.tour-hotspot.active{background:#f36635;color:#132139;border-color:#132139}.tour-hotspot:focus-visible{outline-offset:3px}.tour-render-label{position:absolute;bottom:12px;left:12px;padding:5px 8px;border-radius:4px;background:#fffffff0;color:#566982;font-size:.75rem;font-weight:700;letter-spacing:.07em;z-index:3;pointer-events:none}.tour-area-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tour-area-list button{display:flex;align-items:center;gap:7px;border:1px solid #cfdae8;background:#fff;border-radius:5px;padding:8px 10px;font-size:.875rem;text-align:left;line-height:1.5}.tour-area-list button[aria-pressed=true]{border-color:#c85525;background:#fff0e8;color:#983c17}.tour-area-list button>span{font-weight:700;font-size:.875rem}.tour-seen{color:#347953;font-weight:600}.tour-scene-note{font-size:.875rem;color:#5e718b;line-height:1.7;margin-top:15px}.tour-detail{padding:25px;border:1px solid #dce4ef;border-radius:9px;background:#fff;min-width:0;scroll-margin-top:125px}.tour-detail .micro{color:#aa411b}.tour-detail h3{font-size:1.6rem;line-height:1.25;letter-spacing:-.03em;margin:13px 0 17px}.tour-detail h3:focus{outline:none}.tour-detail>p:not(.micro){color:#5b6d85;line-height:1.75}.tour-detail ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:13px}.tour-detail li{padding-left:17px;position:relative;color:#435b78;font-size:1rem;line-height:1.65}.tour-detail li:before{content:'';width:5px;height:5px;background:#e26b36;position:absolute;left:0;top:10px}.tour-detail .tour-next-tip{font-size:.875rem;margin-top:17px}.experience-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid #dce5ef;font-size:.875rem;color:#51657f}.experience-foot .text-link{font-size:.875rem}.lab-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;margin-bottom:25px}.lab-intro .micro{color:#aa421e;margin-bottom:10px}.lab-intro h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.35}.lab-intro p:not(.micro){color:#60738c;margin-top:11px;line-height:1.7}.simulation-label{background:#fff0e6;color:#983e1c;padding:6px 9px;font-size:.75rem;font-weight:700;border-radius:4px;white-space:nowrap;line-height:1.6}.coverage-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}.coverage-layout>div{min-width:0}#coverage-map{width:100%;height:auto;display:block;touch-action:auto;border:1px solid #d6e1ee;background:#eaf0f7;border-radius:9px;user-select:none}#coverage-map .map-camera{cursor:grab;touch-action:none}#coverage-map .map-camera:focus-visible{outline:none}#coverage-map .map-camera:focus-visible circle{stroke:#111;stroke-width:6}#coverage-map .map-camera:active{cursor:grabbing}.coverage-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:15px 0;padding:0}.coverage-targets li{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce4ed;border-radius:5px;padding:10px 12px;font-size:.875rem;color:#536984;line-height:1.5;flex-wrap:wrap}.coverage-targets li b{margin-left:auto;font-size:.75rem;color:#9b4921;font-weight:600}.coverage-targets li.in-view b,.coverage-targets li.in-view>span{color:#28724b}.diagram-help{font-size:.875rem;line-height:1.7;color:#5f728a}.camera-controls{padding:23px;background:#fff;border:1px solid #d8e2ee;border-radius:9px}.camera-choice{margin-bottom:22px}.camera-controls label,.control-label{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;font-weight:600;color:#48617f;margin-top:17px;margin-bottom:8px;line-height:1.5}.camera-controls output{font-weight:400;color:#60738c}.camera-controls input[type=range]{width:100%;accent-color:#c85425;height:24px;margin:0;cursor:pointer}.camera-turns{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.camera-turns button{font-size:.875rem;padding:7px 12px}.camera-fov button{flex:1}.coverage-feedback{margin-top:22px;padding:16px;background:#f0f4f9;border-radius:6px;border-left:3px solid #667f9f}.coverage-feedback strong{font-size:1rem;line-height:1.5}.coverage-feedback p{font-size:.875rem;line-height:1.75;margin-top:7px;color:#4d6480}.coverage-feedback.complete{background:#eaf7f0;border-left-color:#3b815e}.coverage-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}.coverage-actions .learn-other-game{padding:10px 13px}.coverage-hint-text{margin-top:14px;font-size:.875rem;line-height:1.75;color:#586e88}.experience-boundary{margin-top:25px;padding-top:18px;border-top:1px solid #dce5ef;font-size:.875rem;line-height:1.7;color:#61738b}.failure-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.failure-presets button{font-size:.875rem;padding:9px 13px}.failure-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;align-items:start}.failure-layout>div{min-width:0}#network-diagram{display:block;width:100%;height:auto;background:#fff;border:1px solid #dae3ee;border-radius:9px}.network-legend{display:flex;gap:22px;flex-wrap:wrap;color:#5e718b;font-size:.875rem;margin-top:12px}.network-legend>span{display:flex;align-items:center;gap:8px}.network-legend i{width:22px;height:3px;background:#4c8e6c}.network-legend i.power-line{height:0;background:none;border-top:3px dashed #d76a32}.failure-switches{margin:0;padding:18px 21px;border:1px solid #d8e2ee;border-radius:9px;background:#fff;min-width:0}.failure-switches legend{font-size:.875rem;font-weight:700;padding:0 8px;color:#435c7b}.failure-switches label{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;cursor:pointer}.failure-switches label+label{border-top:1px solid #e2e8ef}.failure-switches label>span{display:flex;flex-direction:column;gap:3px;min-width:0}.failure-switches strong{font-size:1rem;line-height:1.5}.failure-switches small{font-size:.875rem;line-height:1.55;color:#65768d}.failure-switches input{width:23px;height:23px;margin:0;accent-color:#c75123;flex-shrink:0}.network-statuses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.network-status{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:6px;border:1px solid #d8e2ee;background:#fff;font-size:.875rem;line-height:1.5}.network-status strong{font-size:1rem;color:#92622c}.network-status.working{background:#edf7f1;border-color:#b4d6c2}.network-status.working strong{color:#2a704b}.network-lesson{background:#132139;color:#fff;border-radius:8px;padding:22px 25px;margin-top:22px;line-height:1.75}.network-lesson strong{font-size:1.125rem;line-height:1.5}.network-lesson p{font-size:1rem;color:#dce5f2;margin-top:9px}.network-assumptions{margin-top:20px;font-size:.875rem;line-height:1.75;color:#5f728b}.network-assumptions summary{cursor:pointer;font-weight:600;padding:4px 0;color:#435d7e}.network-assumptions p{margin-top:10px}.experience-panel button:hover:not(.tour-hotspot):not([aria-pressed=true]){border-color:#d67449}.experience-panel button,.experience-panel input{scroll-margin-block:120px 24px}@media(max-width:1000px){.tour-layout,.coverage-layout{grid-template-columns:1.2fr 1fr;gap:20px}.tour-detail{padding:21px}.experience-panel{padding:23px}.failure-layout{grid-template-columns:1.3fr 1fr}.simulation-label{white-space:normal;max-width:145px}.tour-detail h3{font-size:1.35rem}}@media(max-width:800px){.tour-layout,.coverage-layout,.failure-layout{grid-template-columns:1fr}.tour-detail{min-height:0}.experience-tabs button{min-width:150px;font-size:.875rem;padding:12px 10px}.lab-intro{flex-direction:column;gap:13px}.simulation-label{max-width:none}.camera-controls{max-width:none}.coverage-targets{grid-template-columns:repeat(4,1fr)}.coverage-targets li{flex-direction:column;align-items:flex-start;gap:4px;padding:10px}.coverage-targets li b{margin:0}.network-statuses{grid-template-columns:repeat(2,1fr)}.experience-foot{flex-direction:column;align-items:flex-start;gap:16px}.failure-switches{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.failure-switches label+label{border-top:0}.failure-switches label:nth-of-type(n+3){border-top:1px solid #e2e8ef}.tour-scene{max-width:720px;margin-inline:auto}.tour-toolbar{flex-wrap:wrap}.tour-area-list button{flex-grow:1}.tour-hotspot{width:38px;height:38px}}@media(max-width:480px){.experience-panel{padding:17px}.experience-tabs{gap:4px;padding:5px}.experience-tabs button{flex-basis:100%;text-align:left;padding:12px 14px}.business-choices button,.connection-toggle{padding:9px 12px}.tour-toolbar{gap:13px}.tour-detail{padding:20px}.tour-hotspot{width:32px;height:32px;font-size:.875rem}.tour-render-label{font-size:.75rem;bottom:8px;left:8px}.tour-area-list button{font-size:.875rem;flex-basis:44%;padding:10px}.coverage-targets{grid-template-columns:1fr 1fr}.coverage-targets li{flex-direction:row;align-items:center}.coverage-targets li b{margin-left:auto}.camera-controls{padding:20px}.failure-switches{display:block;padding:15px 19px}.failure-switches label+label{border-top:1px solid #e2e8ef}.network-statuses{grid-template-columns:1fr 1fr;gap:8px}.network-status{padding:12px}.network-lesson{padding:19px}.lab-intro h3{font-size:1.35rem}.experience-foot .text-link{align-items:flex-start}.experience-foot .tiny-square{flex-shrink:0;margin-top:7px}}
@media(max-width:1000px){.failure-layout{grid-template-columns:1fr}}