@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);--visitor-map-surround:var(--blue-100);--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}#world:focus-visible{outline:none}#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)}#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)}#right-hud{display:contents}#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:calc(24px + env(safe-area-inset-bottom));left:auto;right:max(var(--space-5),env(safe-area-inset-right));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:767px){.paper{top:var(--map-top);bottom:auto;left:max(var(--page-pad),env(safe-area-inset-left));width:min(316px,calc(100vw - var(--page-pad)*2 - var(--mini-map-size) - var(--space-3)))}}@media(min-width:601px)and (max-width:767px){.paper{left:auto;right:calc(max(var(--page-pad),env(safe-area-inset-right)) + var(--mini-map-size) + var(--space-3));width:250px}}@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(max-width:767px),(pointer:coarse){body.playing #joystick{display:block!important}body.playing #controls{display:none}}@media(pointer:coarse)and (min-width:768px)and (max-width:1023px){body.playing #mission{left:auto;right:max(var(--page-pad),env(safe-area-inset-right))}}@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){body:not([data-motion=full]) *,body:not([data-motion=full]) *:before,body:not([data-motion=full]) *: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{left:max(var(--page-pad),env(safe-area-inset-left));right:max(var(--page-pad),env(safe-area-inset-right));border:0;pointer-events:none;justify-content:flex-end}#controls,.footer-right,#world-focus-indicator{padding:var(--space-2) var(--space-3);border-radius:var(--pill);background:var(--glass);letter-spacing:.06em}#world-focus-indicator{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent);color:var(--accent-ink);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;box-shadow:var(--shadow)}#world-focus-indicator>span{width:8px;height:8px;border:2px solid var(--accent-ink);border-radius:50%;background:var(--surface)}@media(max-width:767px),(pointer:coarse){body.playing #world-focus-indicator{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(140px + env(safe-area-inset-bottom));width:100px;justify-content:center;text-align:center;font-size:10px;letter-spacing:0;line-height:1.4}}#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)}}@media(max-width:767px),(pointer:coarse)and (max-height:600px){#intro>.eyebrow,#intro>.intro-description{display:none}}#intro{width:89%;container-type:inline-size}#intro #title{white-space:nowrap;font-size:clamp(18px,10cqi,44px)}#title .title-flag{font-size:.78em;vertical-align:.04em}#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)}@media(min-width:1024px){#right-hud{position:fixed;top:var(--map-top);right:max(var(--page-pad),env(safe-area-inset-right));bottom:84px;z-index:3;display:flex;width:316px;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}#right-hud>#map-wrap,#right-hud>#mission{position:static;inset:auto;flex:none;margin:0;pointer-events:auto;z-index:auto}#right-hud>#map-wrap{width:var(--mini-map-size)}#right-hud>#mission{width:316px}#right-hud>#mission.is-collapsed{width:56px}}@media(min-width:1024px)and (max-height:680px){:root{--mini-map-size:116px}#right-hud{bottom:68px;gap:var(--space-3)}#right-hud>#mission{padding:var(--space-4)}#right-hud>#mission.is-collapsed{width:56px;padding:0}#right-hud>#mission h2{font-size:var(--text-lg);margin:var(--space-2) 0}#right-hud>#mission p{margin-bottom:var(--space-2)}#right-hud>#mission .route{padding-top:var(--space-2)}}:root{--motion-progress:.9s;--motion-liquid:4s;--motion-start-hover:.2s;--motion-start-shine:4.8s;--motion-start-pulse:3.6s}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)}body:not(.playing) .masthead.site-nav{display:none!important}.start-control{position:relative;width:176px;max-width:100%;margin:16px auto 0;padding-bottom:30px}#intro #start{position:relative;isolation:isolate;display:block;width:100%;min-width:0;height:64px;min-height:64px;max-height:64px;padding:8px 18px;overflow:hidden;background:var(--brand-hover);border:1px solid var(--brand-line);border-radius:var(--pill);box-shadow:none;transform:none;transition:transform var(--motion-start-hover) var(--ease)}#intro #start:hover,#intro #start:active{background:var(--brand-hover);box-shadow:none;transform:none}#start:disabled{opacity:1;cursor:wait}#start[data-state=error]{cursor:default}#start:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#intro #start[data-state=ready]{border-color:var(--accent)}#start:before,#start:after{content:"";position:absolute;pointer-events:none;opacity:0;z-index:1}#start:before{inset:0;border-radius:inherit;box-shadow:inset 0 0 14px 2px #fff9}#start:after{inset:-25% auto -25% 0;width:45%;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);transform:translate(-180%) skew(-20deg)}body:not(.entering):not(.playing) #start[data-state=ready]:enabled:before{animation:start-ready-pulse var(--motion-start-pulse) ease-in-out var(--motion-progress) infinite}body:not(.entering):not(.playing) #start[data-state=ready]:enabled:after{animation:start-ready-shine var(--motion-start-shine) ease-in-out var(--motion-progress) infinite}@media(hover:hover)and (pointer:fine){#intro #start[data-state=ready]:enabled:hover{transform:scale(1.045)}}#intro #start[data-state=ready]:enabled:focus-visible{transform:scale(1.045)}#intro #start[data-state=ready]:enabled:active{transform:scale(.98)}@keyframes start-ready-pulse{0%,to{opacity:.1}50%{opacity:.5}}@keyframes start-ready-shine{0%{opacity:0;transform:translate(-180%) skew(-20deg)}5%{opacity:.65}28%{opacity:.65}34%,to{opacity:0;transform:translate(360%) skew(-20deg)}}body[data-motion=reduced] #intro #start[data-state]{transform:none!important;transition:none}body[data-motion=reduced] #start:before,body[data-motion=reduced] #start:after{animation:none!important;opacity:0!important}.start-fill{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.start-logo{overflow:visible}.start-logo-jalan{font-family:var(--font-display);font-size:82px;font-weight:800;letter-spacing:-5px}.start-logo-kl{font-family:var(--font);font-size:22px;font-weight:700;letter-spacing:.6px}.start-logo-base{fill:#fff}.start-logo-reveal{fill:var(--red-600)}.start-yellow{fill:var(--accent)}#start-label{white-space:nowrap}#loading-caption{position:absolute;top:74px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);font:500 11px/1.5 var(--font);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--on-brand-muted);white-space:nowrap}.start-liquid{fill:var(--accent);color:var(--accent);pointer-events:none;transform-box:view-box;transform:translateY(calc((1 - var(--load-progress,0))*62px));transition:transform var(--motion-progress) var(--ease)}.start-wave{fill:currentColor;transform-box:view-box;animation:loading-liquid var(--motion-liquid) linear infinite;will-change:transform}#start[data-state=loading] .start-liquid{will-change:transform}#start:not([data-state=loading]) .start-wave{animation-play-state:paused;will-change:auto}#start[data-state=error] .start-liquid{transition:none}@keyframes loading-liquid{to{transform:translate(-174px)}}.loading-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}#retry,#retry-light{margin:0 var(--space-2) var(--space-2) 0;min-height:44px}.startup-recovery{width:min(440px,calc(100vw - 40px));padding:var(--space-6);border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.startup-recovery h2{margin:0;font-size:var(--text-xl)}.startup-recovery-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.startup-recovery-actions button{min-height:44px}@media(max-width:800px){body:not(.playing) #intro{--intro-top:23dvh}}@media(max-width:600px){body:not(.playing) #intro{--intro-top:88px}}@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}}@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) #intro #start[data-state]{transform:none!important;transition:none}body:not([data-motion=full]) #start:before,body:not([data-motion=full]) #start:after{animation:none!important;opacity:0!important}body:not([data-motion=full]) #start[data-state] .start-liquid,body:not([data-motion=full]) #start-label{transition:none;animation:none;will-change:auto}body:not([data-motion=full]) #start[data-state] .start-wave{animation:none;will-change:auto}}:root{--sky-zenith:#91cef2;--sky-middle:#c9eaf8;--sky-horizon:#fff3da;--sky-fog:#d8edf5;--sky-cloud:#fffdf5;--sky-cloud-shade:#cfdfeb;--sky-lower:#eaf6f8;--sky-sun-alpha:1}body.with-sky{--muted:#405375;min-height:100dvh;background-color:var(--sky-middle);background-image:radial-gradient(circle at 79% 17%,rgb(255 249 223 / var(--sky-sun-alpha)) 0 24px,rgb(255 244 206 / calc(var(--sky-sun-alpha)*.73)) 38px,rgb(255 241 195 / calc(var(--sky-sun-alpha)*.25)) 90px,transparent 180px),linear-gradient(180deg,var(--sky-zenith),var(--sky-middle) 46%,var(--sky-lower) 78%,var(--sky-horizon));background-size:100vw 100dvh;background-attachment:fixed;background-repeat:no-repeat}@media(prefers-reduced-motion:reduce){body:not([data-motion=full]).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}.nav-branding{display:flex;align-items:center;gap:16px;flex-shrink:0}.nav-kd-credit{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--on-brand);font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}.nav-kd-credit:before{content:"";width:1px;height:20px;margin-right:7px;background:var(--brand-line)}.nav-kd-credit img{display:block;width:40px;height:17px;object-fit:contain;image-rendering:pixelated}.nav-kd-credit:hover span{text-decoration:underline;text-underline-offset:3px}body.doodle-mode .nav-kd-credit{color:var(--sketch-ink)}body.doodle-mode .nav-kd-credit:before{background:var(--line)}#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{top:var(--map-top)}body:not(.playing) #intro{--intro-top:var(--map-top)}}@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) #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}}@media(min-width:768px)and (max-width:1000px){body #game-menu.tools>#doodle-toggle{width:44px;padding:8px;gap:0}#game-menu.tools>#doodle-toggle .doodle-label,#game-menu.tools>#doodle-toggle .doodle-check{display:none}#game-menu.tools>#doodle-toggle:after{display:none}}#settings-dialog{width:calc(100% - 48px);max-width:980px;height:min(720px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:var(--surface);color:var(--ink)}.settings-shell{height:100%;display:flex;flex-direction:column;min-height:0}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px 16px;flex:0 0 auto}.settings-header .eyebrow,.settings-kicker{color:var(--highlight);font-size:10px;font-weight:800;letter-spacing:.12em}#settings-dialog h2{margin:6px 0 0;color:var(--brand);font-size:32px}.settings-icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid var(--highlight);border-radius:50%;background:var(--highlight);color:var(--on-brand)}.settings-icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.settings-tabs{display:flex;gap:8px;flex:0 0 auto;padding:0 32px 16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--brand) var(--surface-tint)}.settings-tabs button{min-height:44px;flex:0 0 auto;padding:8px 18px;border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}.settings-tabs button:hover{background:var(--surface-tint);color:var(--brand)}.settings-tabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.settings-panels{flex:1;min-height:0;overflow:hidden;border-top:1px solid var(--line)}.settings-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:28px 32px 36px;scrollbar-width:thin;scrollbar-color:var(--brand) var(--surface-tint)}.settings-panel:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.settings-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:32px;align-items:end;margin-bottom:24px}.settings-intro h3{margin:8px 0 0;color:var(--brand);font:750 clamp(25px,3vw,38px)/1.08 var(--font-display);letter-spacing:-.04em}.settings-intro p,.settings-group>p,.settings-note{margin:0;font-size:13px;line-height:1.65}.settings-field{display:grid;gap:8px;align-content:start;min-width:0;color:var(--ink);font-size:13px;font-weight:700}.settings-field>label{display:block;color:inherit;font:inherit}.settings-field select,.settings-field input[type=range]{width:100%}.settings-field select{min-height:48px;padding:10px 12px;border:1px solid var(--ink);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit}.settings-preset{max-width:420px;margin-bottom:16px}.settings-warning{margin:0 0 20px;padding:14px 16px;border:1px solid var(--yellow-500);border-radius:16px;background:#fff7d1;color:var(--ink);font-size:13px;line-height:1.55}.settings-warning strong{color:var(--highlight)}.settings-group{margin:0;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface-tint)}.settings-group legend{padding:0 8px;color:var(--brand);font-size:13px;font-weight:800}.settings-group>p{margin:-2px 0 18px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.settings-range>span{display:flex;justify-content:space-between;gap:12px}.settings-range output{color:var(--brand);font-variant-numeric:tabular-nums}.settings-range input{height:32px;margin:0;accent-color:var(--brand);cursor:pointer}.settings-note{margin-top:18px;padding:16px;border-radius:18px;background:var(--blue-50);color:var(--muted)}.settings-note strong{color:var(--brand)}.settings-check{display:flex;align-items:center;gap:12px;min-height:48px;margin:0 0 20px;font-size:14px;font-weight:700}.settings-check input{width:24px;height:24px;margin:0;accent-color:var(--brand)}.settings-slider-list{display:grid;gap:20px;max-width:720px}.settings-system-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 20px;margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-tint);font-size:13px;line-height:1.55}.settings-system-grid dt{font-weight:800}.settings-system-grid dd{margin:0;color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.settings-activity{margin-top:20px;padding:18px 20px;border:1px solid var(--line);border-radius:20px}.settings-activity h4{margin:0 0 8px;color:var(--brand)}.settings-activity p{margin:0 0 10px}.settings-activity output{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55;font-variant-numeric:tabular-nums}.settings-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.settings-actions .secondary{min-width:160px}.settings-reset{color:var(--highlight);border-color:var(--highlight)}.settings-action-status{min-height:24px;margin:10px 0 0;font-size:12px}.about-settings-card{width:100%;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--surface-tint)}.about-settings-card h4{margin:0 0 8px;color:var(--brand);font-size:18px}.about-settings-card p{margin:0 0 16px!important;font-size:13px!important}.about-settings-card .secondary{width:100%}.tools>#settings{background:var(--surface);color:var(--brand);border-color:var(--surface)}body[data-joystick-side=left] #joystick{right:auto;left:max(var(--space-5),env(safe-area-inset-left))}body[data-text-size=large]{--text-xs:13px;--text-sm:15px;--text-base:18px;--text-lg:23px;--text-xl:36px}body[data-text-size=large] .settings-header .eyebrow,body[data-text-size=large] .settings-kicker{font-size:12px}body[data-text-size=large] .settings-tabs button,body[data-text-size=large] .settings-field,body[data-text-size=large] .settings-group legend,body[data-text-size=large] .settings-system-grid{font-size:15px}body[data-text-size=large] .settings-intro p,body[data-text-size=large] .settings-group>p,body[data-text-size=large] .settings-note,body[data-text-size=large] .settings-warning,body[data-text-size=large] .about-settings-card p{font-size:15px!important}body[data-text-size=large] .settings-check{font-size:16px}body[data-text-size=large] .settings-action-status,body[data-text-size=large] .settings-activity output{font-size:14px}body[data-contrast=high]{--muted:#26365d;--line:#778ab8;--glass:#fffefa;--backdrop:#07143fcc;--shadow:0 8px 24px #07143c40;--focus:#cf293f}body[data-motion=reduced] *,body[data-motion=reduced] *:before,body[data-motion=reduced] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.settings-tabs::-webkit-scrollbar{height:9px}.settings-panel::-webkit-scrollbar{width:11px}.settings-tabs::-webkit-scrollbar-track,.settings-panel::-webkit-scrollbar-track{background:var(--surface-tint);border-radius:999px}.settings-tabs::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb{background:var(--brand);border:2px solid var(--surface-tint);border-radius:999px}.settings-tabs::-webkit-scrollbar-thumb:hover,.settings-panel::-webkit-scrollbar-thumb:hover{background:var(--highlight)}body[data-contrast=high] .settings-tabs,body[data-contrast=high] .settings-panel{scrollbar-color:var(--highlight) var(--surface)}body[data-contrast=high] .settings-tabs::-webkit-scrollbar-thumb,body[data-contrast=high] .settings-panel::-webkit-scrollbar-thumb{background:var(--highlight);border-color:var(--surface)}@media(max-width:680px){#settings-dialog{width:calc(100% - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:24px}.settings-header{padding:18px 18px 12px}.settings-header .eyebrow{font-size:9px}#settings-dialog h2{font-size:25px}.settings-tabs{padding:0 18px 12px}.settings-tabs button{padding:8px 13px;font-size:12px}.settings-panel{padding:22px 18px 28px}.settings-intro{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.settings-intro h3{font-size:28px}.settings-intro p{font-size:12px}.settings-grid{grid-template-columns:1fr}.settings-group{padding:16px}.settings-system-grid{grid-template-columns:96px minmax(0,1fr);padding:16px;gap:8px 12px}.settings-actions{display:grid;grid-template-columns:1fr}.settings-actions .secondary{width:100%}}@media(max-width:340px){.settings-header,.settings-tabs,.settings-panel{padding-inline:14px}.settings-tabs button{padding-inline:11px}.settings-system-grid{grid-template-columns:1fr}.settings-system-grid dd{padding-bottom:6px}}@media(max-height:520px){#settings-dialog{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.settings-header{padding-block:10px}.settings-header .eyebrow{display:none}#settings-dialog h2{margin:0}.settings-tabs{padding-bottom:8px}.settings-panel{padding-block:18px}}@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) .settings-tabs button,body:not([data-motion=full]) .settings-panel{scroll-behavior:auto}}body[data-presentation=poster] #grain{display:none}body[data-presentation=poster]:not(.doodle-mode) .site-nav{border-bottom-color:transparent}body[data-presentation=poster]:not(.doodle-mode) #intro{--muted:var(--on-brand-muted);--focus:var(--accent);color:var(--on-brand)}body[data-presentation=poster]:not(.doodle-mode) #intro h1{color:var(--on-brand)}#title .title-flag{display:inline-block;font-size:.52em;vertical-align:.08em;letter-spacing:0;line-height:1;transform-origin:12% 70%;animation:flag-wave 3s ease-in-out infinite}@keyframes flag-wave{0%,to{transform:rotate(-4deg) skewY(-3deg)}50%{transform:rotate(4deg) skewY(3deg)}}@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) #title .title-flag{animation:none}}body[data-presentation=poster]:not(.doodle-mode) .footer-right{background:none;color:var(--on-brand-muted)}#world[aria-hidden=true]{visibility:hidden;pointer-events:none}body[data-presentation=poster] #postmark{display:none}body{--landing-globe-width:min(90vw,calc((100dvh - 200px - env(safe-area-inset-top) - env(safe-area-inset-bottom))/1.061),720px);--landing-globe-height:calc(var(--landing-globe-width)*1.061);--landing-hero-top:max(16px,calc((100dvh - var(--landing-globe-height) - 168px)/2))}#landing-poster{position:fixed;left:50%;right:auto;top:var(--landing-hero-top);width:var(--landing-globe-width);aspect-ratio:1000/1061;transform:translate(-50%);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}body[data-presentation]:not(.playing) #intro{--intro-top:calc(var(--landing-hero-top) + var(--landing-globe-height) + 12px);left:50%;right:auto;top:var(--intro-top);bottom:auto;transform:translate(-50%);width:calc(100% - 40px);max-width:540px;max-height:calc(100dvh - var(--intro-top) - 16px);padding:0;text-align:center;overflow-y:auto}body:not(.playing) #intro #title{margin:0;font-size:clamp(18px,10cqi,44px);line-height:1.08;white-space:nowrap}#intro>.intro-description{display:none}body[data-world-stage=error]:not(.playing) #intro{top:50%;transform:translate(-50%,-50%);max-height:calc(100dvh - 32px)}#intro #load-error{margin-inline:auto}body.preview-visible #world[aria-hidden=true]{visibility:visible}#entry-overlay{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;background:var(--brand);opacity:1;transition:opacity .4s ease}body.doodle-mode #entry-overlay{background:var(--sketch-paper)}body.entry-world-visible #entry-overlay{opacity:0}#intro{transition:opacity .38s ease,transform .5s ease}body.entering #intro{opacity:0;transform:translate(-50%,12px);pointer-events:none}body.entering #world{pointer-events:none;outline:none}body.entering #mission,body.entering #map-wrap,body.entering #joystick,body.entering #interact,body.entering #place-label,body.entering #toast,body.entering footer{visibility:hidden!important}@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) #intro,body:not([data-motion=full]) #entry-overlay{transition:none}body:not([data-motion=full]).entering #intro{transform:translate(-50%)}}body.doodle-mode:not(.playing) #world,body.doodle-mode #entry-overlay{filter:grayscale(1)}