:root{--ink:#223c36;--paper:#faf8f1;--muted:#60716a;--line:#d4dcd2;--green:#315c4d}*{box-sizing:border-box}body{margin:0;background:#d5ddd6;color:var(--ink);font:14px Arial,sans-serif;overflow:hidden}button,a,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:11px 15px;border-radius:6px}button:hover{background:#e6ece3}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #477a98;outline-offset:3px}button.active,.primary{background:var(--green);color:#fff;border-color:var(--green)}button:disabled{opacity:.45;cursor:wait}#canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}header{position:fixed;top:23px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}header>*{pointer-events:auto}.brand{background:#faf8f1f0;padding:15px 20px;border-radius:8px;border:1px solid #fff8}.brand strong{font-size:17px;font-weight:500}.brand span{display:block;margin-top:4px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.top-controls{display:flex;gap:6px;flex-wrap:wrap}.mode{display:flex;background:#faf8f1;padding:4px;border-radius:8px}.mode button{border:0}.panel{position:fixed;left:27px;top:115px;width:286px;background:#faf8f1f2;border:1px solid #fff9;border-radius:10px;padding:23px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}h1{font:34px/1.06 Georgia,serif;font-weight:400;margin:14px 0}p{line-height:1.6;color:var(--muted)}.progress{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:11px}.stops{display:grid;gap:6px;margin-top:12px}.stops button{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12px;padding:10px 12px}.stops span{font-size:10px;color:var(--muted)}.stops .visited{border-color:#6b8a73}.stops .visited span{color:#315c4d}.note{font-size:10px;line-height:1.5;color:var(--muted);margin-top:17px}#hud{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#faf8f1ed;padding:12px 20px;border:1px solid #fff8;border-radius:8px;text-align:center;max-width:calc(100% - 40px);line-height:1.7;min-width:280px;font-size:11px}#hud strong{font-weight:500;color:var(--ink)}kbd{padding:3px 5px;background:#e6ebe2;border-radius:3px;color:#3b534a}#interact{display:none;margin:8px auto 0;padding:8px 13px}#minimap{position:fixed;bottom:25px;right:27px;background:#faf8f1e8;border:1px solid #fff8;border-radius:8px;padding:11px}#minimap canvas{display:block;width:160px;height:140px}#minimap .eyebrow{margin-bottom:8px;font-size:9px}.labels{position:fixed;inset:0;pointer-events:none}.marker-label{position:absolute;left:0;top:0;background:#faf8f1ec;border:1px solid #9bae9a;border-radius:50px;padding:6px 11px;font-size:10px;white-space:nowrap;pointer-events:auto;box-shadow:0 2px 5px #223c3610}.marker-label:hover{background:#fff}#insight{position:fixed;right:27px;top:115px;width:310px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;display:none}#insight h2{font:27px/1.13 Georgia,serif;font-weight:400;margin:12px 0}#insight .close{position:absolute;right:10px;top:8px;padding:3px 7px;border:0;background:none;font-size:23px}.question{padding:14px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--ink)}#loading{position:fixed;inset:0;background:#eff0e8;display:grid;place-items:center;z-index:30;text-align:center;padding:30px}#loading h2{font:42px Georgia,serif;font-weight:400;margin:15px 0}#loading p{max-width:35ch}.loader{width:200px;height:3px;background:#cbd4c7;margin:25px auto;overflow:hidden}.loader i{display:block;width:40%;height:100%;background:#4c6c54;animation:load 1s ease-in-out infinite alternate}@keyframes load{to{transform:translate(150%)}}#welcome{position:fixed;inset:0;background:#17332948;display:none;align-items:center;justify-content:center;z-index:25;padding:22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.welcome-card{background:var(--paper);border:1px solid #fff;border-radius:12px;padding:32px;width:420px}.welcome-card h2{font:40px/1.05 Georgia,serif;font-weight:400;margin:16px 0}.welcome-card button{width:100%;margin-top:10px}.welcome-card .note{margin-bottom:0}.touch-controls{display:none;position:fixed;bottom:103px;left:20px;gap:4px;grid-template-columns:44px 44px 44px;z-index:10}.touch-controls button{width:44px;height:44px;padding:0;background:#faf8f1db;font-size:18px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button:nth-child(1){grid-column:2}.touch-controls button:nth-child(2){grid-column:1}.toast{position:fixed;left:50%;top:104px;transform:translate(-50%);padding:10px 17px;background:#264d40;color:#fff;border-radius:6px;display:none;font-size:12px;z-index:15}.hidden{display:none!important}@media(max-width:900px){.panel{width:235px;padding:18px}#insight{width:280px}.marker-label{font-size:9px}#minimap{display:none}}@media(max-width:600px){header{left:14px;right:14px;top:14px;align-items:flex-start}.brand{padding:11px 13px}.brand strong{font-size:15px}.brand span{font-size:8px}.top-controls{justify-content:flex-end;gap:4px;max-width:175px}.top-controls button{padding:9px;font-size:10px}.mode{padding:3px}.panel{left:14px;top:100px;width:180px;padding:15px;background:#faf8f1ed}.panel h1{font-size:23px;margin:9px 0}.panel>p,.panel>.note{display:none}.progress{margin-top:13px;padding-top:10px;font-size:10px}.stops{gap:4px;margin-top:9px}.stops button{padding:9px 8px;font-size:10px}.stops span{font-size:9px}.panel .eyebrow{font-size:8px}#insight{inset:auto 14px 101px;width:auto;padding:20px;z-index:20}#insight h2{font-size:25px}#insight p{font-size:12px;margin:10px 0}.question{font-size:11px;padding:11px 0}#hud{bottom:15px;font-size:10px;min-width:0;width:calc(100% - 28px);padding:10px 15px}.touch-controls{display:grid}.toast{top:80px;font-size:10px;max-width:85%;text-align:center}.marker-label{padding:5px 8px}.welcome-card{padding:25px}.welcome-card h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.loader i{animation:none}}#maps-dialog{position:fixed;inset:0;z-index:40;display:none;background:#17332955;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.maps-card{width:460px;max-height:90vh;overflow:auto;background:var(--paper);border-radius:12px;padding:26px;position:relative}.maps-card h2{font:32px Georgia,serif;font-weight:400;margin:12px 0}.maps-card label{display:block;font-size:11px;color:var(--ink);margin-top:14px}.maps-card input:not([type=checkbox]),.maps-card select{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;margin-top:6px;background:#fff;color:var(--ink);font:13px Arial}.maps-card input[type=range]{padding:0}.maps-card input[type=checkbox]{accent-color:var(--green)}.maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.maps-card p{font-size:12px;line-height:1.6}.maps-card .close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:22px;padding:2px 6px}.maps-card .buttons{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.maps-card a{color:#315c4d}.maps-card .note{margin-top:12px;font-size:11px}#maps-status{padding-top:13px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;margin-top:16px;color:var(--muted)}#city-info{display:none;position:fixed;top:115px;left:27px;width:270px;background:#faf8f1ed;border:1px solid #fff9;padding:22px;border-radius:10px}#city-info h2{font:29px/1.1 Georgia,serif;font-weight:400;margin:12px 0}#city-info p{font-size:12px}#city-info a{color:var(--green);font-size:11px}#city-info button{display:block;margin:15px 0;font-size:12px}#maps-state{font-size:11px;color:var(--muted);padding-top:13px;border-top:1px solid var(--line)}#map-credit{display:none;position:fixed;bottom:0;left:0;right:0;z-index:22;background:#faf8f1f5;align-items:center;gap:15px;padding:9px 16px;min-height:35px;color:#334a41}#map-credit>strong{font:500 14px Arial,sans-serif;white-space:nowrap}#map-credit details{font-size:10px;line-height:1.6}#map-credit summary{cursor:pointer}#map-credit-text{max-height:110px;overflow:auto;padding-top:6px}.top-controls{max-width:650px}body:has(#city-info[style*=block]) #hud{bottom:48px}#city-info .note{font-size:10px}@media(max-width:600px){header{flex-wrap:wrap}.top-controls{max-width:220px}.top-controls button{padding:8px;font-size:9px}#city-info{top:109px;left:14px;width:210px;padding:17px}#city-info h2{font-size:24px}#city-info p{font-size:11px}#map-credit{padding:8px 12px;gap:12px}.maps-card{padding:22px}.maps-card h2{font-size:28px}}@font-face{font-family:Open Sans;src:url(/courtyard-world/fonts/open-sans-variable.woff2) format("woff2");font-style:normal;font-weight:300 800;font-display:swap}@font-face{font-family:Crimson Text;src:url(/courtyard-world/fonts/crimson-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Crimson Text;src:url(/courtyard-world/fonts/crimson-semibold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--ink:#1a1a1a;--paper:#fafafa;--muted:#616161;--line:#dedede;--blue:#b6d0e2;--blue-ink:#3e6a8a;--green:#315c4d}body{background:#cbd4d1;color:var(--ink);font-family:Open Sans,Arial,sans-serif;font-size:13px}button,a,input,select{font-family:Open Sans,Arial,sans-serif}button{border-radius:2px;border-color:#d1d1d1;color:var(--ink);background:var(--paper);transition:background-color .15s ease,border-color .15s ease}button:hover{background:#eef4f9;border-color:#9dbfd6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3e6a8a;outline-offset:3px}button.active,.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button.active:hover,.primary:hover{background:#3e6a8a;border-color:#3e6a8a}header{top:19px;left:22px;right:22px;align-items:flex-start}.brand{min-width:178px;background:#fafafaf4;border:1px solid #d1d1d1;border-radius:0;padding:13px 17px;box-shadow:0 5px 25px #1a1a1a0d}.brand strong{font:600 15px/1.2 Open Sans,sans-serif;letter-spacing:.01em}.brand span{color:#616161;font-size:9px;letter-spacing:.11em;margin-top:5px}.top-controls{gap:5px;max-width:770px}.top-controls button{padding:10px 12px;font-size:10px;letter-spacing:.015em}.mode{padding:3px;border:1px solid #d1d1d1;border-radius:2px;background:#fafafaf4;gap:2px}.mode button{border-radius:0;padding-inline:13px}.panel{left:22px;top:108px;width:302px;background:#fafafaf5;border:1px solid #d1d1d1;border-radius:0;padding:24px;box-shadow:0 12px 36px #1a1a1a13;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{font:600 9px/1.5 Open Sans,sans-serif;letter-spacing:.14em;color:var(--blue-ink)}.panel h1{font:400 39px/1.02 Crimson Text,Georgia,serif;letter-spacing:-.025em;margin:15px 0 12px}.panel>p{font-size:12px;line-height:1.75;color:#424242}.progress{border-top-color:var(--line);margin-top:19px;padding-top:14px;font:11px Open Sans,sans-serif}.progress strong{font-weight:600}.stops{gap:5px;margin-top:10px}.stops button{border-radius:0;border-color:#dedede;background:#fff;padding:10px 11px;font-size:11px}.stops button:hover,.stops button.visited{border-color:#6b97b8;background:#eef4f9}.stops button.visited span{color:#3e6a8a}.stops span{font-size:9px}.panel .note{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:9px;line-height:1.65}#hud{bottom:22px;background:#fafafaf2;border:1px solid #d1d1d1;border-radius:0;box-shadow:0 5px 24px #1a1a1a0d;font:11px/1.8 Open Sans,sans-serif}#hud strong{font:600 12px Open Sans,sans-serif}kbd{background:#eef4f9;color:#242424;border:1px solid #d8e4eb;border-radius:1px}#interact{border-radius:0}#minimap{right:22px;bottom:22px;background:#fafafaf2;border:1px solid #d1d1d1;border-radius:0;box-shadow:0 5px 24px #1a1a1a0d}#minimap .eyebrow{color:#3e6a8a}.marker-label{border-radius:2px;border-color:#6b97b8;background:#fafafaf2;color:#1a1a1a;box-shadow:0 2px 12px #1a1a1a18;font:600 9px Open Sans,sans-serif;letter-spacing:.02em}.marker-label:hover{background:#eef4f9}#insight{right:22px;top:108px;width:322px;background:#fafafaf7;border:1px solid #d1d1d1;border-radius:0;box-shadow:0 12px 36px #1a1a1a13}#insight h2{font:400 31px/1.07 Crimson Text,Georgia,serif;letter-spacing:-.02em}#insight p{font-size:12px;line-height:1.75}#insight .close{border-radius:0}.question{font:11px/1.7 Open Sans,sans-serif;color:#424242}#loading{background:#fafafa;z-index:30}#loading h2{font:400 46px/1 Crimson Text,Georgia,serif;letter-spacing:-.02em}#loading p{font:12px/1.7 Open Sans,sans-serif}.loader{height:2px;background:#dce5eb}.loader i{background:#3e6a8a}#welcome{background:#1a1a1a70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-card{width:min(440px,100%);background:#fafafa;border:1px solid #d1d1d1;border-radius:0;padding:35px;box-shadow:0 20px 70px #0003}.welcome-card h2{font:400 43px/.99 Crimson Text,Georgia,serif;letter-spacing:-.02em;margin:14px 0}.welcome-card p{font-size:12px;line-height:1.75;color:#424242}.welcome-card button{border-radius:0}.welcome-card .primary{background:#1a1a1a}.touch-controls button{border-radius:2px;background:#fafafae8;border-color:#d1d1d1}.toast{background:#1a1a1a;border:1px solid #b6d0e2;border-radius:0;font:11px Open Sans,sans-serif}#maps-dialog{background:#1a1a1a70}.maps-card{background:#fafafa;border:1px solid #d1d1d1;border-radius:0;font-family:Open Sans,Arial,sans-serif}.maps-card h2{font:400 34px/1.05 Crimson Text,Georgia,serif}.maps-card label{font-size:11px}.maps-card input:not([type=checkbox]),.maps-card select{border-radius:1px;border-color:#d1d1d1}.maps-card a,#city-info a{color:#3e6a8a}.maps-card .close{border-radius:0}#city-info{background:#fafafaf4;border:1px solid #d1d1d1;border-radius:0;box-shadow:0 12px 36px #1a1a1a13}#city-info h2{font:400 32px/1.02 Crimson Text,Georgia,serif}#map-credit{background:#fafafaf5;color:#242424}#map-credit>strong{font:600 13px Open Sans,sans-serif}@media(max-width:900px){.panel{width:260px;padding:20px}.panel h1{font-size:34px}.top-controls{max-width:610px}#insight{width:300px}}@media(max-width:600px){header{left:12px;right:12px;top:12px}.brand{min-width:0;padding:10px 12px}.brand strong{font-size:13px}.brand span{font-size:7px}.top-controls{max-width:230px;gap:3px}.top-controls button{padding:8px;font-size:9px}.mode button{padding-inline:8px}.panel{left:12px;top:98px;width:min(195px,54vw);padding:14px;background:#fafafaf5}.panel h1{font-size:25px}.panel .eyebrow{font-size:7px}.stops button{font-size:9px;padding:8px 7px}.stops span{font-size:8px}.progress{font-size:9px}.panel .note{display:none}#insight{inset:auto 12px 98px;width:auto;max-height:44vh;overflow:auto;padding:18px}#insight h2{font-size:28px}#hud{bottom:12px;width:calc(100% - 24px);max-width:none;padding:9px 12px;font-size:9px}#minimap{display:none}.touch-controls{left:12px;bottom:102px}.touch-controls button{width:40px;height:40px}.welcome-card{padding:25px}.welcome-card h2{font-size:37px}.welcome-card .note{display:block}#city-info{left:12px;top:106px;width:205px;padding:15px}#city-info h2{font-size:25px}.maps-card{max-height:86vh;padding:20px}.maps-card h2{font-size:29px}}@media(max-width:390px){.top-controls{max-width:195px}.top-controls button{padding:7px 6px;font-size:8px}.brand span{letter-spacing:.07em}.panel{width:178px}}@media(prefers-reduced-motion:reduce){button,.primaryAction,.launchButton{transition:none}.loader i{animation:none}}