.original-city{position:fixed;inset:0;height:100dvh;overflow:hidden;background:#070a0d;color:#cad3d6;font-family:Arial,sans-serif}.original-stage{position:absolute;inset:0;overflow:hidden;background:#000}.original-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}.original-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:15px;padding:24px;font-size:14px;z-index:2;background:#080c10}.original-loading span{width:16px;height:16px;border:2px solid #637c88;border-top-color:#d1e3e9;border-radius:50%;animation:cityspin 1s linear infinite}@keyframes cityspin{to{transform:rotate(1turn)}}.city-directions{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));z-index:3}.city-direction{pointer-events:auto;display:grid;place-items:center;width:52px;height:64px;padding:12px;border:1px solid #c9e2eb38;border-radius:8px;background:#07101766;color:#e2eef1;touch-action:none;user-select:none;-webkit-user-select:none;opacity:.65;transition:background .15s,opacity .15s}.city-direction svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.city-direction:active,.city-direction:hover:not(:disabled){opacity:1;background:#142732bf;border-color:#c9e2eb88}.city-direction:focus-visible{opacity:1;outline:2px solid #e2eef1;outline-offset:4px}.city-direction:disabled{opacity:.2}@media(max-width:700px){.city-direction{width:44px;height:56px;padding:9px}.city-directions{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.city-direction{transition:none}}.city-intro{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-width:none;max-height:none;overflow:visible;margin:auto;padding:24px;border:1px solid #7bada578;border-top:3px solid #dcaa68;background:linear-gradient(135deg,#111f20f5,#080e12fa);color:#e1e7df;box-shadow:0 20px 90px #0009;font-family:Arial,sans-serif}.city-intro::backdrop{background:#030a105e}.city-intro-kicker{font:10px/1.4 monospace;letter-spacing:.12em;color:#b4cfc6}.city-intro h1{margin:12px 0 16px;font-size:clamp(25px,6vw,34px);line-height:1.05}.city-intro h1 span{letter-spacing:.08em;font-weight:800;color:#e4b875}.city-intro p{font-size:14px;line-height:1.45;color:#c3cfca;margin:10px 0}.city-intro a{color:#e4b875;text-underline-offset:3px}.city-intro .city-intro-limit{padding-top:10px;border-top:1px solid #879f9233;color:#abb8b5;font-size:13px}.city-intro-enter{width:100%;min-height:44px;margin:12px 0 8px;border:1px solid #e4b875;background:#dfb173;color:#111b1c;font:700 14px Arial,sans-serif;cursor:pointer;letter-spacing:.04em}.city-intro-enter:hover:not(:disabled){background:#f4ca90}.city-intro-enter:disabled{opacity:.45;cursor:wait}.city-intro a:focus-visible,.city-intro-enter:focus-visible{outline:2px solid #e8ffff;outline-offset:3px}.city-intro-hint{font:10px/1.4 monospace;color:#a0b4ad;text-align:center}@media(max-width:480px){.city-intro{padding:18px}.city-intro h1{margin:10px 0 12px}}@media(min-width:600px) and (max-height:480px){.city-intro{width:min(720px,calc(100% - 32px));padding:18px;display:grid;grid-template-columns:1fr 1.4fr;column-gap:24px;align-items:center}.city-intro:not([open]){display:none}.city-intro h1,.city-intro-enter,.city-intro-hint,.city-intro-kicker{grid-column:1}.city-intro h1{margin:8px 0;font-size:28px}#intro-description{grid-column:2;grid-row:1/span 4}.city-intro-enter{margin:10px 0 6px}.city-intro p{margin:8px 0}}@media(max-height:360px) and (max-width:599px){.city-intro{padding:12px}.city-intro h1{font-size:24px;margin:6px 0}.city-intro p{font-size:12px;line-height:1.35;margin:6px 0}.city-intro .city-intro-limit{font-size:12px;padding-top:6px}.city-intro-enter{margin:8px 0 4px}}.landscape-notice{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:max(24px,env(safe-area-inset-top)) 20px;background:#080f13;color:#d8e2dc;text-align:center;overflow:hidden}.landscape-notice[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.landscape-notice::backdrop{background:#080f13}.landscape-notice svg{width:112px;height:84px;fill:none;stroke:#e4b875;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.landscape-notice h1{font-size:clamp(22px,7vw,30px);line-height:1.15;margin:0;color:#e4b875}.landscape-notice p{font-size:14px;line-height:1.5;margin:0}.landscape-notice .city-intro-kicker{font-size:10px}@media(orientation:portrait){.city-directions,.city-intro{visibility:hidden}}