@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff) format("woff")}:root{--paper: #f5efe0;--paper-2: #ece4d0;--ink: #2d3436;--ink-2: #6b6f72;--line: rgba(45, 52, 54, .55);--mark-ink: var(--ink);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(140% 100% at 50% 0%,var(--paper) 0%,var(--paper-2) 100%) fixed;color:var(--ink);font:500 18px/1.45 var(--serif);display:flex;flex-direction:column;align-items:center}.sc{font-variant:small-caps;letter-spacing:.08em}.hero{padding:84px 20px 0;text-align:center}.cartouche{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:6px 28px 10px;border:1px solid var(--line);outline:1px solid var(--line);outline-offset:3px;background:#fffcf58c}.cartouche .rule{width:120px;height:1px;background:var(--line)}.cartouche h1{margin:0;font:600 clamp(40px,7vw,72px)/1 var(--serif);font-variant:small-caps;letter-spacing:.14em}.cartouche .sub{margin:0;font-style:italic;color:var(--ink-2);font-size:17px}.add{display:flex;gap:0;margin-top:22px;width:min(560px,calc(100% - 40px))}.add input{flex:1;font:500 20px/1 var(--serif);padding:12px 14px;color:var(--ink);background:#fffcf5cc;border:1px solid var(--line);border-right:0;outline:none}.add input:focus{background:#fffdf8}.add button{font:600 16px/1 var(--serif);font-variant:small-caps;letter-spacing:.14em;padding:12px 20px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);cursor:pointer}.stage-wrap{width:100%;max-width:1200px;padding:18px 20px 0;position:relative}.stage{width:100%;height:auto;display:block;color:var(--ink);border:1px solid var(--line);background:#fffcf573;touch-action:none;cursor:default}.stage .paper{color:var(--ink)}.stage .compass text,.stage .bar text{font:500 16px var(--serif);font-variant:small-caps;fill:currentColor}.city path{fill:var(--ink);fill-opacity:.38;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round;mix-blend-mode:multiply;cursor:grab;transition:fill-opacity .15s ease}.city:hover path{fill-opacity:.5}.city.dragging path{cursor:grabbing;fill-opacity:.55}.hint{margin:8px 0 0;text-align:center;color:var(--ink-2);font-style:italic;font-size:15px}.legend{width:100%;max-width:1200px;padding:14px 20px 0;display:flex;flex-wrap:wrap;gap:8px}.legend .row{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 8px;border:1px solid var(--line);background:#fffcf5b3;cursor:pointer}.legend .row.base{outline:1px solid var(--line);outline-offset:2px}.legend .sw{width:16px;height:16px;background:var(--ink);opacity:.6;border:1px solid var(--ink)}.legend .name{font-size:18px}.legend .km{color:var(--ink-2);font-size:15px}.legend .ratio{font-style:italic;font-size:15px}.legend .x{margin-left:4px;font:500 18px/1 var(--serif);color:var(--ink-2);background:none;border:0;cursor:pointer;padding:0 2px}.legend .x:hover{color:var(--ink)}.legend .note{width:100%;color:var(--ink-2);font-style:italic;font-size:15px;margin:2px 0 0}.credit{max-width:760px;padding:22px 20px 100px;color:var(--ink-2);font-size:14px;text-align:center}.credit a{color:inherit}.poster .hero{padding-top:22px;position:relative;z-index:1}.poster .cartouche{background:#fffcf5e0}.poster .cartouche h1{font-size:52px}.poster .stage-wrap{position:absolute;inset:0;padding:0;max-width:none}.poster .stage{height:400px;width:800px;border:0;background:none}.poster .city path{fill-opacity:.42;stroke-width:1.6}.poster-legend{position:absolute;left:22px;bottom:18px;display:flex;flex-direction:column;gap:4px;font-size:18px;z-index:1}.poster-legend span{display:inline-flex;align-items:center;gap:8px}.poster-legend i{width:14px;height:14px;background:var(--ink);opacity:.6;border:1px solid var(--ink)}@media(max-width:520px){.hero{padding-top:70px}.cartouche{padding:4px 16px 8px}}.add .toggle{margin-left:8px;font:600 16px/1 var(--serif);font-variant:small-caps;letter-spacing:.14em;padding:12px 16px;color:var(--ink);background:#fffcf5cc;border:1px solid var(--line);cursor:pointer}.add .toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.city.streets image{image-rendering:auto;opacity:.92}.city.streets path{fill-opacity:.16;stroke-width:2}.city.streets:hover path{fill-opacity:.26}@media(max-width:520px){.add{flex-wrap:wrap}.add .toggle{margin-left:0;margin-top:8px;width:100%}}