*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:#fff;overflow:hidden}body{font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{padding:0;border:0;background:none;cursor:pointer}a{cursor:pointer}svg{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}[hidden]{display:none!important}.screen{position:fixed;inset:0;height:100dvh;background:#000}.start-button:hover,.start-button:focus-visible,.menu-control:hover,.menu-control:focus-visible,.gallery-back:hover,.gallery-back:focus-visible{filter:grayscale(1) brightness(8)}button:focus-visible,a:focus-visible{outline:2px solid #ddd;outline-offset:3px}.start-button:focus:not(:focus-visible){outline:none}#intro{display:block;width:100%;height:100%;object-fit:fill}#menu-screen{background:#000 url(assets/menu-original.png) center/100% 100% no-repeat}.menu-logo{display:none}.menu-control{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);display:block}#sound[aria-pressed=true]{opacity:.38}#status{position:fixed;bottom:3%;left:50%;transform:translateX(-50%);font-size:15px;letter-spacing:.1em;color:#b7cce0;text-shadow:1px 1px #000;pointer-events:none;text-align:center}dialog{background:#000;border:0;color:#fff;padding:4vw;width:100%;height:100dvh;max-width:none;max-height:none;margin:0}dialog::backdrop{background:#000}.gallery-back{display:block;width:145px;height:44px;margin:3vh 0 0 auto}#copy-dialog{height:auto;width:min(90%,700px);margin:auto;border:2px solid #666;padding:30px}#contract-field{width:100%;font:16px monospace;color:#fff;background:#151515;border:1px solid #777;padding:15px}#copy-dialog .gallery-back{margin-top:25px}
@media(max-aspect-ratio:3/4){#intro{object-fit:cover;object-position:42% center}#menu-screen{background-image:url(assets/street.png);background-size:auto 100%;background-position:70% center}.menu-logo{display:block;position:absolute;left:6%;top:7%;width:45%;aspect-ratio:252/139}.menu-control{height:auto;aspect-ratio:var(--ratio);mix-blend-mode:screen}#buy-main,#follow-main,#copy{left:8%;width:66%;min-height:44px}#buy-main{top:35%;width:60%}#follow-main{top:44%;width:82%}#copy{top:53%;width:65%}.gold{top:81%;height:48px;aspect-ratio:auto}#buy{left:7%;width:12%}#twitter{left:24%;width:25%}#gallery-open{left:53%;width:24%}#chart{left:81%;width:17%}#sound,#back{top:auto;bottom:max(5%,env(safe-area-inset-bottom));height:44px;width:31%}#sound{left:6%}#back{left:auto;right:6%;width:28%}#status{bottom:1.5%;font-size:11px;width:100%}.gallery-back{width:125px;margin-right:3%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-aspect-ratio:3/4){.menu-logo{mix-blend-mode:screen}#menu-screen{background-image:linear-gradient(90deg,#0009,transparent 90%),url(assets/street.png)}}

#title-screen{display:grid;place-items:center;overflow:hidden}
.title-frame{position:relative;width:min(100vw,178.0851dvh);aspect-ratio:1674/940}
.title-art{display:block;width:100%;height:auto}
.start-button{position:absolute;left:40.8602%;top:83.0851%;width:18.2796%;height:8.7234%}
.start-button::after{content:"";position:absolute;inset:-8px -6px}
.start-button svg{opacity:0}
.start-button:hover svg,.start-button:focus-visible svg{opacity:1}
@media(max-aspect-ratio:3/4){.title-frame{width:130%;justify-self:center}}

#gallery[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;overflow:hidden}
.gallery-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:clamp(12px,2vw,28px);overflow:auto;overscroll-behavior:contain}
.gallery-images img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#gallery .gallery-back{margin-top:0}
@media(max-width:720px){.gallery-images{grid-template-columns:repeat(2,minmax(0,1fr))}}