.city-loader{color:#304c3d;text-align:left;background:#fafbf5f5;border:1px solid #b8cbbb;border-radius:12px;width:340px;max-width:calc(100% - 32px);padding:24px;font-family:inherit;box-shadow:0 5px #bcccbc80,0 20px 60px #203b3120}.city-loader[hidden]{display:none}.city-loader-heading{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:650;display:flex}.city-loader-kicker{color:#617166;margin-left:4px;font-weight:400}.city-loader-art{border-bottom:1px solid #bacab9;height:80px;margin:12px 0 18px;position:relative;overflow:hidden}.city-loader-grid{opacity:.45;background-image:linear-gradient(#c6d4c6 1px,#0000 1px),linear-gradient(90deg,#c6d4c6 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.city-loader-buildings{align-items:flex-end;gap:7px;width:222px;height:76px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.city-loader-buildings i{--building:#78a286;background:var(--building);transform-origin:bottom;border:1px solid #304c3d26;border-radius:2px 2px 0 0;width:30px;height:46px;animation:.8s both city-build-arrive;position:relative;box-shadow:inset -7px 0 #304c3d15}.city-loader-buildings i:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 9px,#fafbf58c 9px 12px);position:absolute;inset:8px 10px 7px 5px}.city-loader-buildings i:nth-child(2){--building:#e2c776;width:40px;height:31px;animation-delay:.12s}.city-loader-buildings i:nth-child(3){--building:#578975;height:69px;animation-delay:.24s}.city-loader-buildings i:nth-child(4){--building:#86b0c0;width:38px;height:53px;animation-delay:.36s}.city-loader-buildings i:nth-child(5){--building:#cc9c80;height:37px;animation-delay:.48s}.city-loader-buildings i:nth-child(6){--building:#95ad83;width:23px;height:24px;animation-delay:.6s}.city-loader-scan{background:linear-gradient(90deg,#0000,#fafbf570,#0000);width:34%;animation:2.8s ease-in-out infinite city-load-scan;position:absolute;top:0;bottom:0;left:0}.city-loader-summary{min-height:91px;margin-bottom:12px}.city-loader-summary h2{color:#304c3d;letter-spacing:-.045em;margin:0 0 7px;font-size:22px;font-weight:600;line-height:1.15}.city-loader-summary p{color:#5a6e60;max-width:275px;margin:0;font-size:12px;line-height:1.5}.city-loader-value{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:500;line-height:1}.city-loader[data-story-turn=a] .city-loader-summary{animation:.35s ease-out city-story-a}.city-loader[data-story-turn=b] .city-loader-summary{animation:.35s ease-out city-story-b}.city-loader-track{background:#dfe6db;border-radius:6px;height:6px;position:relative;overflow:hidden}.city-loader-track>span{width:var(--city-load-progress,0%);border-radius:inherit;background:#507e60;height:100%;transition:width .3s;display:block}.city-loader[data-phase=code] .city-loader-track>span{width:30%;animation:1.8s ease-in-out infinite city-load-connect}.city-loader-meta{color:#5a6e60;font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;min-height:50px;padding-top:10px;font-size:11px;line-height:1.45;display:flex}.city-loader-meta [data-loading-estimate]{color:#69776d;font-size:10px}.city-loader-steps{color:#788378;border-top:1px solid #dce3d6;justify-content:space-between;gap:8px;margin:16px 0 0;padding:12px 0 0;font-size:10px;list-style:none;display:flex}.city-loader-steps li{align-items:center;gap:5px;display:flex}.city-loader-steps li:before{content:"";border:1px solid;border-radius:50%;width:5px;height:5px}.city-loader-steps [data-state=active]{color:#304c3d;font-weight:650}.city-loader-steps [data-state=active]:before{background:#d7b75b;border-color:#b6994c}.city-loader-steps [data-state=done]{color:#507e60}.city-loader-steps [data-state=done]:before{background:currentColor}.city-loader-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.city-loader[data-phase=ready] .city-loader-scan,.city-loader[data-phase=error] .city-loader-scan{animation:none;display:none}.city-loader[data-phase=error] .city-loader-steps{display:none}@keyframes city-story-a{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes city-story-b{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes city-build-arrive{0%{opacity:0;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}@keyframes city-load-scan{0%,15%{transform:translate(-110%)}85%,to{transform:translate(400%)}}@keyframes city-load-connect{0%,to{transform:translate(-100%)}50%{transform:translate(330%)}}@media (width<=400px){.city-loader{padding:20px}.city-loader-summary h2{font-size:20px}.city-loader-value{font-size:24px}}@media (height<=500px){.city-loader{padding:16px 20px}.city-loader-art{height:45px;margin:8px 0 12px}.city-loader-buildings{transform-origin:bottom;transform:translate(-50%)scale(.7)}.city-loader-steps{margin-top:6px}}@media (prefers-reduced-motion:reduce){.city-loader *,.city-loader :before{transition:none!important;animation:none!important}.city-loader-scan{display:none}.city-loader[data-phase=code] .city-loader-track>span{opacity:.35;width:100%}}.city-label-card{z-index:60;color:#30483c;pointer-events:none;overscroll-behavior:contain;background:#fafbf5f7;border:1px solid #b8cbbb;border-radius:10px;width:290px;max-width:calc(100vw - 24px);padding:16px;font:13px/1.5 system-ui,-apple-system,sans-serif;position:fixed;overflow:auto;box-shadow:0 8px 30px #203b3126}.city-label-card[hidden]{display:none}.city-label-card[data-pinned=true]{pointer-events:auto}.city-label-card small{color:#607565;margin-bottom:5px;padding-right:24px;display:block}.city-label-card strong{padding-right:12px;font-size:16px;line-height:1.3;display:block}.city-label-card p{margin:8px 0 0}.city-label-card a{color:#386b55;overflow-wrap:anywhere;margin-top:10px;text-decoration:underline;display:block}.city-label-card button{color:#607565;cursor:pointer;background:0 0;border:0;width:36px;min-width:36px;height:36px;min-height:36px;font-size:24px;position:absolute;top:3px;right:3px}.city-label-toggle{z-index:3;color:#486450;background:#fafbf5eb;border:1px solid #b8cbbb;border-radius:6px;min-height:40px;padding:8px 12px;font-size:12px;position:absolute;bottom:120px;left:20px}.city-label-toggle:hover{background:#dce9d9}.city-label-toggle[aria-pressed=false]{color:#768078}.city-frame .city-caption{display:none}@media (width<=720px){.city-label-toggle{bottom:170px;left:0}}.city-label-toggle.fullscreen-label-toggle{left:max(16px,env(safe-area-inset-left));bottom:calc(154px + env(safe-area-inset-bottom));position:fixed}.city-chess-panel{color:#30483c;touch-action:manipulation;background:#fafbf5f7;border:1px solid #b8cbbb;border-radius:10px;grid-column:2;min-width:0;margin:0 0 24px;padding:12px 14px;font:13px/1.45 system-ui,-apple-system,sans-serif;box-shadow:0 4px 18px #203b3114}.city-chess-panel[hidden]{display:none}.city-chess-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.city-chess-header strong{font-size:15px}.city-chess-panel button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #b8cbbb;border-radius:6px;padding:8px 10px}.city-chess-panel .city-chess-close{background:0 0;border:0;flex:none;margin:-8px -8px -8px 0;font-size:24px;line-height:1}.city-chess-panel button:hover{background:#dce9d9}.city-chess-panel button:disabled{opacity:.45;cursor:default}.city-chess-panel button:focus-visible{outline-offset:2px;outline:3px solid #36789b}.city-chess-status{overflow-wrap:anywhere;margin:8px 0 4px}.city-chess-panel small{color:#607565;display:block}.city-game-rules{color:#607565;margin:8px 0 0;font-size:12px}.city-chess-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.city-chess-actions button[data-chess-action=retry]{grid-column:1/-1}.city-chess-actions button[hidden]{display:none}.city-chess-fullscreen{z-index:3;left:max(16px,env(safe-area-inset-left));top:calc(76px + env(safe-area-inset-top));width:300px;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 234px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;margin:0;position:fixed;overflow:auto}[data-chess-active] .city-label-toggle,[data-checkers-active] .city-label-toggle{visibility:hidden}@media (width<=720px){.city-chess-panel{margin-bottom:18px}.city-chess-fullscreen{width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));margin:0}}