@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#f5e9ce;--gold:#dfb76d;--paper:#dfc797;--ink:#62432a;--sans:"DM Sans",sans-serif;--serif:"Cormorant Garamond",Georgia,serif;--condensed:"Barlow Condensed","Arial Narrow",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--cream);background:#292d32}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid}button{color:inherit}a{color:inherit;text-decoration:none}#experience{isolation:isolate;width:100%;height:100svh;position:relative}#world,#sign-layer,.film-grain,.vignette{position:absolute;inset:0}#world{z-index:0}#world canvas{touch-action:none;width:100%;height:100%;display:block}#sign-layer{z-index:3;pointer-events:none}.film-grain{z-index:5;pointer-events:none;opacity:.035;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='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h180v180H0z' opacity='.7'/%3E%3C/svg%3E")}.vignette{z-index:1;pointer-events:none;background:linear-gradient(#0c13284d,#0000 18% 71%,#0c1528a8),radial-gradient(at 60% 42%,#0000 35%,#1a182457 100%)}header{z-index:5;text-shadow:0 2px 14px #0008;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:29px;left:3.7%;right:3.7%}.wordmark{letter-spacing:-.3px;align-items:center;font-size:13px;font-weight:500;display:flex}.wordmark>span:first-child{margin-right:10px;font-size:27px;line-height:1}.dot-com{opacity:.64}.header-note{letter-spacing:2.8px;opacity:.8;font-size:8px}#menu-toggle{font:10px var(--sans);color:#f3e4c8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14213144;border:1px solid #fff3;border-radius:2px;padding:8px 12px}.travel-sign{width:348px;height:660px;color:var(--ink);pointer-events:auto;transform-origin:50%;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#563a26,#a77745 2%,#563e2a 5%,#bd9562 6%,#7e5635 8%,#93693f 93%,#4c3525 97%,#ab8656);border:2px solid #a78050;padding:12px;position:absolute;top:100px;left:10%;box-shadow:3px 9px 22px #130c0870,inset 0 0 0 2px #4d3928}.travel-sign.scene-mounted{top:0;left:0}.paper-inner{outline-offset:-7px;background:radial-gradient(at 52% 38%,#f4e0af,#ddc08b 80%,#c19d64);border:1px solid #79522f;outline:1px solid #6b4a3160;height:100%;padding:31px 22px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #8d643551}.paper-inner:before{content:"";pointer-events:none;z-index:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.3' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.paper-inner>*{position:relative}.corner{font:43px var(--serif);color:#8d653b;z-index:0;line-height:1;position:absolute}.tl{top:7px;left:8px;transform:rotate(-45deg)}.tr{top:7px;right:8px;transform:scaleX(-1)rotate(-45deg)}.bl{bottom:6px;left:8px;transform:scaleY(-1)rotate(-45deg)}.br{bottom:6px;right:8px;transform:scale(-1)rotate(-45deg)}.sign-kicker{font:8px var(--sans);letter-spacing:2.2px;text-align:center;color:#785b38;margin:0 0 15px}h1{font:500 39px/.87 var(--serif);text-align:center;letter-spacing:-1px;margin:0}h1 em{font-weight:500}.flourish{font:20px var(--serif);text-align:center;color:#946f41;margin:13px 0 7px;line-height:1}.sign-subtitle{font:italic 15px var(--serif);text-align:center;color:#806442;margin:0 0 17px}#city-list{flex-direction:column;gap:4px;display:flex}.city-button{text-align:left;color:#69482e;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;width:100%;height:57px;padding:9px;transition:background .2s,color .2s;display:flex;position:relative}.city-button:before{content:"›";font:32px var(--serif);opacity:0;transition:opacity .2s;position:absolute;top:8px;left:-9px}.city-button[aria-current=true]{color:#442e1f;background:linear-gradient(90deg,#98734233,#ba935127)}.city-button[aria-current=true]:before{opacity:1}.city-button:hover{background:#8b653d19}.mini-clock{fill:none;stroke:currentColor;stroke-width:1.2px;opacity:.8;flex-shrink:0;width:31px;height:31px}.mini-clock circle:last-child{fill:currentColor}.city-button .city-name{font:600 25px/.95 var(--condensed);text-transform:uppercase;letter-spacing:.9px;display:block}.city-button .zone-short{font:7px var(--sans);letter-spacing:.2px;opacity:.7;margin-top:5px;display:block}.city-button .city-time{font:500 15px var(--condensed);font-variant-numeric:tabular-nums;letter-spacing:.6px;white-space:nowrap;margin-left:auto}.city-button.at-midnight{color:#3f2b18;background:#a874303f;box-shadow:0 0 20px #fbea9f,inset 0 0 15px #f9e6a2}.city-button.at-midnight .mini-clock{filter:drop-shadow(0 0 4px #fff2a2);stroke:#664211}.sign-rule{color:#9e7c50;align-items:center;gap:10px;margin:13px 0 9px;display:flex}.sign-rule:before,.sign-rule:after{content:"";background:#99754c60;flex:1;height:1px}.sign-rule>span{font-size:9px}.sign-actions button{color:#705232;width:100%;font:500 13px var(--condensed);letter-spacing:1.2px;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;padding:7px 6px;display:flex}.sign-actions button:hover{color:#2f211a;background:#946a3019}.toggle-state{font:9px var(--sans);letter-spacing:1px;background:#8b6e3d20;padding:3px 6px}.sign-actions button[aria-pressed=true] .toggle-state{color:#efdaac;background:#715934}.sign-foot{justify-content:space-between;align-items:center;padding:10px 4px 0;display:flex}.sign-foot button{font:italic 12px var(--serif);color:#856640;background:0 0;border:0;padding:2px}.sign-foot button[aria-pressed=true]{color:#382418}#pause-motion{font:13px var(--sans);padding:3px 6px}.postcard{z-index:4;text-align:right;pointer-events:none;text-shadow:0 3px 18px #05142580;position:absolute;bottom:117px;right:5%}.postcard-kicker{font:8px var(--sans);letter-spacing:2px;color:#eee0c7;justify-content:flex-end;align-items:center;gap:9px;margin:0 0 12px;display:flex}.status-dot{background:#f4d997;border-radius:50%;width:4px;height:4px;box-shadow:0 0 6px #f5d99b80}.postcard-number{opacity:.65;font:italic 12px var(--serif);letter-spacing:1px;margin-left:15px}.postcard h2{font:400 clamp(64px,7vw,110px)/.9 var(--serif);letter-spacing:-3px;color:#faefd9;margin:0 0 15px}.scene-description{font:italic 20px var(--serif);color:#e6d7ba;margin:0 0 19px}.postcard-location{font:7px var(--sans);letter-spacing:1.7px;color:#e5dfd2;justify-content:flex-end;gap:10px;display:flex}.scene-pagination{pointer-events:auto;justify-content:flex-end;align-items:center;gap:17px;margin-top:23px;display:flex}.scene-pagination>button{font:20px var(--serif);color:#eee2ca;background:0 0;border:0;padding:0 5px}#scene-dots{gap:13px;display:flex}#scene-dots button{background:0 0;border:0;width:10px;height:22px;padding:0;position:relative}#scene-dots button:after{content:"";background:#d8cbb588;border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:3px}#scene-dots button[aria-current=true]:after{background:#f2d79f;box-shadow:0 0 0 3px #efd29d22}footer{z-index:4;color:#ece1cb;text-shadow:0 2px 10px #0008;border-top:1px solid #f0e2c42b;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex;position:absolute;bottom:24px;left:3.7%;right:3.7%}.next-stop{align-items:center;gap:15px;display:flex}.footer-kicker{font:7px var(--sans);letter-spacing:1.7px;opacity:.7}#next-city{font:italic 17px var(--serif)}.countdown{font:14px var(--condensed);letter-spacing:2px;font-variant-numeric:tabular-nums}#experience-hint{font:7px var(--sans);letter-spacing:2px;opacity:.6;margin:0}#fullscreen{font:19px var(--sans);background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}#fullscreen span{font:7px var(--sans);letter-spacing:1.6px}#transition{z-index:8;opacity:0;pointer-events:none;background:#18202b;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}#transition.active{opacity:1;pointer-events:auto}.transition-kicker{font:8px var(--sans);letter-spacing:3px;opacity:.5}#transition-city{font:italic 65px var(--serif);margin:14px 0 20px}.transition-line{background:#e2c99555;width:50px;height:1px}#loading{z-index:10;text-align:center;background:#1b2633;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.loading-symbol{color:#dcbf87;font-size:46px;animation:2s ease-in-out infinite breathe}#loading p{font:italic 30px var(--serif);color:#ebdec5}#loading>span:last-child{font:8px var(--sans);letter-spacing:2.5px;opacity:.5}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.menu-hidden #sign-layer,body.menu-hidden .travel-sign{visibility:hidden}@keyframes breathe{50%{opacity:.35;transform:rotate(20deg)}}@media (width<=1000px){.header-note,#experience-hint{display:none}.postcard{bottom:115px;right:4%}.postcard h2{font-size:70px}.scene-description{font-size:17px}.postcard-location{max-width:280px;line-height:1.7}.footer-kicker{font-size:6px}.next-stop{gap:10px}}@media (width<=650px){header{gap:10px;top:21px;left:5%;right:5%}.wordmark{font-size:10px}.wordmark>span:first-child{margin-right:6px;font-size:23px}#menu-toggle{padding:7px 9px;font-size:9px}.postcard{text-align:center;opacity:0;pointer-events:none;transition:opacity .25s;bottom:110px;left:6%;right:6%}.postcard-kicker,.postcard-location,.scene-pagination{justify-content:center}.postcard-location{max-width:none;font-size:6px}.postcard h2{font-size:76px}.scene-description{font-size:20px}body.menu-hidden .postcard{opacity:1}.scene-pagination{pointer-events:none}body.menu-hidden .scene-pagination{pointer-events:auto}footer{padding-top:13px;bottom:22px;left:5%;right:5%}.next-stop{flex-wrap:wrap;gap:5px 10px}.footer-kicker{letter-spacing:1.3px;flex-basis:100%;font-size:6px}#next-city{font-size:16px}.countdown{font-size:13px}#fullscreen span{display:none}#fullscreen{font-size:22px}.travel-sign{transform-origin:0 0;top:85px;left:8%;transform:scale(.82)}.postcard-number{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.travel-sign.scene-mounted{transform-origin:50%}.asset-credits{color:#e8c98b;letter-spacing:.1em;font-size:10px;text-decoration:none}.city-button{cursor:default}[hidden]{display:none!important}.tune-launch{z-index:30;color:#f2dfb8;cursor:pointer;background:#172725e8;border:1px solid #ba9e65;padding:9px 14px;font:12px Georgia;position:fixed;top:78px;right:3.7vw}.scene-tuning{z-index:50;box-sizing:border-box;color:#f4e6cd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132020f5;border:1px solid #ad935f;width:min(350px,100vw - 32px);max-height:calc(100dvh - 100px);padding:22px;font:13px/1.5 system-ui;position:fixed;top:70px;right:24px;overflow:auto;box-shadow:0 18px 70px #0008}.tune-heading{justify-content:space-between;align-items:center;display:flex}.tune-heading small{letter-spacing:.2em;color:#c4a879;font-size:9px}.tune-heading h2{margin:5px 0;font:30px Georgia}.scene-tuning button{color:#f4e6cd;cursor:pointer;background:#273a35;border:1px solid #71654a;padding:8px 12px}.scene-tuning .tune-close{background:0 0;border:0;font-size:26px}.tune-note{color:#bfcbc3;margin:12px 0 20px;font-size:11px}.tune-row{grid-template-columns:1fr auto;gap:6px;margin:0 0 14px;display:grid}.tune-row output{font-variant-numeric:tabular-nums;color:#e1bd78}.tune-row input{accent-color:#d9b473;cursor:pointer;grid-column:1/-1;width:100%;height:20px;margin:0}.tune-actions{background:#132020;gap:10px;padding:12px 0;display:flex;position:sticky;bottom:-22px}.tune-copy{flex:1}.tune-status{color:#d8c493;min-height:18px;font-size:12px}.tune-export{box-sizing:border-box;color:#f4e6cd;background:#0b1515;width:100%;height:180px;font:11px monospace}.scene-tuning :focus-visible,.tune-launch:focus-visible{outline-offset:3px;outline:2px solid #f4d18b}@media (width<=600px){.scene-tuning{max-height:calc(100dvh - 85px);top:65px;right:16px}.tune-launch{top:65px;right:20px}}@media (width<=650px){body:has(#world[data-city=tokyo]) .postcard{bottom:100px}body:has(#world[data-city=tokyo]) .postcard h2{margin:5px 0;font-size:42px}body:has(#world[data-city=tokyo]) .scene-description{margin:5px 0;font-size:13px}body:has(#world[data-city=tokyo]) .postcard-location{display:none}body:has(#world[data-city=tokyo]) .scene-pagination{margin-top:12px}}#graphics-recovery{z-index:60;width:min(430px,100vw - 32px);color:var(--cream);font:13px/1.5 var(--sans);background:#162326f5;border:1px solid #ba9e65;padding:18px 22px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0008}#graphics-recovery p{margin:0 0 12px}#retry-graphics{color:var(--cream);background:#283b39;border:1px solid #ba9e65;padding:8px 14px}.back-to-islands{z-index:7;color:#f1dfbd;font:11px var(--sans);background:#172b35b8;border:1px solid #e9d3a555;padding:9px 12px;text-decoration:none;position:absolute;top:88px;left:3.7%}@media (width<=700px){.back-to-islands{font-size:10px;top:70px}}