@import"https://fonts.cdnfonts.com/css/sf-pro-display";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";@font-face{font-family:Planet Kosmos;src:url(/assets/PlanetKosmos-GbkYxRKk.woff2) format("woff2"),url(/assets/PlanetKosmos-DDD3h91x.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Octuple max;src:url(/assets/Octuplemax-Solid-BPXWbSpL.woff2) format("woff2"),url(/assets/Octuplemax-Solid-3zo265d3.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Octuple max;src:url(/assets/Octuplemax-Solid-BPXWbSpL.woff2) format("woff2"),url(/assets/Octuplemax-Solid-3zo265d3.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PF DeeJay-Electro;src:url(/assets/PFDeeJay-Electro-g0sbT4Hf.woff2) format("woff2"),url(/assets/PFDeeJay-Electro-BW1N5P_h.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--cross-dimensions: 25px;--cross-thickness: 3px}html,body{width:100vw;height:100vh;height:100svh;font-family:SF Pro Display,sans-serif;background:#3762c9;overflow:hidden}canvas{position:relative;z-index:1;width:100vw;height:100vh;height:100svh;overflow:hidden}.motion-permission-btn{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:120;border:1px solid rgba(255,255,255,.65);background:#1f54c4bf;color:#fff;padding:.45rem .65rem;border-radius:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:IBM Plex Mono,monospace;text-transform:uppercase;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.motion-permission-btn .motion-permission-title{font-size:12px;letter-spacing:.04em;margin:0}.motion-permission-btn .motion-permission-ok{border:1px solid #ffffff;background:#ffffff29;color:#fff;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.05em;padding:.16rem .58rem;border-radius:3px;text-transform:uppercase}.motion-permission-btn .motion-permission-hint{margin:0;font-size:10px;opacity:.85;letter-spacing:.04em}.motion-permission-btn.is-denied{background:#9e1f3ed1}.wip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;font-size:2rem;line-height:.9;color:#cf0;text-align:center;display:none}.layout-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;height:100svh;z-index:99;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.layout-overlay .cross-flex{display:flex;width:100%;justify-content:space-between}.layout-overlay .cross{position:relative;width:var(--cross-dimensions);height:var(--cross-dimensions);will-change:transform;animation-name:cross-clockwise-idle;animation-timing-function:linear;animation-iteration-count:infinite}.layout-overlay .cross:before,.layout-overlay .cross:after{content:"";position:absolute;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.layout-overlay .cross:before{width:var(--cross-dimensions);height:var(--cross-thickness)}.layout-overlay .cross:after{width:var(--cross-thickness);height:var(--cross-dimensions)}.layout-overlay .cross-flex:first-child .cross:first-child{animation-duration:15s;animation-delay:.2s}.layout-overlay .cross-flex:first-child .cross:last-child{animation-duration:18s;animation-delay:1.4s}.layout-overlay .cross-flex:last-child .cross:first-child{animation-duration:13s;animation-delay:2.2s}.layout-overlay .cross-flex:last-child .cross:last-child{animation-duration:17s;animation-delay:.9s}.dot-grid-overlay{position:absolute;left:4px;bottom:100px;z-index:98;pointer-events:none;display:grid;width:min(100%,100vw - 8px);overflow:hidden;grid-template-columns:repeat(36,6px);grid-template-rows:repeat(13,6px);gap:clamp(2px,1.5vw,8px)}.dot-grid-overlay .dot-grid-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.95}.dot-grid-overlay .dot-grid-dot.is-flicker{animation-name:dot-flicker;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.construction-heading{position:absolute;top:5rem;left:2rem;width:100%;z-index:101;pointer-events:none;color:#fff;font-family:Octuple max,sans-serif;font-style:normal;font-size:clamp(2.5rem,3vw,3.5rem);line-height:1;text-transform:uppercase}.construction-heading .construction-break{display:none}.construction-band{position:absolute;top:calc(5rem + 56px);left:0;width:100vw;z-index:0;pointer-events:none}.construction-band .construction-band-row{position:relative;width:100%;background:#fff}.construction-band .construction-band-row.is-main{height:20px}.construction-band .construction-band-row.is-thin{margin-top:5px;height:3px}.construction-band .construction-band-row.is-mid{margin-top:5px;height:5px}.construction-band .band-line-lane{position:absolute;top:0;bottom:0;left:20%;width:20%;overflow:hidden}.construction-band .band-line{position:absolute;top:0;bottom:0;left:1px;width:var(--line-width);background:#3762c9;animation:band-line-move var(--line-duration) linear infinite;animation-delay:var(--line-delay);animation-direction:alternate;animation-fill-mode:both;will-change:left}.district-label-wrap{position:absolute;right:-4rem;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;z-index:101;pointer-events:none;display:flex;align-items:center;gap:10px}.district-label-wrap .district-label{color:#fff;font-family:IBM Plex Mono,monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.district-label-wrap .district-dots{display:grid;grid-template-columns:repeat(2,3px);grid-template-rows:repeat(2,3px);gap:4px}.district-label-wrap .district-dot{width:3px;height:3px;border-radius:50%;background:#fff;--dot-min-opacity: .2;--dot-max-opacity: 1;animation:district-dot-flicker 1.4s ease-in-out infinite alternate}@media (max-width: 768px){.construction-heading{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;line-height:.95;font-size:clamp(2rem,4.8vw,2.1rem)}.construction-heading .construction-break{display:block}.district-label-wrap{top:auto;bottom:22px;right:auto;left:50%;transform:translate(-50%) rotate(0)}.construction-band .band-line-lane{left:10%;width:40%}}@media (min-width: 769px){.construction-heading{top:5rem;left:2rem;transform:none;text-align:left;line-height:1}.construction-heading .construction-break{display:none}}@keyframes dot-flicker{0%{opacity:.15}35%{opacity:1}65%{opacity:.4}to{opacity:.95}}@keyframes band-line-move{0%{left:1px}to{left:calc(100% - var(--line-width) - 1px)}}@keyframes district-dot-flicker{0%{opacity:var(--dot-min-opacity)}50%{opacity:var(--dot-max-opacity)}to{opacity:calc((var(--dot-min-opacity) + var(--dot-max-opacity)) / 2)}}@keyframes cross-clockwise-idle{0%,78%{transform:rotate(0)}to{transform:rotate(360deg)}}