:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#080c16;--foreground:#e5edf7;--card:#101827;--card-foreground:#e5edf7;--popover:#101827;--popover-foreground:#e5edf7;--primary:#53f7d6;--primary-foreground:#06251f;--secondary:#18263a;--secondary-foreground:#e5edf7;--accent:#1c3043;--accent-foreground:#e5edf7;--muted:#18263a;--muted-foreground:#9aafc7;--border:#2a3a50;--input:#2a3a50;--ring:#53f7d6;--destructive:#ff91ab;--city-violet:#b591ff;--city-amber:#f9cb75;--radius:.25rem}.city-app{background:radial-gradient(ellipse at 85% 0, #7d3ce012, transparent 45%), var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;font-size:14px}.city-app button,.dialog-content button{cursor:pointer}.city-app button:disabled,.dialog-content button:disabled{cursor:not-allowed}.city-app [data-slot=button],.dialog-content [data-slot=button]{gap:8px;min-height:40px;padding-inline:15px;font-weight:550}.city-app [data-size=icon],.dialog-content [data-size=icon]{width:38px;min-height:38px;padding:0}.city-app h1,.city-app h2,.city-app h3,.dialog-content h2,.dialog-content h3{letter-spacing:-.025em;margin:0;font-weight:650}.city-app h2{font-size:18px}.city-app h3,.dialog-content h3{font-size:16px}.city-app h2 small,.dialog-content h3 small{color:var(--muted-foreground);margin-left:8px;font-size:12px;font-weight:400}.city-app p{margin:7px 0;line-height:1.7}.city-app input,.city-app select,.dialog-content input:not([type=checkbox]){border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--foreground);border-radius:4px;min-width:0;padding:8px 12px}.city-app :focus-visible,.dialog-content :focus-visible{outline:2px solid var(--ring);outline-offset:3px}.city-app strong,.claim-amount,.transaction-total,.confirmation-highlight{font-variant-numeric:tabular-nums}.city-brand{color:var(--foreground);letter-spacing:-.6px;text-transform:uppercase;flex-shrink:0;align-items:center;gap:10px;font-size:23px;font-style:italic;font-weight:750;line-height:1.1;text-decoration:none;display:flex}.brand-icon{background:var(--primary);width:40px;height:43px;color:var(--primary-foreground);border-radius:2px;place-items:center;display:grid}.brand-light{color:var(--primary);font-weight:750}.city-brand small{letter-spacing:1.6px;color:var(--muted-foreground);margin-top:6px;font-size:8px;font-style:normal;font-weight:500;display:block}.wallet-button{font-size:12px!important}.live-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #53f7d65c}.currency-dot{border-radius:3px;width:8px;height:8px}.okb-dot{background:var(--city-amber)}.iron-dot{background:#83bbed}.wood-dot{background:#d896b9}.content-grid{grid-template-columns:minmax(0,1fr) 306px;align-items:start;gap:22px;display:grid}.side-stack{flex-direction:column;gap:18px;min-width:0;display:flex}.panel,.map-panel{border:1px solid var(--border);background:var(--card);border-radius:4px;padding:24px;box-shadow:inset 0 1px #ffffff04}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-heading h2{margin-top:6px}.eyebrow{letter-spacing:1.5px;color:var(--muted-foreground);align-items:center;gap:7px;font-size:10px;font-weight:550;display:flex}.map-panel{padding:0;overflow:hidden}.map-panel .panel-heading{margin:0;padding:20px 22px 16px}.map-coordinate{color:var(--muted-foreground);font-family:ui-monospace,monospace;font-size:10px}.map-stage{border-block:1px solid var(--border);position:relative}.map-stage>canvas{cursor:grab;touch-action:none;width:100%;height:510px;display:block}.map-stage>canvas:active{cursor:grabbing}.map-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:18px;right:18px}.map-zoom button{background:var(--secondary);box-shadow:0 2px 5px #00000030}.map-overview{border:1px solid var(--border);background:var(--secondary);border-radius:4px;padding:6px;position:absolute;bottom:18px;left:18px;box-shadow:0 4px 12px #00000040}.map-overview canvas{width:105px;height:105px;image-rendering:pixelated;cursor:crosshair;border-radius:3px;display:block}.map-overview span{text-align:center;color:var(--muted-foreground);margin-top:5px;font-size:7px;display:block}.map-help{background:var(--secondary);border:1px solid var(--border);color:var(--muted-foreground);pointer-events:none;border-radius:5px;padding:6px 9px;font-size:10px;position:absolute;bottom:18px;right:18px}.map-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:14px 20px 10px;display:flex}.legend{color:var(--muted-foreground);gap:15px;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:2px;width:7px;height:7px}.free-dot{background:#17303b}.mine-dot{background:#237d7c}.other-dot{background:#34334f}.road-dot{border:1px solid var(--border);background:#0b1221}.coordinate-form{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:7px;padding:0 20px 14px;font-size:11px;display:flex}.coordinate-form input{width:68px;height:32px;min-height:32px;padding:4px 9px;font-size:11px}.coordinate-form [data-slot=button]{min-height:32px;font-size:11px}.coordinate-form small{color:var(--destructive)}.plot-panel{padding:23px}.plot-panel h2,.plot-panel>p{text-align:center}.plot-panel>.building-art{width:140px;height:125px;margin:-4px auto 5px}.coordinate-badge{color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:10px;display:flex}.land-preview{width:85px;height:85px;color:var(--primary);background:var(--secondary);border-radius:4px;place-items:center;margin:15px auto 18px;display:grid}.road-preview{background:var(--secondary);color:var(--muted-foreground)}.detail-list{margin:18px 0;font-size:12px}.detail-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:11px 0;display:flex}.detail-list>div:last-child{border-bottom:none}.detail-list dt{color:var(--muted-foreground)}.detail-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.detail-list .price{color:var(--primary);font-size:18px;font-weight:600}.price small{font-size:10px;font-weight:400}.full-width{width:100%}.stack-actions{flex-direction:column;gap:9px;display:flex}.muted{color:var(--muted-foreground);font-size:12px}.note{color:var(--muted-foreground);font-size:11px;line-height:1.7;margin-top:14px!important}.empty-state{text-align:center;padding:32px 14px}.empty-state h3{margin-top:19px}.empty-state p{color:var(--muted-foreground);max-width:310px;margin:11px auto 21px;font-size:12px;line-height:1.9}.empty-icon{border:1px solid var(--border);background:var(--secondary);width:65px;height:65px;color:var(--primary);border-radius:4px;place-items:center;margin:0 auto;display:grid}.empty-icon svg{stroke-width:1.2px;width:28px;height:28px}.claim-card{background:var(--secondary);border:1px solid var(--border);border-radius:4px;padding:24px}.claim-card .eyebrow{color:var(--primary);letter-spacing:1px}.claim-amount{letter-spacing:-.9px;color:var(--primary);margin:15px 0 20px;font-size:29px}.claim-amount span{letter-spacing:0;color:var(--primary);margin-left:5px;font-size:11px}.claim-card button{background:var(--card);width:100%;color:var(--primary);border-color:var(--primary);justify-content:space-between}.claim-card p{text-align:center;color:var(--muted-foreground);margin-top:11px;font-size:10px}.distribution{gap:13px;display:grid}.distribution-row{align-items:center;gap:10px;font-size:11px;display:flex}.distribution-row>span{min-width:48px;color:var(--muted-foreground);align-items:center;gap:7px;display:flex}.distribution-row i{border-radius:2px;width:6px;height:6px}.distribution-row strong{text-align:right;min-width:37px;color:var(--muted-foreground);font-size:10px;font-weight:400}.distribution-track{background:var(--border);border-radius:4px;flex:1;height:5px;overflow:hidden}.distribution-track>div{border-radius:4px;height:100%}.building-art{width:130px;height:116px;margin:0 auto;display:block}.step-number{border:1px solid var(--border);width:23px;height:23px;color:var(--muted-foreground);border-radius:50%;place-items:center;font-size:10px;display:inline-grid}.district-tabs{flex-wrap:wrap;gap:8px;display:flex}.district-tabs button{border:1px solid var(--border);color:var(--muted-foreground);border-radius:6px;align-items:center;gap:7px;padding:9px 15px;font-size:12px;display:flex}.district-tabs button.selected{border-color:var(--primary);color:var(--primary);background:var(--secondary)}.district-tabs i{border-radius:2px;width:7px;height:7px}.blueprint-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.blueprint{text-align:center;border:1px solid var(--border);background:var(--secondary);border-radius:4px;flex-direction:column;align-items:center;min-width:0;padding:13px 8px;display:flex}.blueprint.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:var(--secondary)}.blueprint:disabled{opacity:.48}.blueprint-top{width:100%;color:var(--muted-foreground);justify-content:space-between;padding-inline:3px;font-size:10px;display:flex}.blueprint .building-art{width:100%;max-width:130px;height:115px}.blueprint>strong{font-size:13px}.blueprint-power{margin-top:9px;font-size:18px}.blueprint-power small{color:var(--muted-foreground);font-size:10px}.blueprint-material{color:var(--muted-foreground);margin-top:7px;font-size:10px}.quantity-row{align-items:center;gap:13px;margin-top:22px;font-size:12px;display:flex}.quantity-row input{width:75px}.material-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.material-item{align-items:center;gap:14px;padding:16px 0;display:flex}.material-item+.material-item{border-left:1px solid var(--border);padding-left:28px}.material-icon{background:var(--secondary);color:var(--muted-foreground);border-radius:4px;padding:13px}.wood .material-icon{color:var(--city-amber);background:#292031}.material-item h3 small{color:var(--muted-foreground);margin-left:5px;font-size:10px;font-weight:400}.material-item p{color:var(--muted-foreground);font-size:11px}.material-actions{gap:7px;margin-left:auto;display:flex}.material-actions button{flex-direction:column;height:auto;display:flex;gap:1px!important;padding:8px 12px!important}.material-actions small{color:var(--muted-foreground);font-size:10px;font-weight:400}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin:29px 0 20px;display:flex}.section-heading h2{margin-top:8px}.section-heading p{color:var(--muted-foreground);font-size:11px}.section-heading select{font-size:12px}.property-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.property-card{border:1px solid var(--border);background:var(--card);border-radius:4px;overflow:hidden}.property-art{place-items:center;height:155px;display:grid;position:relative}.property-art .building-art{width:145px;height:135px}.property-tier{color:var(--muted-foreground);font-size:10px;position:absolute;top:12px;left:13px}.property-art>.status-label{position:absolute;top:11px;right:11px}.property-body{padding:18px}.property-name{justify-content:space-between;align-items:center;gap:7px;display:flex}.property-name h3{font-size:15px}.property-name>span{color:var(--muted-foreground);font-size:10px}.property-body>p{font-size:10px}.property-metrics{color:var(--muted-foreground);border-bottom:1px solid var(--border);gap:15px;padding:12px 0;font-size:10px;display:flex}.property-metrics strong{color:var(--primary);font-size:12px;font-weight:550}.property-price{justify-content:space-between;align-items:end;gap:5px;padding:14px 0;display:flex}.property-price>strong{font-size:20px;font-weight:600}.property-price small{font-size:10px;font-weight:400}.property-price>span{color:var(--muted-foreground);font-size:10px}.status-label{white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:inline-flex}.verified{color:var(--primary)}.unverified{color:var(--city-amber)}.asset-list{flex-direction:column;display:flex}.asset-row{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:14px 0;display:flex}.asset-row:last-child{border-bottom:none}.asset-art{background:var(--secondary);width:65px;height:68px;color:var(--primary);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.asset-art .building-art{width:67px;height:68px}.asset-description{flex:1}.asset-description h3{font-size:13px}.text-button{color:var(--muted-foreground);text-underline-offset:3px;margin-top:6px;font-size:10px;text-decoration:underline;display:block}.asset-value{text-align:right;flex-direction:column;gap:5px;margin-right:10px;display:flex}.asset-value strong{font-size:12px}.asset-value span{color:var(--muted-foreground);font-size:10px}.asset-row>button{font-size:11px}.data-metrics{background:var(--card);border:1px solid var(--border);border-radius:4px;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:24px;display:grid}.data-metric{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:27px}.data-metric:nth-child(3n){border-right:none}.data-metric:nth-child(n+4){border-bottom:none}.data-metric span{color:var(--muted-foreground);font-size:11px;display:block}.data-metric strong{margin-top:13px;font-size:25px;font-weight:550;display:block}.simulation-info{background:var(--secondary);border-radius:4px;margin-top:27px;padding:20px}.simulation-info p{color:var(--muted-foreground);font-size:12px}.dialog-overlay{z-index:50;background:#030711cf;position:fixed;inset:0}.dialog-content{z-index:51;background:var(--card);border:1px solid var(--border);border-top:2px solid var(--primary);width:min(540px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--foreground);border-radius:4px;padding:30px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 90px #0009}.dialog-content h2{margin:12px 0;font-size:23px}.dialog-content>p{color:var(--muted-foreground);margin-bottom:18px;font-size:12px;line-height:1.8}.dialog-content .dialog-close{position:absolute;top:13px;right:13px}.dialog-content>h3{margin:18px 0}.confirmation-highlight{align-items:baseline;gap:9px;margin-top:24px;display:flex}.confirmation-highlight strong{font-size:36px;font-weight:500}.confirmation-highlight span{color:var(--muted-foreground);font-size:12px}.target-list{flex-wrap:wrap;gap:6px;max-height:95px;margin:13px 0;display:flex;overflow:auto}.target-list span{background:var(--secondary);color:var(--primary);border-radius:4px;padding:6px 9px;font-size:10px}.notice-info{border:1px solid var(--border);background:var(--secondary);border-radius:4px;margin:17px 0;padding:13px 15px;font-size:12px;line-height:1.8}.notice-info p{margin:0 0 10px}.notice-info small{color:var(--muted-foreground);margin-top:8px;font-size:10px;display:block}.checkbox-label{align-items:center;gap:8px;margin:22px 0;font-size:12px;display:flex}.checkbox-label input{accent-color:var(--primary);width:16px;height:16px}.build-steps{flex-direction:column;gap:10px;margin:20px 0;padding:0;list-style:none;display:flex}.build-steps li{color:var(--muted-foreground);align-items:center;gap:10px;font-size:11px;display:flex}.build-steps li>span{background:var(--secondary);border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.build-steps li.done,.build-steps li.running{color:var(--primary)}.build-steps li.running>span{background:var(--secondary)}.transaction-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:20px;display:flex}.transaction-total>span{color:var(--muted-foreground);font-size:11px}.transaction-total strong{font-size:24px;font-weight:550}.transaction-total small{font-size:11px}.inline-error{margin:12px 0;font-size:12px;line-height:1.7;color:var(--destructive)!important}.dialog-actions{gap:10px;margin-top:22px;display:flex}.dialog-actions button:first-child{flex:1}.dialog-actions button:last-child{flex:2}.demo-toast{background:var(--secondary);border:1px solid var(--primary);color:var(--foreground);z-index:60;border-radius:4px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 30px);padding:15px 18px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #00000060}.demo-toast.error{border-color:var(--destructive);background:#54233c}.demo-toast>svg,.demo-toast button{flex-shrink:0}.demo-toast button{opacity:.7;margin-left:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.city-app [data-slot=button],.dialog-content [data-slot=button]{border-radius:3px}.city-app [data-variant=default],.dialog-content [data-variant=default]{box-shadow:0 0 20px #53f7d612}.claim-amount,.property-price>strong,.data-metric strong,.transaction-total strong{letter-spacing:-.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow{color:var(--primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.map-panel .panel-heading{border-top:2px solid var(--primary)}.claim-card{border-top:2px solid var(--city-violet);background:linear-gradient(140deg, #211b36, var(--card) 75%)}.claim-card .claim-amount{color:#d3c1ff}.property-art{background-image:linear-gradient(#647bac0b 1px,#0000 1px),linear-gradient(90deg,#647bac0b 1px,#0000 1px);background-size:22px 22px}.blueprint:hover:not(:disabled),.property-card:hover{border-color:#49607b}.blueprint.selected:hover{border-color:var(--primary)}.building-art{filter:drop-shadow(0 8px 10px #00000035)}@media (width>=1450px){.map-stage>canvas{height:560px}}@media (width<=1150px){.content-grid{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.map-stage>canvas{height:495px}.material-grid{grid-template-columns:1fr;gap:0}.material-item+.material-item{border-left:none;border-top:1px solid var(--border);padding-left:0}.blueprint-grid{grid-template-columns:repeat(2,1fr)}.property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.content-grid{grid-template-columns:1fr}.map-stage>canvas{height:440px}.plot-panel .empty-state{padding-block:14px}.content-grid>.side-stack{grid-template-columns:1fr 1fr;display:grid}.blueprint-grid{grid-template-columns:repeat(4,1fr)}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-metric strong{font-size:21px}}@media (width<=540px){.city-brand{font-size:20px}.brand-icon{width:34px;height:37px}.city-brand small{letter-spacing:1.1px;font-size:5.5px}.wallet-button{padding-inline:10px!important;font-size:11px!important}.map-panel .panel-heading{padding:15px}.map-panel h2{font-size:17px}.map-stage>canvas{height:355px}.map-overview{bottom:12px;left:12px}.map-overview canvas{width:74px;height:74px}.map-overview span{font-size:6px}.map-zoom{top:12px;right:12px}.map-help{font-size:10px;bottom:12px;right:10px}.map-toolbar{padding:12px}.legend{gap:8px;font-size:10px}.map-toolbar button{font-size:10px;padding-inline:9px!important}.coordinate-form{gap:5px;padding-inline:12px}.coordinate-form input{width:53px}.content-grid>.side-stack{align-items:stretch;display:flex}.panel{padding:19px}.plot-panel{padding:20px}.plot-panel .empty-state{padding:20px 12px}.claim-card{padding:22px}.distribution-row{gap:5px}.distribution-row>span{min-width:40px;font-size:10px}.distribution-row strong{min-width:30px;font-size:10px}.blueprint-grid{grid-template-columns:repeat(2,1fr)}.district-tabs{gap:6px}.district-tabs button{padding:9px 12px}.quantity-row{flex-wrap:wrap}.material-item{flex-wrap:wrap;gap:10px}.material-icon{padding:10px}.material-actions{margin-left:45px}.section-heading{align-items:start}.section-heading h2{max-width:205px;font-size:18px}.section-heading select{max-width:108px;font-size:10px}.property-grid{gap:11px}.property-art{height:129px}.property-art .building-art{width:115px;height:115px}.property-art>.status-label{font-size:10px;top:10px;right:8px}.property-body{padding:12px}.property-name{flex-wrap:wrap;gap:3px}.property-name h3{font-size:13px}.property-name>span,.property-body>p{font-size:10px}.property-metrics{flex-wrap:wrap;gap:4px}.property-price{flex-direction:column;align-items:start;gap:3px}.property-price strong{font-size:18px}.property-body button{font-size:10px;padding-inline:7px!important}.asset-row{flex-wrap:wrap;gap:11px}.asset-value{text-align:left;margin-left:76px;margin-right:auto}.asset-row>button{margin-left:auto}.data-metrics{grid-template-columns:repeat(2,1fr)}.data-metric{padding:18px;border-right:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important}.data-metric:nth-child(2n){border-right:none!important}.data-metric:nth-child(n+5){border-bottom:none!important}.data-metric strong{font-size:18px}.dialog-content{padding:25px 21px}.dialog-content h2{font-size:21px}.dialog-content>.eyebrow{font-size:7px}.transaction-total strong{font-size:21px}.demo-toast{padding:12px;font-size:11px;bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.game-shell{grid-template-rows:68px 48px minmax(0,1fr);grid-template-columns:78px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.game-header{border-bottom:1px solid var(--border);background:var(--card);grid-column:1/-1;align-items:center;gap:24px;padding:0 24px;display:flex}.game-header .city-brand{font-size:24px}.game-header .brand-icon{width:36px;height:38px}.game-mode{color:var(--muted-foreground);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.resource-hud{border-bottom:1px solid var(--border);background:#0d1421;grid-column:1/-1;align-items:center;gap:28px;padding:0 24px;display:flex}.resource-hud>div{color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:flex}.resource-hud strong{color:var(--foreground);font-family:ui-monospace,monospace;font-size:15px}.resource-caption{color:var(--muted-foreground);letter-spacing:1px;margin-left:auto;font-size:10px}.game-nav{background:var(--card);border-right:1px solid var(--border);z-index:2;flex-direction:column;grid-area:3/1;gap:10px;padding:14px 8px;display:flex}.game-nav button{min-height:67px;color:var(--muted-foreground);border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.game-nav button:hover{background:var(--secondary)}.game-nav button[aria-current]{color:var(--primary);box-shadow:inset 2px 0 var(--primary);background:#53f7d610;border-color:#53f7d644}.game-main{grid-area:3/2;min-width:0;min-height:0;position:relative}.playfield{grid-template-columns:minmax(0,1fr) 350px;gap:0;height:100%;display:grid}.game-map{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.game-map .map-panel{background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.game-map .panel-heading{border-top:0;padding:14px 20px 12px}.game-map .panel-heading h2{margin-top:4px;font-size:17px}.game-map .map-stage{flex:1;min-height:0}.game-map .map-stage>canvas{height:100%}.game-map .map-toolbar{padding:10px 16px}.game-map .map-overview canvas{width:84px;height:84px}.game-map .map-overview{bottom:12px;left:12px}.map-coordinate-search{color:var(--muted-foreground);z-index:2;font-size:11px;position:absolute;top:17px;right:62px}.map-coordinate-search summary{cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:3px;padding:8px}.map-coordinate-search[open]{background:var(--card);border:1px solid var(--border);box-shadow:0 12px 30px #0007}.map-coordinate-search .coordinate-form{max-width:270px;padding:12px}.game-map .map-coordinate{display:none}.world-caption{color:var(--muted-foreground);align-items:center;gap:18px;padding:0 16px 8px;font-size:10px;display:flex}.world-caption button{margin-left:auto}.game-dock{background:var(--card);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.dock-heading{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:18px 20px 15px;display:flex}.dock-heading>div{flex:1}.dock-heading h1{margin-top:6px;font-size:20px}.dock-heading .eyebrow{font-size:9px}.dock-toggle{display:none}.dock-body{overscroll-behavior:contain;min-height:0;padding:18px 20px;overflow:auto}.game-dock .plot-panel{box-shadow:none;border:0;padding:0}.game-dock .plot-panel>.building-art{width:155px;height:140px}.game-dock .empty-state{padding:20px 0 14px}.game-dock .empty-state h3{font-size:18px}.game-dock .empty-state p{font-size:12px}.game-dock .empty-icon{background:linear-gradient(135deg,#53f7d615,#a686ff0d);border-color:#53f7d638;width:78px;height:78px}.first-steps{border-top:1px solid var(--border);gap:17px;margin-top:24px;padding-top:20px;font-size:12px;display:grid}.first-steps b{color:var(--primary);margin-right:10px;font:11px ui-monospace,monospace}.first-steps p{color:var(--muted-foreground);font-size:10px}.game-overlay{z-index:3;background:var(--background);border:1px solid var(--border);border-top:2px solid var(--primary);flex-direction:column;display:flex;position:absolute;inset:16px;box-shadow:0 20px 80px #000b}.overlay-heading{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.overlay-heading h1{margin-top:6px;font-size:23px}.overlay-body{overscroll-behavior:contain;min-height:0;padding:24px;overflow:auto}.overlay-body .content-grid{grid-template-columns:minmax(0,1fr) 270px}.overlay-body .property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overlay-body .material-grid{grid-template-columns:1fr;gap:0}.overlay-body .material-item+.material-item{border-left:0;border-top:1px solid var(--border);padding-left:0}.placement-location{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:14px;font-size:11px;display:flex}.placement-location button{margin-left:auto;font-size:10px;padding-inline:0!important}.placement-panel .district-tabs{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;display:grid}.placement-panel .district-tabs button{padding:8px 10px;font-size:11px}.placement-panel .blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.placement-panel .blueprint{padding:9px 6px}.placement-panel .blueprint .building-art{width:100px;height:81px}.placement-panel .blueprint>strong{font-size:12px}.placement-panel .blueprint-power{margin-top:4px;font-size:15px}.placement-panel .quantity-row{flex-wrap:wrap;gap:8px;margin-top:16px;font-size:11px}.placement-panel .quantity-row input{width:65px}.placement-status{background:var(--secondary);border-left:2px solid var(--primary);margin-top:14px;padding:10px 12px;font-size:12px;line-height:1.6}.placement-cells{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.placement-cells span{color:var(--primary);background:#53f7d60a;padding:4px;font-size:10px}.placement-cells .blocked{color:var(--destructive);background:#ff658511}.dock-action{background:var(--card);z-index:2;padding:12px 0;position:sticky;bottom:-18px}.dock-collapsed-summary{display:none}.build-success{width:max-content;max-width:90%;color:var(--primary);border:1px solid var(--primary);pointer-events:none;background:#0d2630;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.game-shell .demo-toast{bottom:18px}@media (width>=1500px){.playfield{grid-template-columns:minmax(0,1fr) 390px}}@media (width<=1000px){.playfield{grid-template-columns:minmax(0,1fr) 320px}.resource-caption{display:none}.game-mode{font-size:10px}.overlay-body .content-grid{grid-template-columns:1fr}.overlay-body .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-map .map-overview{display:none}.game-map .map-help{font-size:9px;right:12px}.game-map .legend{gap:8px;font-size:10px}.game-map .map-toolbar{padding:8px}.game-map .map-toolbar button{font-size:10px;padding-inline:8px!important}.map-coordinate-search{right:10px}}@media (width<=700px){.game-shell{grid-template-rows:60px 48px minmax(0,1fr) 62px;grid-template-columns:1fr}.game-header{gap:10px;padding:0 14px}.game-header .city-brand{font-size:20px}.game-header .brand-icon{width:30px;height:32px}.game-header .city-brand small{letter-spacing:1px;font-size:6px}.game-mode{display:none}.game-header .wallet-button{margin-left:auto;padding-inline:10px!important;font-size:10px!important}.resource-hud{justify-content:space-between;gap:12px;padding:0 12px}.resource-hud>div{gap:4px;font-size:9px}.resource-hud strong{font-size:11px}.resource-hud svg{display:none}.game-nav{border-right:0;border-top:1px solid var(--border);flex-direction:row;grid-area:4/1;justify-content:space-around;gap:0;padding:4px 8px}.game-nav button{flex:1;gap:4px;min-height:50px;font-size:10px}.game-nav button[aria-current]{box-shadow:inset 0 2px var(--primary)}.game-main{grid-area:3/1}.playfield{grid-template-rows:minmax(130px,1fr) minmax(0,46%);grid-template-columns:1fr}.playfield.dock-collapsed{grid-template-rows:minmax(130px,1fr) 95px}.game-dock{z-index:2;border-top:1px solid #53f7d666;border-left:0;border-radius:14px 14px 0 0;box-shadow:0 -12px 30px #0004}.dock-heading{padding:10px 16px}.dock-heading h1{margin-top:2px;font-size:17px}.dock-heading .eyebrow{font-size:8px}.dock-body{padding:12px 16px}.dock-toggle{border:1px solid var(--border);border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.dock-toggle svg{width:16px}.dock-collapsed .dock-body{display:none}.dock-collapsed-summary{color:var(--muted-foreground);align-items:center;gap:8px;padding:0 16px 10px;font-size:11px;display:flex}.game-map .panel-heading{padding:9px 14px}.game-map .panel-heading h2{font-size:15px}.game-map .panel-heading .eyebrow{font-size:8px}.map-coordinate-search{top:10px}.game-map .map-toolbar{padding:6px 10px}.game-map .map-toolbar button{min-height:30px}.world-caption{display:none}.game-map .map-zoom{gap:4px;top:10px;right:10px}.game-map .map-zoom button{width:32px;height:32px;min-height:32px}.game-map .map-help,.game-dock .plot-panel>.building-art,.game-dock .land-preview,.game-dock .plot-panel .panel-heading{display:none}.game-dock .plot-panel h2,.game-dock .plot-panel>p{text-align:left}.game-dock .detail-list{margin:8px 0;font-size:11px}.game-dock .detail-list>div{padding:7px 0}.game-dock .empty-state{padding:2px 0}.game-dock .empty-icon,.first-steps{display:none}.game-dock .empty-state h3{margin-top:0;font-size:16px}.game-dock .empty-state p{margin:7px auto 12px}.game-dock .stack-actions{background:var(--card);padding:8px 0;position:sticky;bottom:-12px}.game-dock .stack-actions button{min-height:38px}.placement-panel .blueprint .building-art{width:83px;height:65px}.placement-panel .blueprint-grid{gap:6px}.dock-action{bottom:-12px}.placement-panel .district-tabs{grid-template-columns:repeat(6,1fr);gap:3px}.placement-panel .district-tabs button{justify-content:center;padding:7px 3px;font-size:10px}.placement-panel .district-tabs i{display:none}.game-overlay{border:0;inset:0}.overlay-heading{padding:14px 16px}.overlay-heading h1{font-size:20px}.overlay-heading .eyebrow{font-size:8px}.overlay-heading button{font-size:11px;padding-inline:10px!important}.overlay-body{padding:14px}.overlay-body .panel{padding:16px}.game-shell .demo-toast{max-width:calc(100vw - 24px);padding:10px 12px;font-size:11px;bottom:73px}.build-success{padding:8px;font-size:10px;top:65px}}.game-header .mobile-demo-label{display:none}@media (width<=700px){.game-header .desktop-brand-label{display:none}.game-header .mobile-demo-label{letter-spacing:.4px;color:var(--muted-foreground);font-size:8px;display:block}}.game-shell .demo-toast{pointer-events:none}.game-shell .demo-toast button{pointer-events:auto}@media (width<=700px){.game-shell .demo-toast{top:174px;bottom:auto}}