.shell{flex-direction:column;width:min(1200px,100%);min-height:100svh;margin:auto;padding:36px 48px 24px;display:flex}header{justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-1.5px;font-size:30px;font-weight:900}.brand-dot{color:#ba6545}.explore{font-size:14px}main{flex:1;align-items:center;display:grid}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:70px 0;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(40px,4.7vw,66px);font-weight:600;line-height:1.07}h1 span{color:#758c74}.intro{color:#657267;margin-bottom:36px;font-size:17px}.actions{gap:12px;display:flex}.button{color:#fff;background:#203a32;border:1px solid #203a32;border-radius:5px;justify-content:space-between;align-items:center;gap:40px;min-height:48px;padding:14px 22px;font-size:14px;display:inline-flex}.button:hover{background:#395446}.button.secondary{color:#203a32;background:0 0;border-color:#b3bcb0}.button.secondary:hover{background:#e6eade}.scene{background:#e8ede4;border-radius:45% 45% 12% 12%;width:100%;height:340px;overflow:hidden}.scene canvas{display:block}.scene p{padding:80px 40px}footer{color:#667466;border-top:1px solid #d8ddcf;padding-top:20px;font-size:11px}.dev-status{margin-top:12px;display:block}.placeholder{padding:70px 0}.route-note{color:#667466;margin:24px 0;font-family:monospace}@media (width<=760px){.shell{padding:24px}.hero{grid-template-columns:1fr;gap:36px;padding:60px 0 36px}.scene{height:260px}h1{letter-spacing:-2px}}@font-face{font-family:Inktown Sans;src:url(/fonts/inktown-regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inktown Sans;src:url(/fonts/inktown-bold.woff)format("woff");font-weight:600 900;font-style:normal;font-display:swap}:root{color:#203a32;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f2ea;font-family:Inktown Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #bc5c36}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c4773d}.game{--panel-edge:left;--controls-edge:right;--panel-exit-x:calc(-100% - 32px);--panel-exit-y:0px;color:#253c34;background:#e8f0cc;position:fixed;inset:0;overflow:clip}.city-canvas{isolation:isolate;position:absolute;inset:0}.city-canvas canvas{width:100%;height:100%;display:block}.game-top{top:max(24px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:30px;display:flex;position:absolute;left:32px;right:32px}.game-top a{pointer-events:auto}.game-brand{letter-spacing:-1.5px;color:#253c34;font-size:27px;font-weight:900;text-decoration:none}.game-brand span{color:#cb774b}.mode-label,.local-label{letter-spacing:1.5px;font-size:10px;font-weight:600}.local-label{letter-spacing:.3px;color:#647465;margin-left:auto}.city-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#82977b transparent;background:#f8f6eddc;border:1px solid #fff9;border-radius:4px;width:275px;max-height:calc(100% - 220px);padding:26px;transition:transform .22s;position:absolute;top:100px;left:32px;overflow:auto;box-shadow:0 8px 40px #3d4b2810}.game[data-panel-hidden=true] .city-panel{transform:translate(var(--panel-exit-x), var(--panel-exit-y));visibility:hidden;pointer-events:none;transition:transform .22s,visibility 0s linear .22s}.panel-hide,.panel-reopen{color:#365b4c;cursor:pointer;border:0;min-width:44px;min-height:44px}.panel-hide{z-index:2;background:0 0;font-size:24px;position:absolute;top:2px;right:2px}.panel-reopen{left:env(safe-area-inset-left,0px);z-index:4;background:#f9f8eff5;border:1px solid #fff;border-radius:0 12px 12px 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;font-size:12px;display:flex;position:absolute;top:50%;box-shadow:0 4px 20px #263c3014}.panel-reopen[hidden]{display:none}.panel-reopen-arrow{font-size:24px;line-height:20px}@media (prefers-reduced-motion:reduce){.city-panel,.game[data-panel-hidden=true] .city-panel{transition:none}}.city-panel::-webkit-scrollbar{width:8px;height:8px}.city-panel::-webkit-scrollbar-track{background:0 0;margin-block:8px}.city-panel::-webkit-scrollbar-thumb{background:#82977b padding-box padding-box;border:2px solid #0000;border-radius:999px;min-height:40px}.city-panel::-webkit-scrollbar-thumb:hover{background-color:#536e50}.city-panel::-webkit-scrollbar-button{display:none}.city-panel::-webkit-scrollbar-corner{background:0 0}@supports selector(::-webkit-scrollbar){.city-panel{scrollbar-width:auto;scrollbar-color:auto}}@media (forced-colors:active){.city-panel{scrollbar-color:auto}.city-panel::-webkit-scrollbar-thumb{background-color:canvastext}}.city-panel h1{letter-spacing:-1px;margin:14px 0;font-size:31px;line-height:1.1}.city-panel p{color:#647166;font-size:13px;line-height:1.6}.city-panel .eyebrow{letter-spacing:1.7px;color:#879177;font-size:9px}.city-panel .button{border:0;justify-content:space-between;width:100%;min-height:44px;margin-top:18px;display:flex}.city-counts{color:#77806c;gap:18px;margin:20px 0;font-size:10px;display:flex}.city-counts b{color:#304a3e;font-size:20px;font-weight:500;display:block}.text-button{color:#365b4c;text-underline-offset:4px;background:0 0;border:0;padding:12px 0;font-size:12px;text-decoration:underline;display:block}.metrics{border-top:1px solid #d8ddcd;padding-top:10px}.metrics>div{justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.metrics b{font-variant-numeric:tabular-nums}.city-panel progress{accent-color:#396a50;width:100%;height:4px;margin-top:15px}.city-panel .error{color:#a03a24;font-size:12px}.instruction{border-left:2px solid #ae7647;padding-left:10px}.score-delta{letter-spacing:-2px;margin:20px 0;font-size:50px}.score-delta small{letter-spacing:0;color:#63745e;font-size:11px;display:block}.game-toolbar{width:max-content;bottom:max(28px, env(safe-area-inset-bottom));white-space:nowrap;background:#f9f8efee;border:1px solid #fff;border-radius:5px;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #334b2420}.game-toolbar button,.canvas-controls button,.toggle button{color:#365044;background:0 0;border:0;border-radius:3px;min-width:44px;min-height:44px;padding:10px 12px;font-size:12px}.toggle{gap:2px;display:flex}.toggle button[aria-pressed=true],.canvas-controls button[aria-pressed=true]{color:#234f3b;background:#dce5d5}.canvas-controls{background:#f9f8efee;border:1px solid #fff;border-radius:4px;flex-direction:column;display:flex;position:absolute;bottom:110px;right:28px}.canvas-controls button{border-bottom:1px solid #e2e5d9;font-size:16px}.canvas-controls button:last-child{font-size:10px}.canvas-control-icon{vertical-align:middle;width:20px;height:20px}.empty-canvas{pointer-events:none;color:#65735b;position:absolute;top:43%;left:54%}.empty-canvas span{font-size:45px}.empty-canvas p{margin:5px 0;font-size:18px}.empty-canvas small{font-size:11px}.debug-legend{pointer-events:none;background:#fbfaf1ed;border-radius:4px;max-width:330px;padding:12px;font:10px/1.6 monospace;position:absolute;top:86px;right:26px}.debug-legend span{display:block}.share-link{margin:4px 0 12px;font-size:12px;display:block}.share-link-field{margin-top:8px;position:relative}.share-link input{color:#294a3c;background:#fdfcf5;border:1px solid #b5c5ad;border-radius:8px;width:100%;min-height:48px;padding:10px 54px 10px 10px;font-size:12px}.copy-link{color:#365c49;background:0 0;border:0;border-radius:6px;width:44px;min-height:44px;position:absolute;top:2px;bottom:2px;right:2px}.copy-link:hover{background:#e4ecdde6}.copy-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin:auto;transition:opacity .18s,transform .18s;position:absolute;inset:0}.copy-link .copied-icon{opacity:0;transform:scale(.6)rotate(-20deg)}.copy-link[data-copied=true] .copy-icon{opacity:0;transform:scale(.6)rotate(20deg)}.copy-link[data-copied=true] .copied-icon{opacity:1;transform:scale(1)rotate(0)}.copy-error{color:#8a321e;margin-top:6px;display:block}.webgl-fallback{z-index:5;background:#f8f5ea;border:1px solid #c2cbb8;padding:30px;position:absolute;inset:20%}.webgl-fallback button{margin:10px;padding:10px}.game input[type=file]{display:none}@media (prefers-reduced-motion:reduce){.copy-link svg{transition:none}*{scroll-behavior:auto!important;animation:none!important}}.pwa-status{z-index:20;background:#fcfaef;border:1px solid #b9c5ad;max-width:260px;padding:10px;font-size:11px;position:fixed;bottom:18px;right:20px;box-shadow:0 4px 20px #263c3020}.pwa-status button{color:#2c5943;background:0 0;border:0;min-height:38px}.recovery{max-width:600px;margin:10vh auto;padding:30px}.recovery .button{margin:20px 0}.submit-result{border-top:1px solid #d3dcc8;margin-top:15px;padding-top:12px;font-size:11px}.submit-result input{background:#fffef6;border:1px solid #b8c5ad;width:100%;margin-top:6px;padding:8px;display:block}.quality-picker{flex-direction:column;gap:6px;font-size:14px;display:flex}.quality-description{border-bottom:1px solid #d0d9c5;margin:8px 0 16px;padding-bottom:16px;font-size:13px;line-height:1.5}.quality-picker select,.route-picker select{color:#385244;font:inherit;background:#f8f9f1;border:1px solid #d0d9c5;border-radius:3px;min-height:28px}.quality-picker select{width:100%;padding:8px;font-size:16px}.route-picker{margin:10px 0;font-size:10px;display:block}.route-picker select{width:100%;margin-top:5px;display:block}.leaderboard{padding-left:16px;font-size:10px}.leaderboard li{padding:5px 0}.leaderboard a{text-decoration:underline}.leaderboard b{padding:0 6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.storage-help{flex-shrink:0;font-size:12px;position:relative}.storage-help>summary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 8px;display:flex}.storage-help[open]>summary{color:#244b3a;background:#dce5d4}.menu-chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 7px;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}.storage-help[open]>summary .menu-chevron,.drawing-help-toggle[aria-expanded=true] .menu-chevron{transform:rotate(225deg)translate(-1px,-1px)}.storage-popup{color:#253c34;z-index:8;scrollbar-width:thin;scrollbar-color:#abbba0 transparent;overscroll-behavior:contain;background:#f9f8effa;border:1px solid #c7d1b6;border-radius:16px;width:300px;max-width:calc(100vw - 40px);padding:16px;position:absolute;bottom:calc(100% + 16px);right:0;box-shadow:0 8px 24px #253c3420}.settings-heading{letter-spacing:1.5px;text-transform:uppercase;color:#61765c;margin:0 0 14px;font-size:11px;font-weight:700}.storage-popup button{border:1px solid #c7d1b6;width:100%;min-height:44px}.game button,.game select{min-width:44px;min-height:44px}.storage-popup{white-space:normal;max-height:min(440px,100dvh - 120px);overflow-y:auto}.storage-popup button{margin-top:8px}.building-use-settings{border-top:1px solid #d3d9c9;margin-top:14px;padding-top:8px}.building-use-settings label,.building-trip-detail label{gap:5px;margin-top:10px;font-size:12px;display:grid}.building-use-settings select,.building-trip-detail select{color:#253c34;background:#fffdf5;border:1px solid #c7d1b6;border-radius:6px;width:100%;min-width:0;font-size:16px}.building-use-settings button{justify-content:space-between;align-items:center;display:flex}.use-legend{gap:8px;font-size:12px;display:grid}.use-legend span{align-items:center;gap:8px;display:flex}.use-legend i,.use-marker svg{width:22px;height:22px}.building-markers{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.use-marker,.building-hover{background:#fffcf3f2;position:absolute;box-shadow:0 1px 5px #203d3326}.use-marker{border-radius:8px;width:28px;height:28px;padding:3px;transform:translate(-50%,-50%)}.building-hover{white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:12px;transform:translate(-50%,calc(-100% - 20px))}.game[data-inspecting=true] .city-panel{display:none}.building-inspector{z-index:3;background:#f9f8eff5;border:1px solid #fff9;border-radius:12px;width:300px;max-height:calc(100% - 220px);padding:12px;position:absolute;top:100px;left:32px;overflow:auto;box-shadow:0 8px 24px #253c3420}.building-heading{align-items:center;gap:10px;display:flex}.building-heading>div{flex:1;min-width:0}.building-use-icon{flex:0 0 28px;width:28px;height:28px}.building-heading h2{margin:0;font-size:17px;line-height:1.2}.building-heading h2 small{color:#63705c;font-weight:400}.building-inspector p{color:#52634d;margin:4px 0;font-size:12px;line-height:1.4}.building-inspector button{color:#253c34;background:#f8f6ed;border:1px solid #c7d1b6;border-radius:8px;padding:8px}.building-inspector .inspection-close{border:none;flex:0 0 44px;font-size:24px}.building-trip-summary{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;line-height:1.4;display:flex}.building-trip-summary button{flex-shrink:0}.building-trip-detail{border-top:1px solid #d3d9c9;margin-top:8px}@media (width<=750px),(height<=500px) and (width<=1000px){.building-inspector{top:auto;bottom:calc(var(--dock-bottom) + 62px);left:max(10px, env(safe-area-inset-left));right:var(--edge-right);border-radius:16px;width:auto;max-height:min(280px,100dvh - 150px)}}.difficulty summary{cursor:pointer;align-items:center;min-height:44px;font-size:12px;display:flex}.drawing-help{border-top:1px solid #d0d9c5;margin-top:12px;padding-top:4px}.storage-popup .drawing-help-toggle{border:0;justify-content:space-between;align-items:center;margin:0;padding:8px 2px;font-size:13px;display:flex}.drawing-help dl{margin:4px 0 0;font-size:13px;line-height:1.5}.drawing-help dt{margin-top:10px;font-weight:700}.drawing-help dd{color:#52634d;margin:2px 0 0}.pending-share{border:1px solid #d0d9c5;border-radius:8px;margin:8px 0;padding:10px;font-size:12px}.pending-share p{margin:0 0 6px}.pending-share-actions{flex-wrap:wrap;gap:8px;display:flex}.pending-share-actions button{color:#365044;background:#edf1e5;border:1px solid #c7d1b6;border-radius:6px;flex:1;padding:8px;font-size:12px}.panel-toggle,.mobile-control{display:none}.city-status{top:max(74px, calc(env(safe-area-inset-top) + 54px));pointer-events:none;z-index:6;align-content:start;gap:6px;width:min(340px,100% - 370px);display:grid;position:absolute;left:max(330px,50%);transform:translate(-25%)}.activity-status,.city-alert{color:#294a3c;background:#f9f8eff5;border:1px solid #fff;border-radius:12px;margin:0;padding:10px 12px;box-shadow:0 4px 20px #263c3014}.crossing-status{color:#294a3c;overflow-wrap:anywhere;background:#f9f8eff2;border:1px solid #d7dfd2;border-radius:12px;margin:0;padding:8px 11px;font-size:12px;line-height:1.35;box-shadow:0 4px 20px #263c3014}.crossing-status small{margin-top:2px;font-size:11px;display:block}.crossing-walk{color:#08715e;font-weight:700}.crossing-drive{color:#a9540c;font-weight:700}.clearance-status{color:#703c25;overflow-wrap:anywhere;background:#fff6e9f5;border:1px solid #ad5a31;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 4px 20px #263c3014}.clearance-status span{display:block}.drawing-hint{color:#294a3c;text-align:center;background:#f9f8eff5;border:1px solid #fff;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 4px 20px #263c3014}.drawing-boundary-hint{color:#526b46;background:#edf2e4e8}.roundabout-offer{pointer-events:auto;background:#f9f8eff5;border:1px solid #b76135;border-radius:12px;flex-wrap:wrap;gap:8px;margin:0;padding:10px 12px;display:flex;box-shadow:0 4px 20px #263c3014}.roundabout-offer button,.roundabout-offer select{color:#294a3c;background:#e3e9d8;border:0;border-radius:8px;flex:1;min-width:44px;min-height:44px;padding:6px 12px;font-size:13px}.roundabout-offer small{text-align:center;color:#52634d;width:100%;font-size:12px}.activity-status{align-items:center;gap:12px;display:flex}.activity-status>div{flex:1;min-width:0}.activity-status b{font-size:13px;line-height:1.4;display:block}.activity-status span:not(.activity-indicator){color:#52634d;margin-top:3px;font-size:12px;line-height:1.4;display:block}.activity-status progress{accent-color:#396a50;width:100%;height:5px;margin-top:8px;display:block}.activity-indicator{border:2px solid #d1ddc9;border-top-color:#396a50;border-radius:50%;flex:0 0 18px;width:18px;height:18px}.activity-status[data-busy=true] .activity-indicator{animation:1s linear infinite city-working}@keyframes city-working{to{transform:rotate(360deg)}}.city-alert{color:#8a321e;overflow-wrap:anywhere;border-color:#d7a293;font-size:13px;line-height:1.5}@media (width<=750px),(height<=500px) and (width<=1000px){.game{--panel-edge:bottom;--controls-edge:bottom;--panel-exit-x:0px;--panel-exit-y:calc(100% + 150px + env(safe-area-inset-bottom));--dock-bottom:max(8px, env(safe-area-inset-bottom));--edge-right:max(10px, env(safe-area-inset-right))}.game-top{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));gap:16px}.game-brand{font-size:22px}.share-link input{font-size:16px}.mode-label{font-size:8px}.local-label,.game .desktop-control{display:none}.mobile-control{display:block}.city-canvas{top:max(48px, calc(env(safe-area-inset-top) + 36px));bottom:calc(var(--dock-bottom) + 200px)}.game[data-phase=RESULT] .city-canvas{bottom:calc(var(--dock-bottom) + 250px)}.city-panel{top:auto;bottom:calc(var(--dock-bottom) + 62px);left:max(10px, env(safe-area-inset-left));right:var(--edge-right);width:auto;max-height:calc(100% - var(--dock-bottom) - 150px);z-index:3;overscroll-behavior:contain;background:#f9f8eff5;border-radius:16px;padding:8px 12px 12px}.panel-hide{float:right;margin:-8px -10px 0 0;position:static}.panel-reopen{left:max(10px, env(safe-area-inset-left));top:auto;bottom:calc(var(--dock-bottom) + 62px);border-radius:12px;flex-direction:row;padding-inline:12px}.panel-reopen-arrow{transform:rotate(-90deg)}.game[data-panel-hidden=true] .canvas-controls{bottom:calc(var(--dock-bottom) + 62px)}.city-panel:not(.is-open)>:not(.panel-heading):not(.panel-primary):not(.panel-comparison):not(.panel-hide){display:none}.panel-heading{align-items:center;gap:8px;display:flex}.panel-title{flex:1;min-width:0}.panel-glance{color:#52634d;margin-top:3px;font-size:12px;line-height:1.4}.panel-heading h1{letter-spacing:-.4px;margin:0;font-size:17px;line-height:1.25}.city-panel:not(.is-open) h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.panel-toggle{color:#365b4c;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 4px;font-size:12px;display:flex}.city-panel.is-open .panel-heading{z-index:1;background:#f9f8ef;padding:8px 0;position:sticky;top:-8px}.city-panel .eyebrow{display:none}.city-panel p{margin:10px 0;font-size:13px}.city-panel .button{border-radius:8px;margin-top:6px;padding:11px 14px;font-size:14px;line-height:20px}.city-panel .instruction{margin:4px 0 0}.city-counts{margin:12px 0;font-size:12px}.city-counts b{font-size:20px}.metrics>div{padding:7px 0;font-size:13px}.city-panel .text-button{font-size:13px}.panel-comparison{margin-top:4px}.panel-comparison button{flex:1}.score-delta{margin:12px 0;font-size:36px}.game[data-busy=true] .city-panel{display:none}.game-toolbar{bottom:var(--dock-bottom);left:max(10px, env(safe-area-inset-left));right:var(--edge-right);z-index:4;border-radius:14px;gap:4px;width:auto;padding:4px;transform:none}.game-toolbar>.toggle{flex:3}.game-toolbar>button,.game-toolbar>.storage-help,.game-toolbar>.toggle button{flex:1}.game-toolbar button,.toggle button,.storage-help{font-size:13px}.game-toolbar .toggle button{padding-inline:6px}.canvas-controls{right:var(--edge-right);bottom:calc(var(--dock-bottom) + 210px);border-radius:10px;flex-direction:row;align-items:flex-end}.canvas-controls button{border:0;padding:8px;font-size:16px}.game[data-phase=RESULT] .canvas-controls{bottom:calc(var(--dock-bottom) + 260px)}.city-status{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));top:max(52px, calc(env(safe-area-inset-top) + 40px));width:auto;transform:none}.empty-canvas{text-align:center;width:230px;max-width:calc(100% - 48px);top:calc(50% - 60px);left:50%;transform:translate(-50%,-50%)}.empty-canvas span{font-size:32px}.empty-canvas p{font-size:18px}.empty-canvas small{font-size:13px;line-height:1.5}.storage-popup{width:min(350px,100vw - 30px);max-width:calc(100vw - 30px);max-height:calc(100dvh - var(--dock-bottom) - 136px);bottom:calc(100% + 12px);right:0}.mobile-tools{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-tools button{border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.mobile-tools svg{width:18px;height:18px}.debug-legend{top:max(52px, calc(env(safe-area-inset-top) + 40px));max-width:none;font-size:9px;left:12px;right:12px}.game[data-busy=true] .debug-legend{display:none}.webgl-fallback{padding:18px;inset:12% 8%}.pwa-status{top:54px;bottom:auto;right:12px}.pwa-status button{min-height:44px}}@media (height<=500px) and (width<=1000px) and (width>=600px){.game{--panel-edge:right;--panel-exit-x:calc(100% + var(--edge-right));--panel-exit-y:0px}.panel-reopen{left:auto;right:env(safe-area-inset-right,0px);border-radius:12px 0 0 12px;flex-direction:column;padding:8px;top:45%;bottom:auto}.panel-reopen-arrow{transform:rotate(180deg)}.game[data-panel-hidden=true] .game-toolbar,.game[data-panel-hidden=true] .canvas-controls,.game[data-panel-hidden=true] .city-status{right:var(--edge-right)}.city-panel{left:auto;right:var(--edge-right);bottom:var(--dock-bottom);width:280px;max-height:calc(100% - 66px)}.city-canvas,.game[data-phase=RESULT] .city-canvas{right:calc(var(--edge-right) + 290px);bottom:calc(var(--dock-bottom) + 64px)}.game-toolbar{right:calc(var(--edge-right) + 300px)}.canvas-controls,.game[data-phase=RESULT] .canvas-controls{right:calc(var(--edge-right) + 300px);bottom:calc(var(--dock-bottom) + 64px)}.city-status{right:calc(var(--edge-right) + 300px)}.empty-canvas{left:calc((100% - var(--edge-right) - 290px) / 2);top:47%}.storage-popup{max-width:calc(100vw - max(10px, env(safe-area-inset-left)) - var(--edge-right) - 314px)}}.share-history summary,.share-history a{align-items:center;min-height:44px;display:flex}.share-history a{overflow-wrap:anywhere}.game[data-drawer=true] .city-canvas{inset:0}@media (width<=750px),(height<=500px) and (width<=1000px){.game[data-panel-hidden=true] .canvas-controls{bottom:calc(var(--dock-bottom) + 62px)}}@media (height<=500px) and (width<=1000px) and (width>=600px){.game[data-panel-hidden=true] .canvas-controls{right:var(--edge-right);bottom:calc(var(--dock-bottom) + 64px)}}.growth-status{pointer-events:auto;background:#f9f8eff5;border:1px solid #d1dcc6;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:0 4px 20px #263c3014}.growth-summary{color:#294a3c;gap:3px;min-width:0;font-size:13px;line-height:1.4;display:grid}.growth-summary b{font-size:14px}.growth-facts{flex-wrap:wrap;gap:0 6px;display:flex}.growth-facts span,.growth-facts small{color:#52634d;font-size:12px}.growth-summary progress{accent-color:#526f59;width:100%;height:4px}.growth-controls{gap:4px;display:grid}.growth-controls button,.growth-controls select{color:#294a3c;background:#e3e9d8;border:0;border-radius:8px;min-width:44px;min-height:44px;padding:6px;font-size:13px}.growth-impact{color:#703c25;border-top:1px solid #d1dcc6;grid-column:1/-1;margin:0;padding-top:8px;font-size:13px;line-height:1.4}.growth-impact span{display:block}@media (width<=750px),(height<=500px) and (width<=1000px){.growth-controls{display:flex}}@media (width<=380px){.growth-status{grid-template-columns:minmax(0,1fr)}.growth-controls{grid-column:1}.growth-controls button,.growth-controls select{flex:1}}@media (height<=500px) and (width<=599px){.city-status{top:max(42px, calc(env(safe-area-inset-top) + 30px))}.growth-status{gap:6px;padding:6px 10px}.growth-impact{padding-top:4px}}