:root{--ink:#18394b;--muted:#657c87;--navy:#142f42;--teal:#087f8c;--copper:#bc754a;--paper:#f6faf7;--line:#c8dadb;--mono:'IBM Plex Mono',monospace;font-family:'Space Grotesk',sans-serif;color:var(--ink);background:#cbdce0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #cb8758;outline-offset:3px}a{color:var(--teal)}.app{max-width:1480px;height:min(100dvh,1000px);max-height:1000px;overflow:auto;margin:auto;background:var(--paper);padding:0 30px;scrollbar-width:thin}.masthead{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:#f3f7f3;margin:0 -30px;padding:0 30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f4faf6;font-size:28px;font-weight:700;line-height:.9;letter-spacing:-1.1px}.brand small{display:block;font:500 7px var(--mono);letter-spacing:2.5px;margin-top:9px;color:#b9d1d2}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #5e8a9a;border-radius:11px;color:#b9ddce;font-size:34px;padding-bottom:7px;padding-right:2px;letter-spacing:-2px}.station-note{font:400 7px var(--mono);letter-spacing:1.1px;color:#93b6c2}.header-tools{display:flex;gap:7px}.icon-button{display:flex;align-items:center;gap:7px;min-height:44px;background:transparent;border-radius:5px;padding:5px 8px;color:#e4f1eb;font-size:10px}.icon-button>span:first-child{display:grid;place-items:center;width:26px;height:26px;border:1px solid #6b9aaa;border-radius:50%;font-size:16px}.icon-button:hover{background:#24495d}.toolbar{display:flex;align-items:center;gap:20px;min-height:64px;border-bottom:1px solid #dae5e1}.toolbar label{display:flex;align-items:center;gap:8px}.toolbar label>span{font:500 7px var(--mono);letter-spacing:1px;color:#6e8790}select{min-height:40px;background:#fffdf5;border:1px solid #bacfd0;border-radius:5px;padding:9px 27px 9px 9px;max-width:235px;font-size:11px;font-weight:500}.progress{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:10px;color:var(--muted)}.progress>span:first-child{font-size:18px;color:var(--copper)}.progress strong{font-size:13px;color:var(--ink)}#completed-total{border-left:1px solid var(--line);margin-left:10px;padding-left:12px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 24px}.eyebrow{font:500 7px/1.5 var(--mono);letter-spacing:1.3px;color:var(--teal)}.intro .eyebrow{margin:0 0 7px}.intro h1{font-size:35px;font-weight:600;letter-spacing:-1.8px;line-height:1.08;margin:0 0 10px}.intro>div>p:last-child{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.mobile-break{display:none}.model-badge{border-left:2px solid var(--teal);padding:0 8px 0 17px;flex-shrink:0}.model-badge>span,.model-badge>small{display:block;font:400 6px var(--mono);letter-spacing:.8px;color:#72918f}.model-badge strong{display:block;font-size:12px;font-weight:400;margin:7px 0}.model-badge b{font:500 18px var(--mono);color:var(--teal);margin-left:3px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);grid-template-areas:'location signals' 'results results';gap:20px 25px;align-items:start}.location-panel{grid-area:location;min-width:0}.views{display:grid;grid-template-columns:1fr 1fr;gap:11px}.map-panel{border:1px solid #b4cfd1;border-radius:7px;overflow:hidden;background:#e7eff0;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 10px;background:#e6efee;border-bottom:1px solid #c3d7d4}.panel-heading>strong{font:500 7px var(--mono);letter-spacing:.4px}.panel-heading>span{font:400 5px var(--mono);letter-spacing:.3px;color:#5f8385}.range-map{position:relative;width:100%;height:290px;background:#17374a;overflow:hidden;outline:none;touch-action:pan-y}.range-map:focus-visible{outline:3px solid #d69361;outline-offset:-3px}.range-map svg{display:block;width:100%;height:100%;cursor:crosshair}.range-map svg text{font-family:var(--mono)}.map-key,.model-key{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:8px 10px;font-size:7px;line-height:1.4;color:#5e7e7c;border-top:1px solid #bfd3cf}.map-key>span{display:flex;align-items:center;gap:5px}.map-key i{display:block;width:14px;height:0;border-top:2px solid #538c90}.map-key .dashed-key{border-top-style:dashed}.model-key>span:last-child{font-size:16px;line-height:1;color:var(--teal)}.seismic-view{position:relative;width:100%;height:290px;overflow:hidden;background:#e2eeeb;outline:none;isolation:isolate}.seismic-view:focus-visible{outline:3px solid #d69361;outline-offset:-3px}#seismic-canvas{display:block;width:100%;height:100%;cursor:crosshair}.seismic-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.scene-note{position:absolute;left:10px;right:10px;bottom:9px;z-index:3;display:flex;justify-content:space-between;gap:8px;font:400 4px var(--mono);letter-spacing:.3px;color:#4c7d7d;pointer-events:none}.scene-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;font-size:11px;color:#467676;background:#e5f0eceb;z-index:6}.loader{width:17px;height:17px;border:2px solid #bcd5cf;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.retry-button{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:7;min-height:44px;background:var(--teal);color:white;border-radius:5px;padding:10px 12px;font-size:10px}.view-tabs{display:none}.coordinate-panel{padding:15px 16px;background:#edf3ec;border:1px solid #cfdbcc;border-radius:6px;margin-top:12px}.coordinate-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.coordinate-heading .eyebrow{font-size:6px;letter-spacing:.7px}.coordinate-heading strong{display:block;font:500 17px var(--mono);letter-spacing:-.6px;margin-top:5px}.coordinate-heading>span{font:500 8px var(--mono);color:#68825f}.coordinate-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end}.coordinate-form label{display:block;min-width:0}.coordinate-form label>span{display:block;font:500 6px var(--mono);letter-spacing:.5px;color:#648476;margin-bottom:5px}.coordinate-form input{width:100%;height:43px;background:#fffdf5;border:1px solid #b7cdbe;border-radius:5px;font:500 14px var(--mono);padding:9px 10px}.coordinate-form>button{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--teal);color:white;min-height:43px;border-radius:5px;padding:10px 12px;font-size:10px;font-weight:500}.coordinate-form>button>span{font-size:17px;line-height:1}.coordinate-form>button:disabled,.coordinate-form input:disabled{opacity:.5}.nudge-row{display:flex;align-items:center;gap:6px;margin-top:9px}.nudge-row>span{font:500 6px var(--mono);letter-spacing:.4px;color:#6d8673;margin-right:5px}.nudge-row>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:43px;background:#f6f8ec;border:1px solid #c5d6bb;border-radius:5px;font-size:19px;color:#4f785a}.nudge-row>button>span{font:500 8px var(--mono)}.nudge-row>button.hinted{outline:2px solid var(--copper);outline-offset:1px;background:#f8e8ca}.nudge-row>button:disabled{opacity:.45}.signal-panel{grid-area:signals;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}.section-heading .eyebrow{font-size:6px;letter-spacing:.8px}.section-heading h2{font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:5px 0 0}.section-heading>span{font:400 6px/1.6 var(--mono);color:#708c83;max-width:70px;text-align:right}.station-cards{display:grid;gap:8px}.station-card{padding:10px 11px;background:#edf3e9;border:1px solid #ccd9c0;border-left:3px solid var(--station,#4f8b8d);border-radius:5px}.station-card.selected{box-shadow:0 0 0 2px #46939533;border-color:#97b6ab}.station-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;background:transparent;width:100%;min-height:30px;padding:0;text-align:left}.station-heading>strong{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.station-heading i{width:8px;height:8px;border-radius:50%;background:var(--station);flex-shrink:0}.station-heading>span{font:400 7px var(--mono);color:#6d8670}.reported-delay{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;font-size:9px;color:#668061}.reported-delay>strong{font:500 15px var(--mono);color:#365f53;white-space:nowrap}.reported-delay>strong>small{font-size:9px;font-weight:400}.delay-interval{font:400 8px/1.6 var(--mono);color:#6a8463;margin:6px 0}.distance-band{font:500 11px/1.5 var(--mono);background:#fcfcf1;border:1px solid #d8dfca;border-radius:4px;padding:7px 8px;color:#3c715c}.station-verdict{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font:400 8px/1.5 var(--mono);color:#718a62}.station-verdict strong{font-size:8px;font-weight:500;color:#46744d}.station-card.failed .station-verdict strong{color:#aa6d47}.station-card.failed .distance-band{background:#fcf8e9}.model-principle{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #cdd9c6}.model-principle>span{font:400 21px var(--mono);color:var(--copper);line-height:1;white-space:nowrap}.model-principle p{font-size:9px;line-height:1.7;color:#73865f;margin:0}.model-principle strong{display:block;font-size:10px;font-weight:500;color:#4f714d;margin-bottom:3px}.results-panel{grid-area:results;min-width:0}.plan-tools{display:flex;align-items:center;gap:8px;margin-bottom:11px}.plan-tools>button:not(.check-button){background:#edf3e5;border:1px solid #c7d7bb;border-radius:5px;min-height:42px;padding:9px 13px;font-size:10px;color:#50744b}.plan-tools>button:disabled{opacity:.4}.plan-tools>span{font:400 7px var(--mono);color:#788d69;margin-left:4px}.check-button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:235px;min-height:46px;background:var(--navy);color:white;border-radius:5px;padding:11px 15px;margin-left:auto;font-size:11px}.check-button>span:last-child{font-size:21px}.check-button:hover:not(:disabled){background:#285169}.check-button:disabled{background:#dbe5d2;color:#7d906c;opacity:1!important}.feedback{display:flex;align-items:flex-start;gap:10px;min-height:70px;background:#edf4e4;border:1px solid #ccdbbb;border-left:3px solid #7ca06b;border-radius:5px;padding:13px 15px}.feedback>span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #93b181;border-radius:50%;flex-shrink:0;font-size:11px;color:#688d57}.feedback>div{flex:1;min-width:0}.feedback strong{font-size:12px;font-weight:500;line-height:1.5}.feedback p{font-size:10px;line-height:1.7;color:#6d845b;margin:3px 0 0}.feedback.error{background:#fbeedc;border-color:#d8bc9b;border-left-color:var(--copper)}.feedback.error p{color:#956746}.feedback.hint{background:#f7f0d8;border-color:#d6c99e;border-left-color:#ad9254}.feedback.hint p{color:#8a794b}.feedback.success{background:#e5efda;border-left-color:#64874d}.earned-stars{font-size:20px;color:var(--copper);letter-spacing:3px;margin-top:4px}.earned-stars .unearned{color:#c1cfb1}.earned-stars small{font-size:9px;color:#6d8857;letter-spacing:0;margin-left:5px;vertical-align:3px}.next-button{align-self:center;flex-shrink:0;min-height:44px;background:#52794f;color:white;border-radius:5px;padding:10px 14px;font-size:10px;margin-left:13px}.next-button:hover{background:#42653e}footer{display:flex;align-items:center;gap:12px;min-height:49px;color:#748a76;font:400 6px var(--mono)}footer>button{font:500 8px 'Space Grotesk',sans-serif;min-height:42px;background:transparent;padding:5px 0;color:#51745d;text-decoration:underline;text-underline-offset:3px}.keyboard-note{margin-left:auto}dialog{width:min(550px,calc(100% - 28px));max-height:min(92dvh,900px);overflow:auto;padding:25px;border:1px solid #bfd0b7;border-radius:9px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #173b4855}dialog::backdrop{background:#153444aa;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-top .eyebrow{font-size:6px;letter-spacing:.9px}.dialog-close:not(.primary-button){display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#e7efdd;color:#65864f;font-size:23px}dialog h2{font-size:33px;font-weight:500;line-height:1.08;letter-spacing:-1.6px;margin:0 0 17px}dialog p{font-size:11px;line-height:1.8;color:#627d52}dialog p strong{color:#466d3b}.steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:15px}.steps>li{display:flex;align-items:flex-start;gap:12px}.steps>li>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#e2ecd2;border-radius:5px;color:#66864f;font:500 11px var(--mono)}.steps strong{font-size:11px;font-weight:500}.steps p{font-size:10px;line-height:1.7;margin:4px 0 0}.key-guide{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;background:#e9efdc;border-radius:5px;font-size:9px;color:#678151}kbd{display:inline-grid;place-items:center;min-width:17px;height:19px;border:1px solid #bfd0aa;border-radius:3px;background:#f8faed;color:#648149;font:500 8px var(--mono);padding:1px 3px}.small-note{font-size:9px!important;line-height:1.7!important;margin:16px 0}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:46px;border-radius:5px;background:var(--navy);color:white;padding:12px 14px;font-size:11px}.primary-button>span:last-child{font-size:21px}.primary-button:hover{background:#285169}.model-rules{padding:15px;border-radius:5px;background:#e7efd9;margin:17px 0}.model-rules h3{font-size:13px;letter-spacing:-.2px;color:#547743;margin:0 0 10px}.model-rules ol{font-size:10px;line-height:1.8;color:#64804d;padding-left:18px;margin:0}.model-rules li{margin:7px 0}details{font-size:10px;margin:18px 0}summary{min-height:34px;cursor:pointer;line-height:1.7;color:#5c7b47;font-weight:500}details p{font-size:9px}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1250px){.app{padding:0 40px}.masthead{margin:0 -40px;padding:0 40px}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr);gap:22px 28px}.intro h1{font-size:39px}.range-map,.seismic-view{height:320px}.panel-heading strong{font-size:8px}.panel-heading>span{font-size:6px}.station-card{padding:11px 13px}.section-heading h2{font-size:27px}.distance-band{font-size:12px}.coordinate-panel{padding:17px 18px}.coordinate-form input{height:44px}.coordinate-form>button{min-height:44px}}
@media(max-width:1050px){.app{padding:0 20px}.masthead{margin:0 -20px;padding:0 20px}.station-note{display:none}.toolbar{gap:12px}#completed-total{display:none}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(285px,.9fr);gap:17px}.views{gap:8px}.panel-heading{padding:8px;min-height:32px}.panel-heading>strong{font-size:6px}.panel-heading>span{font-size:4px}.range-map,.seismic-view{height:255px}.map-key,.model-key{font-size:5px;padding:7px 8px;gap:5px}.map-key i{width:10px}.intro h1{font-size:31px}.intro>div>p:last-child{font-size:10px}.model-badge>strong{font-size:10px}.model-badge b{font-size:16px}.coordinate-panel{padding:13px}.coordinate-heading strong{font-size:15px}.coordinate-heading>span{font-size:7px}.coordinate-form{gap:6px}.coordinate-form>button{padding:10px 8px;font-size:9px}.nudge-row>span{font-size:5px}.nudge-row>button{min-height:41px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:5px}.plan-tools>button:not(.check-button){font-size:9px;padding:9px 10px}.check-button{min-width:215px;font-size:10px}.keyboard-note{display:none}footer>button{margin-left:auto}}
@media(max-width:760px){.app{padding:0 13px}.masthead{height:63px;margin:0 -13px;padding:0 13px;gap:12px}.brand{font-size:25px;gap:8px}.brand small{font-size:6px;letter-spacing:2px;margin-top:8px}.brand-mark{width:36px;height:36px;font-size:30px;border-radius:9px}.header-tools{gap:3px}.icon-button{min-width:40px;justify-content:center;padding:5px}.icon-button>span:last-child{display:none}.toolbar{flex-wrap:wrap;min-height:0;gap:8px 10px;padding:11px 0;border-bottom:0}.toolbar label:first-child{flex:1}.toolbar label{gap:6px}.toolbar label>span{font-size:6px;letter-spacing:.6px}select{min-height:39px;max-width:185px;font-size:10px;padding:8px 23px 8px 8px}.progress{font-size:9px;gap:4px}.progress strong{font-size:11px}.progress>span:first-child{font-size:16px}.intro{padding:7px 0 17px;gap:10px}.intro .eyebrow{font-size:6px;letter-spacing:.8px;margin-bottom:7px}.intro h1{font-size:29px;line-height:1.06;letter-spacing:-1.4px;margin-bottom:8px}.intro>div>p:last-child{font-size:10px;line-height:1.6;max-width:340px}.mobile-break{display:block}.model-badge{display:none}.workspace{grid-template-columns:1fr;grid-template-areas:'location' 'signals' 'results';gap:15px}.view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px}.view-tabs>button{min-height:44px;border-radius:5px;background:#e2ece7;border:1px solid #bdd2c8;font-size:10px;color:#537364;padding:8px 6px}.view-tabs>button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:white}.views{display:block}.map-panel.mobile-hidden{display:none}.panel-heading{min-height:32px;padding:8px 10px}.panel-heading>strong{font-size:8px}.panel-heading>span{font-size:6px}.range-map,.seismic-view{height:275px}.map-key,.model-key{min-height:32px;font-size:7px;padding:8px 10px}.map-key i{width:14px}.scene-note{font-size:5px}.coordinate-panel{padding:12px;margin-top:9px}.coordinate-heading{margin-bottom:10px}.coordinate-heading .eyebrow{font-size:6px}.coordinate-heading strong{font-size:16px;margin-top:4px}.coordinate-heading>span{font-size:7px}.coordinate-form{gap:6px}.coordinate-form label>span{font-size:6px;letter-spacing:.1px}.coordinate-form input{height:44px;padding:9px 8px;font-size:14px}.coordinate-form>button{min-height:44px;font-size:10px;padding:10px 8px}.coordinate-form>button>span{font-size:16px}.nudge-row{gap:5px;margin-top:8px}.nudge-row>span{font-size:5px;max-width:38px;margin-right:2px;line-height:1.6}.nudge-row>button{min-height:44px;font-size:20px;gap:5px}.nudge-row>button>span{font-size:8px}.section-heading{margin-bottom:11px}.section-heading .eyebrow{font-size:6px}.section-heading h2{font-size:25px}.section-heading>span{font-size:7px;max-width:80px}.station-cards{gap:7px}.station-card{padding:10px 12px}.station-heading>strong{font-size:12px}.station-heading>span{font-size:8px}.reported-delay{font-size:10px}.reported-delay>strong{font-size:16px}.reported-delay>strong>small{font-size:10px}.delay-interval{font-size:9px;margin:6px 0}.distance-band{font-size:13px;padding:7px 9px}.station-verdict{font-size:9px;margin-top:7px}.station-verdict strong{font-size:9px}.model-principle{margin-top:12px;padding-top:11px}.model-principle p{font-size:9px}.plan-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}.plan-tools>button:not(.check-button){font-size:9px;min-height:44px;padding:8px 5px}.plan-tools>span{display:none}.check-button{grid-column:1/-1;min-width:0;width:100%;margin:1px 0 0;min-height:46px;font-size:11px;padding:11px 15px}.feedback{padding:11px;gap:8px;flex-wrap:wrap}.feedback>div{min-width:180px}.feedback strong{font-size:11px}.feedback p{font-size:10px}.next-button{flex:1;margin-left:27px;min-height:44px}.earned-stars small{font-size:8px}footer{font-size:5px;gap:8px;line-height:1.7;min-height:46px}footer>button{font-size:7px;max-width:150px;text-align:right}.scene-status{font-size:11px}.retry-button{font-size:10px}dialog{padding:21px}.dialog-top .eyebrow{font-size:5px}dialog h2{font-size:29px}.key-guide{font-size:8px}}
@media(max-width:370px){.app{padding:0 10px}.masthead{margin:0 -10px;padding:0 10px}.toolbar label:first-child{width:100%;justify-content:space-between}.toolbar label:first-child select{flex:1;max-width:none}.progress{margin-left:auto}.intro h1{font-size:27px}.intro>div>p:last-child{font-size:9px}.range-map,.seismic-view{height:260px}.coordinate-panel{padding:10px}.coordinate-heading strong{font-size:15px}.coordinate-heading>span{font-size:6px}.coordinate-form>button{font-size:9px}.coordinate-form label>span{font-size:5px}.distance-band{font-size:12px}.key-guide{grid-template-columns:1fr}}
@media(max-height:780px) and (min-width:761px){.masthead{height:61px}.toolbar{min-height:54px}.intro{padding:15px 0 19px}.intro h1{font-size:32px;margin-bottom:8px}.range-map,.seismic-view{height:255px}.workspace{gap:17px 21px}.coordinate-panel{padding:13px 15px}.station-card{padding:9px 10px}.reported-delay>strong{font-size:14px}.section-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}