@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2")}:root{--blue-50:#edf3ff;--blue-100:#e0eaff;--blue-200:#c9d8fb;--blue-600:#244de8;--blue-700:#173bc8;--blue-900:#14235c;--red-50:#fff0ef;--red-600:#cf293f;--yellow-400:#ffda44;--yellow-500:#f4c629;--white:#fffefa;--slate-600:#485a80;--bg:var(--blue-50);--surface:var(--white);--surface-tint:var(--blue-100);--ink:var(--blue-900);--muted:var(--slate-600);--brand:var(--blue-600);--brand-hover:var(--blue-700);--on-brand:var(--white);--on-brand-muted:var(--blue-100);--accent:var(--yellow-400);--accent-hover:var(--yellow-500);--accent-ink:var(--blue-900);--highlight:var(--red-600);--highlight-tint:var(--red-50);--line:var(--blue-200);--focus:var(--brand);--border:1px;--radius-sm:10px;--radius:16px;--radius-card:24px;--radius-sheet:32px;--pill:999px;--shadow:0 8px 24px #14235c16;--shadow-sheet:0 24px 80px #14235c33;--shadow-button:0 4px 0 #14235c22;--backdrop:#14235c66;--glass:#fffefae6;--brand-line:#ffffff40;--font:"DM Sans",system-ui,sans-serif;--font-display:"Bricolage Grotesque","DM Sans",system-ui,sans-serif;--map-paper:var(--blue-50);--map-park:#cce9d8;--map-road:#c6d7fa;--map-edge:#617fba;--map-ink:var(--blue-900);--map-water:#8dcffc;--map-building:#6e91df;--map-tree:#488c72;--map-taxi:var(--accent);--map-stop:var(--brand);--map-player:var(--highlight);--map-people:var(--brand);--map-cars:var(--highlight);--visitor-map-road:var(--surface);--visitor-map-building:var(--line);--map-icon:24px;--map-pin:40px;--map-pin-target:48px;--map-thumb:56px;--map-preview:176px;--map-sidebar:320px;--map-sheet:1220px;--map-sheet-height:920px;--map-min-height:224px;--map-phone-height:300px;--map-phone-max:400px;--map-label-size:10px;--map-outline:2px;--map-focus-width:3px}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--text-xs:11px;--text-sm:13px;--text-base:16px;--text-lg:20px;--text-xl:32px;--display:clamp(56px,6vw,88px);--mini-map-size:180px;--map-top:104px;--map-sheet-width:1040px;--map-sidebar-width:224px;--control:48px;--page-pad:40px;--fast:.16s;--ease:cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:var(--space-1)}button:disabled{cursor:wait;opacity:.6}button:active{transform:translateY(2px)}button:disabled:active{transform:none}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px}#grain{pointer-events:none;position:fixed;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.masthead{position:fixed;left:var(--page-pad);top:var(--space-6);display:flex;align-items:center;gap:var(--space-5)}.wordmark{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.065em;color:var(--on-brand);background:var(--brand);padding:var(--space-1) var(--space-4);border-radius:var(--pill);text-decoration:none;min-height:var(--control);display:flex;align-items:center;box-shadow:var(--shadow)}.wordmark span{font-family:var(--font);font-size:var(--text-xs);letter-spacing:.03em;font-weight:700;align-self:center;margin-left:var(--space-2);color:var(--accent)}.wordmark i{font-style:normal;font-size:var(--text-xl);margin-left:var(--space-3);line-height:1;color:var(--accent)}.edition,.eyebrow,.map-caption,.footer-right{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em}.edition{color:var(--ink);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--glass);line-height:1.5;max-width:168px;letter-spacing:.08em}.tools{position:fixed;right:var(--page-pad);top:var(--space-6);display:flex;gap:var(--space-2);z-index:4}.tool{width:var(--control);height:var(--control);border:var(--border) solid var(--brand);border-radius:var(--radius);color:var(--brand);background:var(--surface);display:grid;place-items:center;font-size:var(--text-lg);font-weight:700;box-shadow:var(--shadow);transition:transform var(--fast) var(--ease),background var(--fast) var(--ease),color var(--fast) var(--ease)}.tool:hover{background:var(--surface-tint);transform:translateY(-2px)}.tool svg{width:var(--space-5);height:var(--space-5);stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tool[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#intro{position:fixed;left:5.5%;top:24%;max-width:420px;z-index:2}.eyebrow{display:flex;gap:var(--space-2);align-items:center;line-height:1.5}.eyebrow>span{height:8px;width:8px;background:var(--highlight);border-radius:50%;box-shadow:12px 0 0 var(--accent);margin-right:var(--space-3)}h1{font-family:var(--font-display);font-weight:750;font-size:var(--display);line-height:.98;letter-spacing:-.045em;margin:var(--space-5) 0}h1 em{font-weight:750;font-style:normal;color:var(--highlight)}p{font-size:var(--text-base);line-height:1.65;color:var(--muted)}#intro p{margin:var(--space-5) 0 var(--space-6)}.primary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:56px;border:var(--border) solid transparent;border-radius:var(--pill);background:var(--accent);color:var(--accent-ink);padding:var(--space-4) var(--space-5);font-weight:700;box-shadow:var(--shadow-button);transition:transform var(--fast) var(--ease),background var(--fast) var(--ease);font-size:var(--text-base)}.primary:hover{background:var(--accent-hover);transform:translate(-1px,-1px)}.primary:active{transform:translateY(2px);box-shadow:none}.primary>span:last-child{font-size:var(--text-lg)}#start{min-width:240px}.secondary{min-height:var(--control);padding:var(--space-3) var(--space-4);background:var(--surface-tint);color:var(--brand);border:var(--border) solid var(--line);border-radius:var(--radius);font-weight:600}#load-error{max-width:35ch}#postmark{position:fixed;bottom:16%;right:6%;width:140px;height:140px;border:2px solid var(--surface);border-radius:var(--radius-sheet);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(8deg);color:var(--on-brand);background:var(--brand);gap:var(--space-2);box-shadow:var(--shadow)}#postmark span{font-size:8px;letter-spacing:.08em}#postmark b{font-size:var(--text-xl);font-family:var(--font-display);font-weight:800;color:var(--accent);border-top:var(--border) solid var(--brand-line);border-bottom:var(--border) solid var(--brand-line);width:65%;text-align:center}footer{position:fixed;bottom:0;left:var(--page-pad);right:var(--page-pad);height:68px;display:flex;justify-content:space-between;align-items:center;border-top:var(--border) solid var(--muted);font-size:var(--text-xs);letter-spacing:.1em;gap:var(--space-5)}#footer-left{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.status-dot{width:6px;height:6px;background:var(--ink);border-radius:50%}#controls{display:none;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em}#controls i{font-style:normal;font-weight:400;letter-spacing:0;margin-left:var(--space-2)}#controls b{margin:0 var(--space-4);font-weight:400}body.playing #controls{display:block}body.playing .footer-right,body.playing #intro,body.playing #postmark{display:none}body.playing .edition{opacity:0}.paper{position:fixed;bottom:100px;left:var(--page-pad);width:316px;padding:var(--space-5);background:var(--brand);color:var(--on-brand);border:var(--border) solid var(--brand);border-radius:var(--radius-card);box-shadow:var(--shadow);z-index:2}.mission-top{display:flex;align-items:center;justify-content:space-between}#count{font-size:var(--text-sm);font-weight:700;background:var(--accent);color:var(--accent-ink);padding:var(--space-1) var(--space-2);border-radius:var(--pill);white-space:nowrap}h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;font-size:var(--text-xl);line-height:1.2;margin:var(--space-4) 0 var(--space-3)}.paper h2{font-size:25px;color:var(--on-brand)}.paper p{font-size:var(--text-sm);margin:0 0 var(--space-5);color:var(--on-brand-muted)}.route{border-top:var(--border) solid var(--brand-line);padding-top:var(--space-4);display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm)}#distance{margin-left:auto;color:var(--on-brand-muted)}#route-icon{font-size:var(--text-lg);color:var(--accent)}#map-wrap{position:fixed;right:var(--page-pad);top:var(--map-top);width:var(--mini-map-size);display:flex;flex-direction:column;align-items:center;z-index:3}#map-toggle{display:flex;flex-direction:column;width:100%;padding:var(--space-3);border:var(--border) solid var(--brand);border-radius:var(--radius-card);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow);transition:transform var(--fast) var(--ease)}#map-toggle:hover{transform:translateY(-2px);background:var(--brand-hover)}#map-toggle:active{transform:translateY(1px)}.map-caption,.map-open-hint{font-size:var(--text-xs);font-weight:700;display:flex;justify-content:space-between;width:100%;letter-spacing:.08em}.map-caption{margin-bottom:var(--space-2)}#map{display:block;width:100%;height:auto;border-radius:var(--radius);pointer-events:none}.map-open-hint{margin-top:var(--space-2);align-items:center}.map-open-hint>span{font-size:var(--text-base);line-height:1}#district{font-size:var(--text-xs);letter-spacing:.06em;margin-top:var(--space-2);font-weight:700;text-align:center;padding:var(--space-2) var(--space-3);border-radius:var(--pill);background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}#map-dialog{max-width:480px;width:calc(100% - 40px);border:var(--border) solid var(--line);padding:var(--space-6);border-radius:var(--radius-sheet);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sheet)}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.map-heading h2{margin:var(--space-2) 0 0;font-size:var(--text-xl)}#map-close{flex-shrink:0}#map-description{font-size:var(--text-sm);margin:var(--space-3) 0 var(--space-5)}.map-sheet{display:grid;grid-template-columns:minmax(0,1fr) var(--map-sidebar-width);gap:var(--space-5);align-items:start}.city-plan{margin:0;min-width:0}#city-layout{display:block;width:100%;height:auto;border:var(--border) solid var(--line);border-radius:var(--radius)}.city-plan figcaption{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-3)}.map-itinerary{padding:var(--space-4) 0 var(--space-4) var(--space-5);border-left:var(--border) solid var(--line)}.map-itinerary h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;margin:0}.map-itinerary p{font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-5)}#map-stops{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}#map-stops li{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-2);border:var(--border) solid transparent;border-radius:var(--radius)}#map-stops li[data-state=current]{background:var(--accent);border-color:var(--ink)}.stop-number{width:var(--space-5);height:var(--space-5);border:var(--border) solid var(--ink);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:var(--text-xs);font-weight:700}#map-stops li[data-state=visited] .stop-number{background:var(--ink);color:var(--surface)}#map-stops strong{display:block;font-size:var(--text-sm);font-weight:600}#map-stops div>span{display:block;font-size:var(--text-xs);margin-top:var(--space-1);line-height:1.5}.map-itinerary .map-garden-note{margin:var(--space-5) 0 0;color:var(--muted);line-height:1.6}.map-key{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border) solid var(--line);font-size:var(--text-xs)}.map-key>span{display:flex;align-items:center;gap:var(--space-2)}.map-key i{width:var(--space-3);height:var(--space-3);border:var(--border) solid var(--ink);border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:var(--text-xs)}.key-you{background:var(--map-player)}.key-target{background:var(--accent)}.key-visited{background:var(--ink);color:var(--surface)}.map-key .map-dismiss-hint{margin-left:auto;color:var(--muted)}#interact{position:fixed;left:50%;bottom:110px;transform:translate(-50%);z-index:5;white-space:nowrap}#interact:hover{transform:translate(-50%,-1px)}#interact:active{transform:translate(-50%,2px)}kbd{font-family:var(--font);font-size:var(--text-sm);border:var(--border) solid currentColor;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}#place-label{position:fixed;pointer-events:none;font-size:var(--text-sm);font-weight:600;transform:translate(-50%,-100%);background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--pill);padding:var(--space-2) var(--space-3);white-space:nowrap;display:none}#toast{position:fixed;left:50%;top:100px;transform:translate(-50%);background:var(--accent);color:var(--accent-ink);padding:var(--space-3) var(--space-5);border:var(--border) solid transparent;border-radius:var(--pill);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease);z-index:10}#toast.visible{opacity:1}dialog{max-width:440px;width:calc(100% - 40px);border:var(--border) solid var(--ink);padding:var(--space-6);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sheet)}dialog::backdrop{background:var(--backdrop)}dialog .primary{width:100%;margin-top:var(--space-5)}dialog p{margin-bottom:var(--space-5)}dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);font-size:var(--text-sm)}dt{font-weight:700}dd{margin:0;color:var(--muted)}.small{font-size:var(--text-sm)}#joystick{display:none;position:fixed;bottom:110px;left:var(--space-5);width:100px;height:100px;border-radius:50%;background:var(--glass);border:var(--border) solid var(--ink);touch-action:none;z-index:5}#stick{position:absolute;left:30px;top:30px;width:40px;height:40px;border-radius:50%;background:var(--ink);pointer-events:none}@media(max-width:800px){:root{--page-pad:24px;--display:64px}.edition{display:none}#intro{left:var(--page-pad);top:23%;max-width:290px}#intro p{font-size:14px}#postmark{right:4%;bottom:18%;width:110px;height:110px}footer{height:56px}.footer-right{max-width:150px;text-align:right;font-size:8px}.paper{width:250px;padding:var(--space-4);bottom:84px}:root{--mini-map-size:150px}#interact{bottom:220px}#controls{font-size:8px}#controls b{margin:0 var(--space-2)}}@media(max-width:600px){:root{--page-pad:20px;--display:60px}.masthead,.tools{top:var(--space-5)}.tools{gap:var(--space-2)}.tool{width:44px;height:44px}.wordmark{font-size:var(--text-xl)}#intro{top:auto;bottom:100px;max-width:300px}#intro .eyebrow{font-size:9px}h1{margin:var(--space-4) 0}#intro p{font-size:var(--text-sm);margin:var(--space-4) 0 var(--space-5)}#postmark{display:none}.paper{top:92px;bottom:auto;left:var(--page-pad);width:245px;padding:var(--space-3) var(--space-4)}.paper h2{font-size:var(--text-lg);margin:var(--space-2) 0}.paper p{margin-bottom:var(--space-2);font-size:11px}.route{padding-top:var(--space-2);font-size:11px}.paper .eyebrow{font-size:9px}:root{--mini-map-size:108px;--map-top:88px}.map-caption{display:none}.map-open-hint,#district{font-size:8px}.paper{width:calc(100vw - var(--page-pad)*2 - var(--mini-map-size) - var(--space-3))}body.playing #controls{display:none}#interact{bottom:220px;min-height:48px;font-size:var(--text-sm)}#interact>span:last-child{font-size:var(--text-sm)}#toast{top:245px;max-width:90%;width:max-content;text-align:center}}@media(pointer:coarse){body.playing #joystick{display:block!important}body.playing #controls{display:none}}@media(max-width:600px){body:not(.playing) #world{-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:800px){#map-dialog{padding:var(--space-5)}.map-sheet{grid-template-columns:minmax(0,1fr)}.map-itinerary{border-left:none;border-top:var(--border) solid var(--line);padding:var(--space-4) 0 0}#map-stops{grid-template-columns:1fr 1fr}.map-itinerary>p:not(.map-garden-note){display:none}.map-itinerary h3{margin-bottom:var(--space-3)}.map-key{flex-wrap:wrap;gap:var(--space-3)}.map-key .map-dismiss-hint{display:none}}@media(max-width:600px){#map-dialog{width:calc(100% - var(--space-5));padding:var(--space-4);max-height:calc(100dvh - var(--space-5))}.map-heading .eyebrow{font-size:8px}.map-heading h2{font-size:var(--text-xl)}#map-description{margin-bottom:var(--space-4)}.map-sheet{gap:var(--space-4)}#map-stops{gap:var(--space-1)}#map-stops li{padding:var(--space-2) var(--space-1);gap:var(--space-2)}#map-stops strong{font-size:11px}#map-stops div>span{font-size:9px}.map-itinerary .map-garden-note{margin-top:var(--space-3)}}.map-food{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border) solid var(--line)}.map-food h3{margin:0;font:650 var(--text-lg) var(--font-display)}.map-food p{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-sm);color:var(--muted)}#map-food-spots{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-2);padding:0;margin:0}#map-food-spots button{display:flex;align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:var(--control);padding:var(--space-3);background:var(--surface);color:var(--ink);border:var(--border) solid var(--line);border-radius:var(--radius)}#map-food-spots button:hover{border-color:var(--brand);background:var(--line)}#map-food-spots button:active{transform:translateY(1px)}#map-food-spots strong{display:block;font-size:var(--text-sm);line-height:1.4}#map-food-spots small{display:block;color:var(--muted);margin-top:var(--space-1);font-size:var(--text-xs)}.food-number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:var(--text-xs)}#map-districts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-4) 0 var(--space-5)}#map-districts button{min-height:var(--control);border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--text-sm);padding:var(--space-2);font-weight:600}#map-districts button:hover{border-color:var(--ink);background:var(--line)}#map-districts button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.atlas-heading h3{font:650 var(--text-lg) var(--font-display);margin:0 0 var(--space-1)}#discovery-count{font-size:var(--text-sm);color:var(--muted)}#map-travel{font-size:var(--text-sm);border-radius:var(--radius);flex-shrink:0}#map-travel:hover{background:var(--accent)}#map-places{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}#map-places button{display:flex;gap:var(--space-3);align-items:flex-start;border:var(--border) solid transparent;border-radius:var(--radius);background:transparent;text-align:left;padding:var(--space-3) var(--space-2);width:100%;min-height:var(--control)}#map-places button:hover{background:var(--line);border-color:var(--ink)}.place-number{font-size:var(--text-sm);font-weight:700;line-height:1.5}#map-places strong{display:block;font-size:var(--text-sm);font-weight:700;line-height:1.5}#map-places strong+span{display:block;font-size:var(--text-sm);color:var(--muted);line-height:1.5;margin-top:var(--space-1)}.delivery-route{border-top:var(--border) solid var(--line);margin-top:var(--space-4);padding-top:var(--space-2)}.delivery-route summary{font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:var(--control);display:flex;align-items:center}.delivery-route summary:before{content:"＋";margin-right:var(--space-2)}.delivery-route[open] summary:before{content:"−"}.delivery-route #map-stops{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:801px){:root{--map-sidebar-width:280px}.map-itinerary{padding-top:0}#map-dialog{max-width:1120px}}@media(max-width:800px){#map-places,.delivery-route #map-stops{grid-template-columns:1fr 1fr}}@media(max-width:600px){#map-districts{gap:var(--space-1);margin-bottom:var(--space-4)}#map-districts button{font-size:11px;line-height:1.4}.atlas-heading{align-items:flex-start}.atlas-heading h3{font-size:var(--text-lg)}#map-travel{max-width:140px;padding:var(--space-2)}#map-places{grid-template-columns:1fr}#map-places strong+span{font-size:var(--text-sm)}#map-places button{padding:var(--space-2)}.map-itinerary{padding-top:var(--space-4)}}@media(min-width:801px){.city-plan{display:flex;flex-direction:column;align-items:center}#city-layout{width:auto;height:min(46dvh,480px);max-width:100%;aspect-ratio:1.25;object-fit:contain}.city-plan figcaption{align-self:flex-start}.map-itinerary{max-height:min(46dvh,480px);overflow:auto;overscroll-behavior:contain;padding-right:var(--space-2)}}#help-dialog{max-height:calc(100dvh - var(--space-6));overflow:auto;overscroll-behavior:contain}.graphics-settings{border:var(--border) solid var(--line);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-5) 0}.graphics-settings legend{font-size:var(--text-sm);font-weight:700;padding:0 var(--space-2)}.graphics-settings label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.graphics-settings select{width:100%;min-height:var(--control);padding:var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--radius)}.graphics-settings select:focus-visible,.performance-details summary:focus-visible{outline:3px solid var(--focus);outline-offset:var(--space-1)}.graphics-settings p{margin:var(--space-3) 0}.graphics-settings #city-life{margin-top:0}.performance-details{font-size:var(--text-sm);line-height:1.6}.performance-details summary{min-height:var(--control);cursor:pointer;align-content:center}.performance-details output{display:block;color:var(--muted);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.about-credits{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;max-width:100%;margin:var(--space-4) 0 var(--space-5);padding:0 var(--space-1);border-radius:var(--pill);background:var(--surface-tint);color:var(--ink);font-size:var(--text-sm);line-height:1.5;white-space:nowrap;overflow:hidden}.about-credits a{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:0;min-height:44px;padding:var(--space-1);border-radius:var(--radius-sm);color:inherit;text-decoration:none}.creator-credit strong{font-weight:700;color:var(--brand);text-decoration:underline;text-underline-offset:3px}.credit-divider{height:16px;width:1px;background:var(--line);margin:0 var(--space-1);flex-shrink:0}.about-credits .builder-credit{gap:var(--space-2)}.builder-credit img{width:48px;height:21px;object-fit:contain;flex-shrink:0}.about-credits a:hover{background:var(--surface)}.about-credits a:active{transform:translateY(1px)}.about-credits a:focus-visible{outline:3px solid var(--brand);outline-offset:-3px;box-shadow:none}@media(max-width:360px){.about-credits{font-size:12px}.about-credits .builder-credit{gap:var(--space-1)}.about-credits .credit-divider{margin:0 2px}.about-credits .builder-credit img{width:42px;height:auto}}#grain{opacity:.035}#intro{max-width:460px}#intro h1{color:var(--brand)}#intro p{max-width:38ch}#intro .eyebrow{width:max-content;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--pill);background:var(--surface);color:var(--brand)}.tools>.tool{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.tools>.tool:hover{background:var(--brand-hover)}.tools>#history-toggle{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tools>#help{background:var(--highlight);color:var(--on-brand);border-color:var(--highlight)}.tools>.tool[aria-pressed=true],.tools>.tool[aria-expanded=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tools>.tool:focus-visible,#map-toggle:focus-visible{outline-color:var(--ink);box-shadow:0 0 0 2px var(--surface)}.tool svg{stroke-width:1.7}#map-toggle .map-open-hint>span{color:var(--accent)}#map-districts button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}#map-districts button:hover{border-color:var(--brand)}.map-heading h2,.history-heading h2{color:var(--brand)}.map-heading .eyebrow,.history-heading .eyebrow{color:var(--highlight);letter-spacing:.08em}.place-number{background:var(--surface-tint);color:var(--brand);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}#map-travel{border-radius:var(--pill);background:var(--accent);color:var(--accent-ink);border-color:transparent}#map-travel:hover{background:var(--accent-hover)}footer{border:0;pointer-events:none}#footer-left,#controls,.footer-right{padding:var(--space-2) var(--space-3);border-radius:var(--pill);background:var(--glass);letter-spacing:.06em}.status-dot{background:var(--highlight)}#place-label{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.graphics-settings{background:var(--bg);border-radius:var(--radius-card)}.graphics-settings legend{color:var(--brand)}.secondary:hover{background:var(--line)}button:disabled{opacity:.7;box-shadow:none}@media(max-width:800px){#intro{max-width:360px}}@media(max-width:600px){:root{--display:56px;--radius-sheet:24px}.masthead .wordmark{padding:var(--space-1) var(--space-3);font-size:28px}.tools{gap:var(--space-2)}#intro{max-width:calc(100% - var(--page-pad)*2);bottom:84px}#intro p{font-size:14px}#intro .eyebrow{font-size:10px}#map-toggle{padding:var(--space-2);border-radius:var(--radius)}#district{padding:var(--space-1) var(--space-2);font-size:9px}.paper{border-radius:var(--radius);padding:var(--space-3)}.paper h2{font-size:18px;line-height:1.2}.paper .eyebrow{font-size:9px;letter-spacing:.06em}.paper p,.route{font-size:11px;line-height:1.5}#count{font-size:11px}.footer-right{display:none}}@media(max-width:360px){:root{--page-pad:16px}.masthead .wordmark{font-size:24px;padding:var(--space-1) var(--space-2)}.masthead .wordmark span{margin-left:var(--space-1)}}@media(max-height:600px)and (min-width:601px){:root{--display:40px;--mini-map-size:116px;--map-top:96px}#intro{top:88px;bottom:auto;max-width:44vw}#intro .eyebrow,#postmark,.edition{display:none}#intro h1{margin:var(--space-2) 0}#intro p{font-size:var(--text-sm);line-height:1.5;margin:var(--space-2) 0 var(--space-3)}#intro .primary{min-height:var(--control);padding:var(--space-3) var(--space-5)}}#world[data-orbit=idle]{cursor:grab}#world[data-orbit=dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.mission-top{gap:var(--space-2)}.mission-top .eyebrow{margin-right:auto}.mission-control{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:1px solid var(--brand-line);border-radius:var(--radius);background:transparent;color:var(--on-brand);transition:background var(--fast) var(--ease)}.mission-control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mission-control:hover{background:var(--brand-hover)}#mission.is-collapsed{width:56px;padding:0;border:0;border-radius:var(--radius);background:var(--brand)}#mission-expand{width:56px;height:56px;color:var(--accent);border-color:var(--brand)}body:not(.playing) #intro{--intro-top:24dvh;max-height:calc(100dvh - var(--intro-top) - 84px);overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-1)}.world-loading{position:fixed;left:67%;top:clamp(104px,16dvh,160px);transform:translate(-50%);width:min(288px,calc(100vw - var(--page-pad)*2));padding:var(--space-3) var(--space-4);border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--glass);color:var(--ink);box-shadow:var(--shadow);z-index:3;pointer-events:none}.loading-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);line-height:1.5;font-weight:600}#loading-stage{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#loading-count{flex-shrink:0;color:var(--muted);font-variant-numeric:tabular-nums}#loading-progress{display:block;width:100%;height:5px;margin:var(--space-2) 0 0;border:0;overflow:hidden;border-radius:var(--pill);background:var(--line);color:var(--brand);accent-color:var(--brand)}#loading-progress::-webkit-progress-bar{background:var(--line);border-radius:var(--pill)}#loading-progress::-webkit-progress-value{background:var(--brand);border-radius:var(--pill)}#loading-progress::-moz-progress-bar{background:var(--brand);border-radius:var(--pill)}@media(max-width:800px){body:not(.playing) #intro{--intro-top:23dvh}}@media(max-width:600px){body:not(.playing) #intro{--intro-top:88px}.world-loading{left:50%;top:88px;width:min(280px,calc(100vw - var(--page-pad)*2))}body:not([data-world-stage=ready]):not([data-world-stage=error]):not(.playing) #intro{--intro-top:164px}}@media(max-height:720px)and (min-width:601px){body:not(.playing) #intro{--intro-top:18dvh;top:18%}#intro h1{font-size:clamp(44px,5vw,64px);margin:var(--space-3) 0}#intro>p{margin:var(--space-3) 0}}@media(max-height:600px)and (min-width:601px){body:not(.playing) #intro{--intro-top:88px;top:88px}#intro h1{font-size:40px;margin:var(--space-2) 0}.world-loading{left:68%;top:104px;width:240px}}@media(max-width:380px){.world-loading{top:144px}body:not(.playing) #intro{--intro-top:144px}body:not([data-world-stage=ready]):not([data-world-stage=error]):not(.playing) #intro{--intro-top:220px}}:root{--sky-zenith:#91cef2;--sky-middle:#c9eaf8;--sky-horizon:#fff3da;--sky-fog:#d8edf5;--sky-cloud:#fffdf5;--sky-cloud-shade:#cfdfeb}body.with-sky{--muted:#405375;min-height:100dvh;background-color:var(--sky-middle);background-image:radial-gradient(circle at 79% 17%,#fff9df 0 24px,#fff4cebb 38px,#fff1c340 90px,transparent 180px),linear-gradient(180deg,var(--sky-zenith),var(--sky-middle) 46%,#eaf6f8 78%,var(--sky-horizon));background-size:100vw 100dvh;background-attachment:fixed;background-repeat:no-repeat}@media(prefers-reduced-motion:reduce){body.with-sky{background-attachment:scroll}}:root{--nav-height: calc(64px + env(safe-area-inset-top)) ;--map-top:calc(var(--nav-height) + var(--space-4))}.masthead.site-nav{inset:0 0 auto;z-index:12;height:var(--nav-height);padding:env(safe-area-inset-top) max(var(--page-pad),env(safe-area-inset-right)) 0 max(var(--page-pad),env(safe-area-inset-left));justify-content:space-between;background:var(--brand);border-bottom:1px solid var(--brand-line)}.site-nav .wordmark{min-height:44px;padding:0;font-size:32px;border-radius:0;background:none;box-shadow:none}.site-nav .wordmark i{display:none}#menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:var(--radius);background:transparent;color:var(--on-brand);transition:background var(--fast) var(--ease)}#menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}#menu-toggle:hover{background:var(--brand-hover)}#menu-toggle:active{background:var(--accent);color:var(--accent-ink)}#menu-toggle .menu-cross,#menu-toggle[aria-expanded=true] .menu-lines{display:none}#menu-toggle[aria-expanded=true] .menu-cross{display:block}.site-nav a:focus-visible,#menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#menu-backdrop{position:fixed;inset:var(--nav-height) 0 0;z-index:10;background:color-mix(in srgb,var(--ink) 12%,transparent)}#game-menu.tools{position:fixed;top:calc(var(--nav-height) + var(--space-2));right:max(var(--page-pad),env(safe-area-inset-right));z-index:13;display:flex;flex-direction:column;gap:var(--space-2);width:min(288px,calc(100vw - var(--page-pad)*2));padding:var(--space-3);max-height:calc(100dvh - var(--nav-height) - var(--space-5) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--brand);border:1px solid var(--brand-line);border-radius:var(--radius-card);box-shadow:var(--shadow)}#game-menu.tools>.tool{flex-shrink:0;display:flex;justify-content:flex-start;gap:var(--space-4);width:100%;height:auto;min-height:52px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);text-align:left;box-shadow:none;border:0;transform:none}#game-menu .tool svg,#game-menu .menu-help-icon{flex:0 0 24px;width:24px;height:24px;text-align:center;line-height:24px}#game-menu .menu-help-icon{font-size:24px}#game-menu.tools>.tool:active{transform:translateY(1px)}#game-menu.tools>.tool:focus-visible{outline:3px solid var(--on-brand);outline-offset:1px;box-shadow:none}@media(max-width:600px){:root{--nav-height: calc(60px + env(safe-area-inset-top)) }.masthead.site-nav .wordmark{font-size:30px;padding:0}body #mission.paper,body .world-loading{top:var(--map-top)}body:not(.playing) #intro{--intro-top:var(--map-top)}body:not([data-world-stage=ready]):not([data-world-stage=error]):not(.playing) #intro{--intro-top:calc(var(--map-top) + 76px)}}@media(prefers-reduced-motion:reduce){#menu-toggle{transition:none}}@media(min-width:768px){#menu-toggle{display:none}#game-menu.tools{top:calc(env(safe-area-inset-top) + 10px);flex-direction:row;align-items:center;gap:var(--space-2);width:auto;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#game-menu.tools>.tool{justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border-radius:var(--radius)}#game-menu .menu-label{display:none}}