:root{color-scheme:dark;--navy:#101e40;--blue:#16336c;--ink:#f6f0d3;--gold:#ecd487;--line:#b8c4c5;--pixel:"VT323",ui-monospace,monospace;--small:"Silkscreen",ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#133b4a;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff2ac;outline-offset:5px}button{touch-action:manipulation}#world{position:fixed;inset:0;isolation:isolate}#map{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;image-rendering:pixelated;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #0617295c;background:linear-gradient(#07172a58,transparent 18%,transparent 75%,#081b374d)}.masthead{position:absolute;top:max(26px,env(safe-area-inset-top));left:30px;display:flex;flex-direction:column;gap:9px;pointer-events:none;text-shadow:0 2px 0 #142739,0 0 16px #12302b}.masthead a{pointer-events:auto;font:18px/1.2 var(--small);color:#fff7dc;letter-spacing:1px;text-decoration:none}.masthead>span{font:14px/1 var(--small);letter-spacing:5px;color:#deecbb}.flight-menu{position:absolute;top:max(22px,env(safe-area-inset-top));right:26px;display:flex;gap:8px}.flight-menu button,.panel{background:linear-gradient(150deg,#254789f5,#101e4df8);border:2px solid #e3e2c4;outline:2px solid #20324c;box-shadow:inset 0 0 0 2px #707eab,inset 0 0 0 4px #142555,4px 4px 0 #0d192b72;border-radius:3px}.flight-menu button{font:20px/1 var(--pixel);padding:11px 15px;min-height:45px;display:flex;align-items:center;gap:9px;text-shadow:1px 2px #0b1532}.flight-menu button:hover,.landing button:hover{background:#35539a}.flight-menu #music[aria-pressed=true]{color:var(--gold)}kbd{font:14px/1 var(--small);display:inline-block;color:#ead697;border:1px solid #97a6c366;padding:3px 5px;background:#0b20412b;border-radius:2px}.region{position:absolute;bottom:40px;left:32px;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 0 #102d38,0 1px 8px #071a22;pointer-events:none}.eyebrow{font:12px/1.3 var(--small);letter-spacing:1px;color:#c7d4ba}.region>span:nth-child(2){font:36px/1 var(--pixel);letter-spacing:1px}.region small{font:14px/1.4 var(--pixel);letter-spacing:2px;color:#c0d5c9}.instruction{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font:18px/1.3 var(--pixel);text-align:center;display:flex;gap:12px;align-items:center;white-space:nowrap;color:#fff7dc;text-shadow:0 2px 0 #0d2136,0 0 8px #0d2136;pointer-events:none}.instruction kbd{font-family:var(--pixel);font-size:17px}.mobile-help{display:none}.instruction-dot{opacity:.65}.landing{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);padding:13px 17px;display:flex;align-items:center;gap:13px;min-width:340px;max-width:calc(100vw - 42px);text-shadow:1px 2px #0b1532;animation:arrive .2s ease-out}.landing[hidden]{display:none}.town-icon{width:62px;height:62px;flex:none;background-repeat:no-repeat;background-size:400% 400%;image-rendering:pixelated}.landing-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.landing small{font:12px/1.2 var(--small);color:var(--gold)}.landing strong{font:27px/1.05 var(--pixel);font-weight:400}.landing button{background:#edf0d5;color:#192947;border:2px solid #acb7be;box-shadow:inset -2px -2px #bec6b3;font:24px var(--pixel);padding:10px 15px;white-space:nowrap}.landing button:hover{color:var(--ink)}.landing button kbd{color:inherit;border-color:currentColor;background:none;margin-left:5px}.mini-map{position:absolute;right:28px;bottom:29px;padding:6px 6px 3px;width:178px;overflow:hidden}.mini-map canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border:1px solid #09162b}.mini-map>span{display:flex;justify-content:space-between;font:14px/1 var(--pixel);letter-spacing:1px;padding:7px 3px 4px}.flight-notice{position:absolute;top:110px;left:50%;transform:translateX(-50%);font:22px var(--pixel);padding:9px 18px;background:#111f42d9;border:1px solid #e5dfbf75;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;max-width:85vw}.flight-notice.visible{opacity:1}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;background:radial-gradient(ellipse at 50% 35%,#1a4270,#0b1734);z-index:20}.loading[hidden]{display:none}.loading h1{font:clamp(38px,8vw,78px) var(--small);letter-spacing:12px;margin:10px 0 15px;color:#eee3b0;text-shadow:4px 4px #13142b}.loading p{font:22px var(--pixel);color:#b9ccd6}.loading-star{font-size:40px;color:#efd389;animation:shine 2s ease-in-out infinite}.loading button{font:24px var(--pixel);padding:8px 20px;background:#243d78;border:1px solid #eee6c2}.chart{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 40px);color:var(--ink);padding:0;font:20px/1.3 var(--pixel);scrollbar-color:#8395b1 #10204b}.chart::backdrop{background:#091329d9;backdrop-filter:blur(4px)}.chart-bar{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#172d61;z-index:3;border-bottom:1px solid #8fabc16b}.chart h2{font:40px/1 var(--pixel);font-weight:400;margin:6px 0 0}.close-chart{width:44px;height:44px;font:32px var(--pixel);background:#10204a;border:1px solid #bdc8cb}.chart-map{position:relative;margin:20px 25px 0;background:#0c3448;overflow:hidden;line-height:0}.chart-map>img{width:100%;display:block;image-rendering:pixelated}.chart-map #chart-markers{position:absolute;inset:0}.chart-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #182a40;color:#142438;background:#f2dc97;width:25px;height:25px;padding:0;font:17px/1 var(--pixel);box-shadow:0 2px 0 #061526b3}.chart-pin:hover,.chart-pin:focus-visible{background:#fff8d7;z-index:1;outline:2px solid #fff}.chart-you{position:absolute;transform:translate(-50%,-50%);pointer-events:none;color:#fff;font:34px var(--pixel);text-shadow:1px 1px #081528,0 0 8px #fff;z-index:2}.chart-caption{margin:14px 25px;color:#c4d0ce}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 25px 25px}.destination{display:flex;align-items:center;border:1px solid #89a0b45c;min-height:84px;text-align:left;color:inherit;background:#0f2146;padding:8px 12px;gap:12px}.destination:hover{background:#2c4580;border-color:#f1ddb0}.destination .town-icon{width:58px;height:58px}.destination strong{display:block;font:24px/1.1 var(--pixel);font-weight:400}.destination small{font:14px var(--pixel);color:#b7c4c5;letter-spacing:1px}.destination .route-arrow{margin-left:auto;font:26px var(--pixel);color:#e9d190}.mh-dock{display:none!important}.mh-dialog{background:linear-gradient(145deg,#203e7b,#10214d);border:2px solid #e3e2c4;outline:2px solid #20324c;box-shadow:inset 0 0 0 2px #7180a6,0 22px 80px #0009;border-radius:3px;color:#f4f0db;font-family:system-ui,sans-serif}.mh-dialog::backdrop{background:#051226cf;backdrop-filter:blur(3px)}.mh-bar{background:#172c60;border-bottom:1px solid #7893b0}.mh-bar h2{font:25px/1 var(--pixel);letter-spacing:1px}.mh-close,.mh-small,.mh-project-nav button{font-family:var(--pixel)!important;font-size:22px!important;border-radius:1px;border-color:#8a9aaf;color:#f2e6b8}.mh-client{color:#edcf82}.mh-project-title{font-family:var(--pixel);font-size:clamp(36px,6vw,65px);font-weight:400;letter-spacing:0;line-height:1}.mh-description{font-size:18px;color:#eef0e4}.mh-section p,.mh-section h3,.mh-resume p{color:#e6eadf}.mh-video-slot{background:#10234e;border-radius:1px;border-color:#8798b2}.mh-video-slot button{background:linear-gradient(145deg,#354f88,#172853);font:25px var(--pixel);color:#efe5bd}.mh-video-title,.mh-credits{color:#c5d0d4}.mh-image-group img{background:#142852}.mh-dialog :focus-visible{outline-color:#ffe09a}.mh-content{padding:32px}.mh-project-nav button:hover{background:#314c84}@keyframes arrive{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes shine{50%{opacity:.4;transform:translateY(-5px)}}
@media(max-width:1000px){.region{bottom:33px;left:22px}.region>span:nth-child(2){font-size:29px}.mini-map{width:145px;right:22px;bottom:23px}.instruction{font-size:16px;bottom:18px;gap:7px}.instruction span:last-child{display:none}.landing{bottom:68px;min-width:320px}.masthead a{font-size:15px}.masthead{left:22px}.flight-menu{right:22px}.flight-menu button{padding:10px 12px}}
@media(max-width:650px){.masthead{top:max(20px,env(safe-area-inset-top));left:18px;gap:7px}.masthead a{font-size:12px;letter-spacing:0}.masthead>span{font-size:12px;letter-spacing:3px}.flight-menu{top:max(18px,env(safe-area-inset-top));right:14px;gap:6px}.flight-menu button{font-size:20px;padding:8px 10px;min-height:44px}.flight-menu button kbd,.flight-menu #about{display:none}.flight-menu #music{font-size:0;min-width:44px;justify-content:center}.flight-menu #music>span{font-size:26px}.region{left:18px;bottom:max(26px,env(safe-area-inset-bottom))}.region .eyebrow{font-size:10px;letter-spacing:0}.region>span:nth-child(2){font-size:28px}.region small{display:none}.mini-map{right:17px;bottom:max(23px,env(safe-area-inset-bottom));width:113px}.mini-map>span{font-size:12px;letter-spacing:0}.instruction{bottom:136px;width:90%;font-size:19px;justify-content:center}.desktop-help{display:none}.mobile-help{display:inline}.instruction-dot{display:none}.landing{bottom:135px;padding:10px 12px;gap:7px;min-width:0;width:calc(100vw - 34px)}.landing strong{font-size:25px}.landing small{font:13px var(--pixel);letter-spacing:1px}.landing .town-icon{width:50px;height:50px}.landing button{font-size:22px;padding:10px 12px}.landing button kbd{display:none}.chart{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.chart-bar{padding:14px 16px}.chart-map{margin:15px 12px 0}.chart h2{font-size:35px}.chart-bar .eyebrow{font-size:10px}.chart-pin{width:22px;height:22px;font-size:15px}.destinations{grid-template-columns:1fr;padding:0 14px 20px}.chart-caption{margin:12px 16px;font-size:18px}.flight-notice{top:100px;font-size:21px}.mh-content{padding:24px 18px}.mh-description{font-size:17px}.mh-dialog{width:calc(100% - 18px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}.mh-bar{padding:15px 18px}.mh-media-grid,.mh-media-grid.mh-vertical{grid-template-columns:1fr}.mh-small{display:inline-block;margin:5px 5px 5px 0}.loading h1{letter-spacing:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.chart-footer{padding:0 25px 25px}.chart-footer button{background:#10204a;border:1px solid #bdc8cb;padding:10px 16px;min-height:44px;font:23px var(--pixel)}.masthead::before{content:"";position:absolute;inset:-15px -22px;background:radial-gradient(ellipse at 35% 35%,#0b2237d9,transparent 72%);z-index:-1}

.town-icon canvas{display:block;width:100%;height:100%;image-rendering:pixelated}