@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(./archivo-vietnamese-500-normal-k0drYPZA.woff2)format("woff2"),url(./archivo-vietnamese-500-normal-7W3lD2kQ.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(./archivo-latin-ext-500-normal-RFhg4CpD.woff2)format("woff2"),url(./archivo-latin-ext-500-normal-D7mXw3Kz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(./archivo-latin-500-normal-CGugC8dq.woff2)format("woff2"),url(./archivo-latin-500-normal-pkzA7jw9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(./archivo-vietnamese-800-normal-DHDgv4cm.woff2)format("woff2"),url(./archivo-vietnamese-800-normal-BKe5Z8rz.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(./archivo-latin-ext-800-normal-BC6piDwP.woff2)format("woff2"),url(./archivo-latin-ext-800-normal-B9NTbsU1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(./archivo-latin-800-normal-cB6v3kRN.woff2)format("woff2"),url(./archivo-latin-800-normal-DZa_k145.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tile:#1f4a3e;--tile-hi:#2b6152;--grout:#d9d3bf;--cream:#f3eedf;--enamel:#c4302b;--soot:#0f1714}html,body{height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}body{background:var(--soot);color:var(--cream);font-family:Archivo,system-ui,sans-serif}.wall{cursor:crosshair;touch-action:none;background:linear-gradient(180deg, #ffffff0f, transparent 35%, #00000047), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><rect width='64' height='64' fill='%23aaa48f'/><g fill='%231f4a3e'><rect x='1' y='1' width='62' height='30' rx='2'/><rect x='-31' y='33' width='62' height='30' rx='2'/><rect x='33' y='33' width='62' height='30' rx='2'/></g><g fill='%23ffffff' opacity='.13'><rect x='3' y='3' width='58' height='5' rx='2'/><rect x='-29' y='35' width='58' height='5' rx='2'/><rect x='35' y='35' width='58' height='5' rx='2'/></g><g fill='%23000000' opacity='.18'><rect x='1' y='27' width='62' height='4'/><rect x='-31' y='59' width='62' height='4'/><rect x='33' y='59' width='62' height='4'/></g></svg>") 0 0 / 64px 64px, var(--tile);height:100%;position:relative;overflow:hidden}.wall:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:multiply;opacity:.7;background:linear-gradient(#0000 70%,#0f1714d9),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.wall>*{z-index:1;position:absolute}.wall>canvas{z-index:1;-webkit-mask:var(--keep-clear) 0 0 / 100% 100%;-webkit-mask:var(--keep-clear) 0 0 / 100% 100%;mask:var(--keep-clear) 0 0 / 100% 100%}.plate,.way,.bill{z-index:2}.route,.note{z-index:4}.frieze{background:repeating-linear-gradient(90deg, var(--enamel) 0 30px, #cfc8b2 30px 32px);height:16px;top:18%;left:0;right:0;box-shadow:0 2px #cfc8b2,0 -2px #cfc8b2}.plate{background:var(--cream);color:var(--soot);border:5px solid var(--soot);outline:2px solid var(--cream);text-align:center;white-space:nowrap;pointer-events:none;padding:14px 54px 16px;top:31%;left:50%;transform:translate(-50%);box-shadow:0 14px 30px -10px #0009}.plate h1{letter-spacing:-.01em;text-transform:uppercase;margin:0;font:800 clamp(34px,7.4vw,70px)/1 Archivo,sans-serif}.line-tag{background:var(--enamel);color:var(--cream);letter-spacing:.26em;text-transform:uppercase;margin-bottom:6px;padding:3px 10px;font:800 10px/1 Archivo,sans-serif;display:inline-block}.bolt{background:radial-gradient(circle at 35% 35%,#9a9583,#3d3a30);border-radius:50%;width:7px;height:7px;position:absolute}.bolt:first-child{top:12px;left:12px}.bolt:nth-child(2){top:12px;right:12px}.bolt:nth-child(3){bottom:12px;left:12px}.bolt:nth-child(4){bottom:12px;right:12px}.way{pointer-events:none;white-space:nowrap;gap:10px;margin:0;display:flex;top:calc(31% + clamp(100px,16vw,132px));left:50%;transform:translate(-50%)}.way span{background:var(--soot);color:var(--cream);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;font:500 11px/1 Archivo,sans-serif}.way b{color:#f0c84a;margin-right:4px}.bill{color:#2a2620;pointer-events:none;background:#e9e1c9;width:180px;padding:12px 14px 14px;top:4%;right:6%;transform:rotate(2.2deg);box-shadow:0 6px 14px #00000059}.bill:before{content:"";background:#f0ebd7b3;width:46px;height:14px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-3deg)}.bill-k{letter-spacing:.22em;text-transform:uppercase;color:var(--enamel);margin:0 0 4px;font:800 9px/1 Archivo,sans-serif}.bill-t{margin:0;font:400 15px/1.15 Instrument Serif,serif}.note{color:var(--cream);pointer-events:none;background:#0f1714bf;margin:0;padding:4px 8px;font:italic 400 17px/1 Instrument Serif,serif;top:14px;left:18px}.route{justify-content:space-between;padding:0 4px;display:flex;bottom:16px;left:18px;right:18px}.route:before{content:"";background:var(--enamel);height:5px;position:absolute;top:8px;left:22px;right:30px}.route button{cursor:pointer;color:var(--cream);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;justify-items:center;gap:8px;padding:0;font:800 10px/1 Archivo,sans-serif;display:grid;position:relative}.route i{background:var(--cream);border:4px solid var(--soot);border-radius:50%;width:21px;height:21px;transition:transform .15s}.route button.on i{background:var(--enamel);border-color:var(--cream);transform:scale(1.25)}.route button span{background:#0f1714cc;padding:4px 6px}.route button.on span{background:var(--cream);color:var(--soot)}.route button:focus-visible{outline-offset:4px;outline:2px solid #f0c84a}@media (width<=620px){.bill{display:none}.plate{padding:12px 26px 14px;top:26%}.way{flex-direction:column;align-items:center;gap:6px;top:calc(26% + 104px)}.route button span{letter-spacing:.04em;padding:3px;font-size:8px}.route{left:12px;right:12px}.plate h1{font-size:30px}.way span{font-size:10px}.frieze{top:14%}}