body:has(.city-page){overflow:hidden}.city-page{background:#beebff;flex-direction:column;height:calc(100dvh - 8rem);display:flex;overflow:hidden}.city-topbar{z-index:10030;background:#fff8ec;border-bottom:2px solid #15110d;flex-flow:wrap;flex:none;justify-content:space-between;align-items:center;gap:.6rem 1rem;width:100%;padding:.7rem 1rem;display:flex;position:sticky;top:0}.city-stage{background:linear-gradient(135deg,#fff8ec38 0 12%,#0000 12% 100%),linear-gradient(45deg,#4cc9f040 0 18%,#0000 18% 100%),#beebff;border-bottom:2px solid #15110d;flex:auto;height:auto;min-height:0;position:relative;overflow:hidden}.city-scroll{cursor:grab;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#beebff;padding:5.5rem 2rem 9rem;position:absolute;inset:0;overflow:auto}.city-scroll::-webkit-scrollbar{display:none}.city-scroll.is-dragging{cursor:grabbing}.city-toolbar,.city-zoom-controls,.city-pan-controls,.city-plot-dock{z-index:10000}.city-kind-landmark{box-shadow:inset -3px -3px #15110d14,0 0 0 3px #ffd23f73}.city-toolbar,.city-zoom-controls,.city-plot-dock{z-index:10000;position:absolute}.city-toolbar{color:#847c70;letter-spacing:.08em;text-transform:uppercase;background:#fff8ecf0;border:2px solid #15110d;border-radius:.5rem;flex-wrap:wrap;gap:.65rem;max-width:calc(100% - 2rem);padding:.55rem .75rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.58rem;font-weight:700;display:flex;top:1rem;left:1rem;box-shadow:4px 4px #15110d}.city-zoom-controls{background:#fff8ecf0;border:2px solid #15110d;border-radius:.55rem;align-items:center;gap:.45rem;padding:.45rem;display:flex;bottom:1rem;left:1rem;box-shadow:4px 4px #15110d}.city-zoom-controls button{background:#fff;border:2px solid #15110d;border-radius:.4rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:900;line-height:1;display:flex}.city-zoom-controls input{accent-color:#ff3d2e;width:8rem}.city-zoom-controls span{min-width:2.6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;font-weight:800}.city-plot-dock{z-index:10020;width:min(23rem,100vw - 2rem);top:1rem;right:1rem}.city-plot-card{background:#fff;border:2px solid #15110d;border-radius:.55rem;max-height:calc(100vh - 11rem);padding:1.25rem;overflow:auto;box-shadow:7px 7px #15110d}.city-my-plots{background:#fff8ece0;border:2px solid #15110d;border-radius:.55rem;padding:.9rem;box-shadow:4px 4px #15110d}.city-my-plots__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.city-my-plots__count{background:#fff;border:2px solid #15110d;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;height:2rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:900;display:inline-flex}.city-my-plots__list{gap:.55rem;margin-top:.8rem;display:grid}.city-my-plot-button{text-align:left;background:#ffffffd1;border:2px solid #15110d;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:3px 3px #15110d}.city-my-plot-button:hover,.city-my-plot-button:focus-visible{outline:none;transform:translate(-1px,-1px);box-shadow:4px 4px #15110d}.city-my-plot-button span{min-width:0;font-size:.88rem;font-weight:900}.city-my-plot-button small{color:#847c70;margin-top:.15rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;font-weight:700;display:block}.city-my-plot-button strong{flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:900}.city-key{border:1px solid #15110d;border-radius:.2rem;width:.8rem;height:.8rem;display:inline-block}.city-key-land{background:#f7e7b2}.city-key-water{background:#4cc9f0}.city-key-available{background:#a9e34b}@media (width>=900px){.city-topbar{flex-wrap:nowrap;min-height:5rem;padding:1rem 1.5rem}}.city-map{--iso-x:60px;--iso-y:30px;--sprite-size:160px;width:var(--city-map-width);height:var(--city-map-height);zoom:var(--city-zoom);transform-origin:0 0;min-width:0;margin:2rem 24rem 12rem 7rem;padding:0;display:block;position:relative;transform:none}.city-tile{left:var(--left);top:var(--top);width:var(--sprite-size);height:var(--sprite-size);z-index:var(--z);box-shadow:none;border:0;border-radius:0;position:absolute;overflow:visible;background:0 0!important;transition:none!important;transform:none!important}.city-sprite,.city-building,.city-sponsor-artwork,.city-detail-sprite,.city-flat-land,.city-hitbox,.city-claim-outline{width:var(--sprite-size);height:var(--sprite-size);pointer-events:none;top:0;left:0}.city-flat-land{z-index:1;width:calc(var(--iso-x) + var(--iso-x));height:calc(var(--iso-y) + var(--iso-y));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle at 31% 36%,#fff8ec2e 0 1px,#0000 1.8px),radial-gradient(circle at 66% 61%,#446f2038 0 1px,#0000 1.7px),linear-gradient(135deg,#fff8ec1a,#0000 45%),linear-gradient(215deg,#2d581d14,#0000 50%),#86c522;position:absolute;top:54px;left:20px;box-shadow:inset 0 0 0 1px #2b561d38,inset 9px 0 #fff8ec09,inset -8px 0 #385e1f0b}.city-zone-centre .city-flat-land{background:linear-gradient(#ffeec452,#ffeec452),radial-gradient(circle at 31% 36%,#fff8ec2e 0 1px,#0000 1.8px),radial-gradient(circle at 66% 61%,#446f2038 0 1px,#0000 1.7px),linear-gradient(135deg,#fff8ec1a,#0000 45%),linear-gradient(215deg,#2d581d14,#0000 50%),#97c72e}.city-zone-centre-edge .city-flat-land{box-shadow:inset 0 0 0 2px #f8ebc8b3,inset 0 0 0 3px #2b561d33}.city-show-available .city-tile.city-plot-available:not(.city-zone-centre) .city-flat-land{background:radial-gradient(circle at 31% 36%,#fff8ec33 0 1px,#0000 1.8px),#a9e34b;box-shadow:inset 0 0 0 2px #fff8ece6,inset 0 0 0 3px #2b561d59}.city-claim-outline{z-index:2;width:calc(var(--iso-x) + var(--iso-x));height:calc(var(--iso-y) + var(--iso-y));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:none;background:0 0;position:absolute;top:54px;left:20px}.city-hitbox{z-index:20;width:calc(var(--iso-x) + var(--iso-x));height:calc(var(--iso-y) + var(--iso-y));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:auto;background:0 0;position:absolute;top:54px;left:20px}.city-claim-outline:after{content:"";clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.38;border:2px solid #fff8ec29;position:absolute;inset:8px}.city-tile.is-selected .city-claim-outline{filter:drop-shadow(0 0 #15110d)drop-shadow(1px 0 #15110d)drop-shadow(-1px 0 #15110d)drop-shadow(0 1px #15110d)drop-shadow(0 -1px #15110d)drop-shadow(0 0 8px #ffd23f85);background:radial-gradient(circle at 50% 52%,#fff8ec47 0 12%,#0000 13%),#ffd23f94}.city-tile.is-selected .city-claim-outline:before{content:"";clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:2px solid #15110d47;position:absolute;inset:10px}.city-tile.is-selected .city-claim-outline:after{opacity:.56;border-color:#15110d38;inset:19px}.city-detail-sprite{z-index:30;object-fit:contain;width:112px;height:112px;transform:scale(var(--tree-scale,.9)) scaleX(var(--tree-flip,1));transform-origin:50% 82%;position:absolute}.city-detail-sprite-tree-pine{left:var(--tree-x,44px);top:var(--tree-y,42px)}.city-detail-sprite-tree-spruce{left:var(--tree-x,46px);top:var(--tree-y,38px)}.city-detail-sprite-tree-round{left:var(--tree-x,56px);top:var(--tree-y,42px)}.city-detail-sprite-tree-bushy{left:var(--tree-x,58px);top:var(--tree-y,52px)}.city-detail-sprite-tree-autumn{left:var(--tree-x,52px);top:var(--tree-y,42px)}.city-building{z-index:6;width:var(--sprite-size);height:var(--sprite-size);object-fit:contain;object-position:center bottom;position:absolute;top:0;left:0}.city-building-hall,.city-building-gate,.city-building-monument{width:104px;height:108px;top:-30px;left:0}.city-building-market{width:108px;height:100px;top:-22px;left:-2px}.city-sponsor-artwork{z-index:7;object-fit:contain;background:#ffffffe6;border:1px solid #15110de0;border-radius:3px;width:52px;height:30px;padding:2px;position:absolute;top:56px;left:54px;box-shadow:1px 1px #15110d73}.city-sponsor-artwork-billboard{width:70px;height:42px;padding:3px;top:48px;left:45px}.city-sponsor-artwork-tower,.city-sponsor-artwork-flagship{width:38px;height:48px;top:42px;left:62px}.city-sponsor-artwork-shop,.city-sponsor-artwork-cafe,.city-sponsor-artwork-kiosk,.city-sponsor-artwork-mall{width:54px;height:26px;top:58px;left:53px}.city-price{z-index:6;color:#15110d;opacity:0;background:#fff8ec;border:2px solid #15110d;border-radius:.25rem;width:auto;min-width:3.2rem;height:auto;padding:.18rem .32rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.5rem;font-weight:700;transition:opacity .12s;position:absolute;inset:auto auto -.55rem 50%;transform:translate(-50%);box-shadow:2px 2px #15110d}button.city-tile:hover .city-price,button.city-tile:focus-visible .city-price{opacity:1}button.city-tile{appearance:none;cursor:pointer;pointer-events:none;touch-action:none;margin:0;padding:0}button.city-tile .city-hitbox{pointer-events:auto}button.city-tile .city-detail-sprite,.city-map>div.city-tile{pointer-events:none}.city-tile,.city-tile *{-webkit-user-select:none;user-select:none}.city-detail-tree-pine,.city-detail-tree-spruce,.city-detail-tree-round,.city-detail-tree-bushy,.city-detail-tree-autumn{z-index:calc(var(--z) + 220)}button.city-tile:hover,button.city-tile:focus,button.city-tile:focus-visible,button.city-tile:active{z-index:var(--z);box-shadow:none;filter:none!important;outline:none!important;transform:none!important}button.city-detail-tree-pine:hover,button.city-detail-tree-pine:focus,button.city-detail-tree-pine:focus-visible,button.city-detail-tree-pine:active,button.city-detail-tree-spruce:hover,button.city-detail-tree-spruce:focus,button.city-detail-tree-spruce:focus-visible,button.city-detail-tree-spruce:active,button.city-detail-tree-round:hover,button.city-detail-tree-round:focus,button.city-detail-tree-round:focus-visible,button.city-detail-tree-round:active,button.city-detail-tree-bushy:hover,button.city-detail-tree-bushy:focus,button.city-detail-tree-bushy:focus-visible,button.city-detail-tree-bushy:active,button.city-detail-tree-autumn:hover,button.city-detail-tree-autumn:focus,button.city-detail-tree-autumn:focus-visible,button.city-detail-tree-autumn:active{z-index:calc(var(--z) + 220)}button.city-tile:hover:before,button.city-tile:focus:before,button.city-tile:focus-visible:before,button.city-tile:active:before,button.city-tile:hover .city-sprite,button.city-tile:focus .city-sprite,button.city-tile:focus-visible .city-sprite,button.city-tile:active .city-sprite,button.city-tile:hover .city-building,button.city-tile:focus .city-building,button.city-tile:focus-visible .city-building,button.city-tile:active .city-building,button.city-tile:hover .city-sponsor-artwork,button.city-tile:focus .city-sponsor-artwork,button.city-tile:focus-visible .city-sponsor-artwork,button.city-tile:active .city-sponsor-artwork,button.city-tile:hover .city-detail-sprite,button.city-tile:focus .city-detail-sprite,button.city-tile:focus-visible .city-detail-sprite,button.city-tile:active .city-detail-sprite{filter:none!important}button.city-tile:hover .city-sprite,button.city-tile:focus .city-sprite,button.city-tile:focus-visible .city-sprite,button.city-tile:active .city-sprite,button.city-tile:hover .city-building,button.city-tile:focus .city-building,button.city-tile:focus-visible .city-building,button.city-tile:active .city-building,button.city-tile:hover .city-sponsor-artwork,button.city-tile:focus .city-sponsor-artwork,button.city-tile:focus-visible .city-sponsor-artwork,button.city-tile:active .city-sponsor-artwork{transform:none!important}.city-tile.is-selected{z-index:var(--z)}.city-tile.is-selected:after,.city-tile.is-selected:before,.city-kind-resident.is-selected:after,.city-kind-store.is-selected:after,.city-kind-landmark.is-selected:after,.city-kind-resident.is-selected:before,.city-kind-store.is-selected:before,.city-kind-landmark.is-selected:before{content:none}.city-kind-resident.is-selected .city-building,.city-kind-store.is-selected .city-building,.city-kind-landmark.is-selected .city-building{filter:drop-shadow(0 0 #15110d)drop-shadow(0 0 5px #ffd23fe6)!important}.city-pan-controls{z-index:10000;background:#fff8ecf0;border:2px solid #15110d;border-radius:.55rem;grid-template-rows:repeat(3,2.15rem);grid-template-columns:repeat(3,2.15rem);gap:.25rem;padding:.45rem;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:4px 4px #15110d}.city-pan-controls button{background:#fff;border:2px solid #15110d;border-radius:.4rem;justify-content:center;align-items:center;display:flex}.city-pan-controls svg{fill:#15110d;width:1.05rem;height:1.05rem}.city-pan-up{grid-area:1/2}.city-pan-left{grid-area:2/1}.city-pan-right{grid-area:2/3}.city-pan-down{grid-area:3/2}.city-plot-close{z-index:10030;background:#ff3d2e;border:2px solid #15110d;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;position:absolute;top:-.75rem;right:-.75rem;box-shadow:3px 3px #15110d}.city-plot-close svg{fill:none;stroke:#fff8ec;stroke-width:3px;stroke-linecap:round;width:1rem;height:1rem}@media (width<=760px){.city-page{height:calc(100dvh - 6rem)}.city-topbar{gap:.55rem;min-height:5.2rem;padding:.55rem .75rem}.city-topbar h1{font-size:1.35rem;line-height:1}.city-topbar .text-muted{font-size:.46rem}.city-topbar__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.city-topbar__stats div{border-width:2px;min-width:0;padding:.35rem .42rem;box-shadow:2px 2px #15110d}.city-topbar__stats div:last-child{display:none}.city-topbar__stats span{letter-spacing:.06em;font-size:.46rem}.city-topbar__stats strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.city-scroll{padding:4.25rem 1rem 7.5rem}.city-toolbar{gap:.45rem;padding:.4rem .5rem;font-size:.58rem;top:.65rem;left:.65rem;box-shadow:2px 2px #15110d}.city-key{width:.7rem;height:.7rem}.city-zoom-controls{gap:.45rem;width:min(15.75rem,100vw - 6.9rem);padding:.42rem .5rem;bottom:.6rem;left:.6rem;box-shadow:3px 3px #15110d}.city-zoom-controls button{border-radius:.36rem;width:1.85rem;height:1.85rem}.city-zoom-controls input{min-width:4.5rem}.city-zoom-controls span{min-width:2.1rem;font-size:.72rem}.city-map{--iso-x:60px;--iso-y:30px;--sprite-size:160px;margin:1.25rem 8rem 9rem 3rem}.city-flat-land,.city-hitbox,.city-claim-outline{top:54px;left:20px}.city-detail-sprite{width:72px;height:72px}.city-pan-controls{grid-template-rows:repeat(3,1.85rem);grid-template-columns:repeat(3,1.85rem);gap:.2rem;padding:.38rem;bottom:.6rem;right:.6rem;box-shadow:3px 3px #15110d}.city-pan-controls button{border-radius:.36rem}.city-plot-dock{width:auto;max-width:none;inset:auto .75rem 5.25rem}.city-plot-card{max-height:min(42vh,18rem);padding:1rem;overflow:auto}.city-my-plots{padding:.75rem;box-shadow:3px 3px #15110d}.city-my-plots__list{gap:.45rem}.city-my-plot-button{padding:.55rem .65rem}.city-plot-card h2{font-size:1.35rem}}