:root{color-scheme:light;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif;color:#302f2c;background:#c7d8d5}*{box-sizing:border-box}html,body,.city-stage{width:100%;height:100%;margin:0;overflow:hidden}body{--city-menu-bg: rgb(42 52 54 / .94);--city-menu-text: #fff2d8;--city-menu-muted: #b9c7c3;--city-menu-border: rgb(244 190 112 / .34);--city-menu-divider: rgb(222 235 230 / .14);--city-menu-accent: #d87955;--city-menu-link: #ffc278;--city-menu-switch: #73817f;--city-menu-key: rgb(255 255 255 / .08)}body.city-night{--city-menu-bg: rgb(25 33 48 / .94);--city-menu-text: #f4ead5;--city-menu-muted: #afb9c8;--city-menu-border: rgb(166 195 225 / .3);--city-menu-divider: rgb(183 198 221 / .16);--city-menu-accent: #bd6c58;--city-menu-link: #e8ad83;--city-menu-switch: #657185;--city-menu-key: rgb(255 255 255 / .07)}.city-stage{position:relative;background:#c7d8d5}#city{display:block;width:100%;height:100%;cursor:grab;image-rendering:pixelated;touch-action:none}#city:active{cursor:grabbing}#city:focus-visible{outline:3px solid #fff4d5;outline-offset:-5px}.city-menu-button,.city-menu{position:absolute;z-index:3;color:var(--city-menu-text);border:1px solid var(--city-menu-border);background:var(--city-menu-bg);box-shadow:0 10px 28px #1a1f1f47;backdrop-filter:blur(10px)}.city-menu-button{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));width:46px;height:46px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 12px;border-radius:14px;color:var(--city-menu-text);cursor:pointer}.city-menu-button span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.city-menu-button[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.city-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.city-menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.city-menu{top:calc(max(18px,env(safe-area-inset-top)) + 56px);right:max(18px,env(safe-area-inset-right));width:min(320px,calc(100% - 36px));overflow:hidden;border-radius:16px}.city-menu[hidden]{display:none}.city-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-bottom:1px solid var(--city-menu-divider)}.city-tabs button{border:0;border-radius:10px;padding:9px;color:var(--city-menu-muted);background:transparent;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.city-tabs button[aria-selected=true]{color:#fff8eb;background:var(--city-menu-accent)}.city-panel{padding:8px 14px 12px}.city-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:57px;border-bottom:1px solid var(--city-menu-divider);cursor:pointer}.city-setting:last-child{border-bottom:0}.city-setting b,.city-setting small{display:block}.city-setting b{font-size:14px}.city-setting small{margin-top:2px;color:var(--city-menu-muted);font-size:11px}.city-setting input{appearance:none;flex:0 0 auto;width:42px;height:24px;margin:0;padding:3px;border:0;border-radius:99px;background:var(--city-menu-switch);cursor:pointer;transition:background .18s ease}.city-setting input:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #2c262047;transition:transform .18s ease}.city-setting input:checked{background:var(--city-menu-accent)}.city-setting input:checked:after{transform:translate(18px)}.city-setting input:focus-visible,.city-tabs button:focus-visible,.city-menu-button:focus-visible{outline:3px solid var(--city-menu-link);outline-offset:2px}.city-about{padding:24px 20px 26px}.city-about h1{margin:0 0 8px;font-family:Georgia,serif;font-size:24px;font-weight:600}.city-about p{margin:0;color:var(--city-menu-muted);font-size:13px;line-height:1.5}.city-about .city-maker{margin-top:18px;color:var(--city-menu-text);font-weight:800}.city-about .city-credit{margin-top:10px;padding-top:12px;border-top:1px solid var(--city-menu-divider);font-size:11px}.city-about a{color:var(--city-menu-link);font-weight:700}.city-explore{max-height:min(580px,calc(100vh - 100px));overflow-y:auto;padding:14px 14px 16px}.city-explore-guide{margin:0 2px 14px;color:var(--city-menu-muted);font-size:12px;line-height:1.45}.city-explore h2{margin:14px 2px 7px;color:var(--city-menu-link);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.city-explore h2:first-of-type{margin-top:0}.city-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.city-explore-grid button{position:relative;min-height:58px;padding:10px 30px 9px 11px;border:1px solid var(--city-menu-divider);border-radius:11px;color:var(--city-menu-text);background:linear-gradient(145deg,var(--city-menu-key),rgb(255 255 255 / .025));font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.city-explore-grid button:hover{border-color:var(--city-menu-border);background-color:#ffffff0f;transform:translateY(-1px)}.city-explore-grid button:active{transform:translateY(0)}.city-explore-grid button:focus-visible{outline:3px solid var(--city-menu-link);outline-offset:2px}.city-explore-grid span,.city-explore-grid small{display:block}.city-explore-grid span{font-size:13px;font-weight:800}.city-explore-grid small{margin-top:3px;color:var(--city-menu-muted);font-size:10px}.city-explore-grid kbd{position:absolute;top:9px;right:9px;min-width:18px;padding:2px 4px;border:1px solid var(--city-menu-divider);border-radius:5px;color:var(--city-menu-link);background:var(--city-menu-key);font:800 9px/1.2 Inter,ui-rounded,Segoe UI,system-ui,sans-serif;text-align:center}.city-explore-rare{grid-template-columns:1fr}.city-menu-button,.city-menu{transition:background-color 1.2s,color 1.2s,border-color 1.2s}.city-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.city-error{position:absolute;z-index:3;inset:50% auto auto 50%;max-width:min(480px,calc(100% - 30px));margin:0;padding:16px;border-radius:12px;color:#fff;background:#8c3d36;transform:translate(-50%,-50%)}@media(max-width:720px){.city-menu-button{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.city-menu{top:calc(max(10px,env(safe-area-inset-top)) + 56px);right:max(10px,env(safe-area-inset-right));width:min(320px,calc(100% - 20px))}}@media(hover:none)and (pointer:coarse){.city-explore-grid button{min-height:62px;padding-right:11px}.city-explore-grid kbd{display:none}}