:root{--bg:#1a1410;--surface:#2a2218;--surface-hover:#3a3020;--border:#5a4a2e;--text:#e8dcc8;--text-dim:#a0896a;--green:#4ead5b;--green-bg:#4ead5b1f;--yellow:#d4a017;--yellow-bg:#d4a0171f;--red:#c94a3a;--red-bg:#c94a3a1f;--blue:#7a9ec4;--purple:#9a7abf;--grey:#6b6055;--brass:#c9a84c;--brass-dim:#8b6914;--copper:#b87333;--bronze:#6d4c1e;--amber-glow:#c9a84c26;--rivet:#4a3c24}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.dashboard{background:radial-gradient(at 50% 0,#c9a84c0f 0%,#0000 60%),radial-gradient(at 80% 100%,#b873330a 0%,#0000 50%);max-width:1600px;min-height:100vh;margin:0 auto;padding:24px}.header{border-bottom:2px solid var(--border);border-image:linear-gradient(90deg, var(--bronze), var(--brass), var(--bronze)) 1;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.header h1{letter-spacing:1.5px;text-transform:uppercase;color:var(--brass);text-shadow:0 0 20px #c9a84c4d;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;display:flex}.header-icon{flex-shrink:0}.header-right{align-items:center;gap:16px;display:flex}.health-summary{gap:8px;font-size:14px;display:flex}.health-pill{background:var(--surface);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-family:ui-monospace,monospace;font-weight:600;display:flex;position:relative}.health-pill:before,.health-pill:after{content:"";background:var(--rivet);border:1px solid var(--border);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.health-pill:before{left:2px}.health-pill:after{right:2px}.pill-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.health-pill.healthy .pill-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.health-pill.degraded .pill-dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.health-pill.unhealthy .pill-dot{background:var(--red);box-shadow:0 0 8px var(--red)}.refresh-btn{background:linear-gradient(180deg, var(--surface-hover), var(--surface));border:1px solid var(--brass-dim);color:var(--brass);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:8px 16px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:600;transition:all .2s;box-shadow:inset 0 1px #c9a84c1a,0 2px 4px #0000004d}.refresh-btn:hover{background:linear-gradient(180deg, var(--surface-hover), var(--surface-hover));border-color:var(--brass);color:var(--text);box-shadow:inset 0 1px #c9a84c33,0 0 12px #c9a84c26}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.last-updated{color:var(--text-dim);align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:11px;display:flex}.ws-indicator{background:var(--grey);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s;display:inline-block}.ws-indicator.connected{background:var(--brass);box-shadow:0 0 8px #c9a84c99}.error-banner{background:var(--red-bg);border:1px solid var(--red);color:var(--red);border-radius:4px;margin-bottom:24px;padding:12px 16px;font-family:ui-monospace,monospace;font-size:14px}.loading{height:60vh;color:var(--brass);text-transform:uppercase;letter-spacing:2px;flex-direction:column;justify-content:center;align-items:center;gap:24px;font-family:Georgia,Times New Roman,serif;font-size:16px;display:flex}.loading-city{align-items:flex-end;gap:8px;display:flex}.loading-building{background:linear-gradient(180deg, var(--surface-hover), var(--surface));border:1px solid var(--brass-dim);border-radius:2px;animation:1.5s ease-in-out infinite build-up}.loading-building.b1{width:20px;animation-delay:0s}.loading-building.b2{width:24px;animation-delay:.3s}.loading-building.b3{width:18px;animation-delay:.6s}@keyframes build-up{0%,to{opacity:.4;height:20px}50%{opacity:1;height:50px}}.cities-container{flex-direction:column;gap:40px;display:flex}.city{border:2px solid var(--border);background:linear-gradient(#2a22184d 0%,#1a1410cc 100%);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006,inset 0 1px #c9a84c14}.city-header{background:linear-gradient(180deg, var(--surface-hover), var(--surface));border-bottom:2px solid var(--border);border-image:linear-gradient(90deg, var(--bronze), var(--brass-dim), var(--bronze)) 1;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.city-header:after{content:"u2699";color:var(--brass-dim);opacity:.3;pointer-events:none;font-size:20px;animation:20s linear infinite gear-spin;position:absolute;top:50%;right:24px;transform:translateY(-50%)}@keyframes gear-spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.city-nameplate{align-items:center;gap:12px;display:flex}.city-env-badge{text-transform:uppercase;letter-spacing:1px;border-radius:3px;padding:3px 10px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:700}.city-env-badge.prod{background:var(--red-bg);color:var(--red);border:1px solid #c94a3a4d;box-shadow:0 0 8px #c94a3a1a}.city-env-badge.dev{background:var(--amber-glow);color:var(--brass);border:1px solid #c9a84c4d}.city-name{letter-spacing:1px;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700}.city-stack-count{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:12px}.city-resources{align-items:flex-end;gap:16px;display:flex}.resource-meter{flex-direction:column;align-items:center;gap:4px;display:flex}.meter-bar{background:var(--surface);border:1px solid var(--brass-dim);border-radius:5px;width:10px;height:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.meter-fill{border-radius:5px;width:100%;transition:height .6s;position:absolute;bottom:0;left:0}.meter-fill.cpu{background:linear-gradient(0deg, var(--copper), var(--yellow));box-shadow:0 0 6px #d4a01766}.meter-fill.ram{background:linear-gradient(0deg, #4a7a9e, var(--blue));box-shadow:0 0 6px #7a9ec466}.meter-fill.disk{background:linear-gradient(0deg, #7a5a9f, var(--purple));box-shadow:0 0 6px #9a7abf66}.meter-fill.net{background:linear-gradient(0deg, #3a8a4a, var(--green));box-shadow:0 0 6px #4ead5b66}.meter-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-family:ui-monospace,monospace;font-size:9px}.city-ground{background:repeating-linear-gradient(0deg,#0000,#0000 79px,#5a4a2e26 79px 80px),repeating-linear-gradient(90deg,#0000,#0000 79px,#5a4a2e26 79px 80px);padding:24px;position:relative}.city-ground:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#c9a84c0a 100%);height:60px;position:absolute;bottom:0;left:0;right:0}.city-ground:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(80px 20px at 20%,#c9a84c0f 0%,#0000 100%),radial-gradient(60px 15px at 50% 60%,#b873330d 0%,#0000 100%),radial-gradient(100px 25px at 80% 40%,#c9a84c0a 0%,#0000 100%);height:40px;animation:8s ease-in-out infinite alternate steam-drift;position:absolute;bottom:10px;left:0;right:0}@keyframes steam-drift{0%{opacity:.6;transform:translate(-10px)}to{opacity:1;transform:translate(10px)}}.city-blocks{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.city-block-wrapper{position:relative}.city-block{background:var(--surface);border:2px solid var(--border);border-radius:6px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d}.city-block:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.city-block.health-healthy{border-color:#4ead5b4d}.city-block.health-healthy:before{background:var(--green);box-shadow:0 0 10px #4ead5b4d}.city-block.health-degraded{border-color:#d4a0174d}.city-block.health-degraded:before{background:var(--yellow);box-shadow:0 0 10px #d4a0174d}.city-block.health-unhealthy{border-color:#c94a3a4d}.city-block.health-unhealthy:before{background:var(--red);animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 10px #c94a3a4d}.city-block.health-error{border-color:#6b60554d}.city-block.health-error:before{background:var(--grey)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.city-block:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000080,0 0 20px #c9a84c0f}.block-header{border-bottom:1px solid var(--border);background:linear-gradient(#3a302066,#0003);align-items:center;gap:8px;padding:12px 16px;display:flex}.block-header:before,.block-header:after{content:"";background:radial-gradient(circle at 35% 35%, var(--border), var(--rivet));border:1px solid var(--bronze);border-radius:50%;flex-shrink:0;width:6px;height:6px}.block-health-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.block-name{text-transform:uppercase;letter-spacing:1px;color:var(--brass);flex:1;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700}.block-stats{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:12px}.block-ground{background:linear-gradient(#0000 0%,#1a141066 100%);min-height:120px;padding:16px}.buildings-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;display:flex}.infra-row{border-bottom:1px dashed var(--brass-dim);justify-content:center;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.building{cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;padding:4px;transition:all .2s;display:flex}.building:hover{background:#c9a84c0a;transform:translateY(-3px)}.building.status-ripple{animation:1.5s ease-out status-ripple}@keyframes status-ripple{0%{box-shadow:0 0 #c9a84c66}40%{box-shadow:0 0 0 12px #c9a84c00}to{box-shadow:none}}.building.stopped{opacity:.55}.building.stopped:hover{opacity:.8}.building svg{filter:drop-shadow(0 2px 4px #0006)}.building svg rect{transition:fill .6s,opacity .6s}.building-label{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;margin-top:4px;font-family:ui-monospace,monospace;font-size:9px;overflow:hidden}.infra-building{flex-direction:column;align-items:center;gap:4px;display:flex}.infra-building svg{filter:drop-shadow(0 2px 4px #0006)}.smoke-puff{animation:3s ease-in-out infinite smoke}@keyframes smoke{0%{opacity:.5;transform:translateY(0)}50%{opacity:.2;transform:translateY(-6px)}to{opacity:0;transform:translateY(-12px)}}.smoke-puff-2{animation:4s ease-in-out 1s infinite smoke2}@keyframes smoke2{0%{opacity:.4;transform:translateY(0)translate(0)}50%{opacity:.15;transform:translateY(-8px)translate(3px)}to{opacity:0;transform:translateY(-14px)translate(-2px)}}.smoke-puff-3{animation:3.5s ease-in-out .5s infinite smoke3}@keyframes smoke3{0%{opacity:.35;transform:translateY(0)translate(0)}50%{opacity:.1;transform:translateY(-10px)translate(-4px)}to{opacity:0;transform:translateY(-16px)translate(2px)}}.traefik-highway{z-index:2;padding:8px 16px 12px;position:relative}.highway-label{color:var(--brass);text-transform:uppercase;letter-spacing:2px;opacity:.7;align-items:center;gap:6px;margin-bottom:4px;font-family:Georgia,Times New Roman,serif;font-size:9px;font-weight:700;display:flex}.highway-road{position:relative}.highway-surface{border:1px solid var(--brass-dim);background:linear-gradient(#2a2015,#1e1810,#2a2015);border-radius:3px;flex-direction:column;justify-content:center;height:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 1px #c9a84c14}.highway-lane{height:8px;position:relative;overflow:hidden}.highway-divider{background:repeating-linear-gradient(90deg, var(--brass-dim) 0px, var(--brass-dim) 12px, transparent 12px, transparent 24px);opacity:.5;height:1px}.highway-packet{background:var(--brass);opacity:0;border-radius:2px;width:10px;height:4px;animation:4.8s linear infinite highway-flow;position:absolute;top:2px;left:-12px;box-shadow:0 0 6px #c9a84c99,0 0 12px #c9a84c4d}.return-highway-packet{background:var(--copper);animation:5.5s linear infinite highway-flow-reverse;box-shadow:0 0 6px #b8733380,0 0 10px #b8733333}.return-lane{direction:rtl}@keyframes highway-flow{0%{opacity:0;left:-12px}5%{opacity:.9}90%{opacity:.9}to{opacity:0;left:calc(100% + 12px)}}@keyframes highway-flow-reverse{0%{opacity:0;left:calc(100% + 12px)}5%{opacity:.7}90%{opacity:.7}to{opacity:0;left:-12px}}.highway-branches{justify-content:space-around;height:0;padding:0 40px;display:flex;position:relative}.highway-branch{width:2px;height:16px;position:relative}.branch-connector{background:linear-gradient(180deg, var(--brass-dim), transparent);border-radius:0 0 1px 1px;width:2px;height:16px}.branch-packet{background:var(--brass);border-radius:50%;width:4px;height:4px;animation:2s ease-in infinite branch-drop;position:absolute;top:0;left:-1px;box-shadow:0 0 4px #c9a84c99}@keyframes branch-drop{0%{opacity:.8;top:0}60%{opacity:.8}to{opacity:0;top:16px}}.data-road{justify-content:center;align-items:center;height:20px;display:flex;position:relative}.data-road.down{flex-direction:column;height:24px}.road-surface-new{background:linear-gradient(#221c14,#1a1510,#221c14);border:1px solid #8b69144d;border-radius:2px;flex-direction:column;justify-content:center;width:100%;max-width:120px;height:10px;display:flex;position:relative;overflow:hidden}.data-road.down .road-surface-new{flex-direction:row;width:10px;max-width:none;height:100%}.road-lane{height:4px;position:relative;overflow:hidden}.road-divider{background:repeating-linear-gradient(90deg, var(--brass-dim) 0px, var(--brass-dim) 4px, transparent 4px, transparent 8px);opacity:.3;height:1px}.data-packet{background:var(--brass);opacity:0;border-radius:1.5px;width:6px;height:3px;animation:2.5s linear infinite data-flow;position:absolute;top:.5px;left:-8px;box-shadow:0 0 4px #c9a84c80}.return-packet{background:var(--copper);animation:3s linear infinite data-flow-reverse;box-shadow:0 0 4px #b8733366}.intensity-high .data-packet{box-shadow:0 0 6px #c9a84ccc}.intensity-low .data-packet{opacity:0;animation-duration:4s}@keyframes data-flow{0%{opacity:0;left:-8px}8%{opacity:.8}88%{opacity:.8}to{opacity:0;left:calc(100% + 8px)}}@keyframes data-flow-reverse{0%{opacity:0;left:calc(100% + 8px)}8%{opacity:.6}88%{opacity:.6}to{opacity:0;left:-8px}}.utility-wires{gap:0;height:16px;padding:0 24px;display:flex;position:relative;overflow:hidden}.wire-group{flex:1;align-items:center;gap:4px;display:flex;position:relative}.wire-line{border-radius:1px;flex:1;height:2px;position:relative;overflow:hidden}.wire-power .wire-line{box-shadow:0 0 calc(4px + 8px * var(--wire-intensity,0)) rgba(212,160,23, calc(.1 + .5 * var(--wire-intensity,0)));background:#d4a01733}.wire-water .wire-line{box-shadow:0 0 calc(4px + 8px * var(--wire-intensity,0)) rgba(122,158,196, calc(.1 + .5 * var(--wire-intensity,0)));background:#7a9ec433}.wire-storage .wire-line{box-shadow:0 0 calc(4px + 8px * var(--wire-intensity,0)) rgba(154,122,191, calc(.1 + .5 * var(--wire-intensity,0)));background:#9a7abf33}.wire-network .wire-line{box-shadow:0 0 calc(4px + 8px * var(--wire-intensity,0)) rgba(78,173,91, calc(.1 + .5 * var(--wire-intensity,0)));background:#4ead5b33}.wire-pulse{border-radius:1px;width:40px;height:100%;animation:3s linear infinite wire-pulse-move;position:absolute;top:0;left:0}.wire-power .wire-pulse{background:linear-gradient(90deg, transparent, rgba(212,160,23, calc(.3 + .6 * var(--wire-intensity,0))), transparent)}.wire-water .wire-pulse{background:linear-gradient(90deg, transparent, rgba(122,158,196, calc(.3 + .6 * var(--wire-intensity,0))), transparent);animation-delay:.8s}.wire-storage .wire-pulse{background:linear-gradient(90deg, transparent, rgba(154,122,191, calc(.3 + .6 * var(--wire-intensity,0))), transparent);animation-delay:1.5s}.wire-network .wire-pulse{background:linear-gradient(90deg, transparent, rgba(78,173,91, calc(.3 + .6 * var(--wire-intensity,0))), transparent);animation-delay:2.2s}@keyframes wire-pulse-move{0%{left:-40px}to{left:calc(100% + 40px)}}.wire-label{color:var(--text-dim);opacity:.5;white-space:nowrap;letter-spacing:.5px;text-align:center;min-width:20px;font-family:ui-monospace,monospace;font-size:7px}.service-connections{border-top:1px solid #5a4a2e33;justify-content:center;align-items:center;gap:4px;margin-top:10px;padding-top:8px;display:flex}.svc-connection{flex:1;max-width:60px}.connection-wire{background:linear-gradient(90deg,#8b691426,#8b69144d,#8b691426);border-radius:2px;height:4px;position:relative;overflow:hidden}.svc-connection.active .connection-wire{background:linear-gradient(90deg,#c9a84c1a,#c9a84c40,#c9a84c1a);box-shadow:0 0 4px #c9a84c26}.svc-connection.inactive .connection-wire{background:#6b605533}.connection-packet{background:var(--brass);opacity:0;border-radius:1px;width:5px;height:2px;animation:2.4s linear infinite connection-flow;position:absolute;top:1px;left:-6px;box-shadow:0 0 3px #c9a84c80}@keyframes connection-flow{0%{opacity:0;left:-6px}10%{opacity:.7}85%{opacity:.7}to{opacity:0;left:calc(100% + 6px)}}.service-detail-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1410b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.service-detail-panel{background:var(--surface);border:2px solid var(--brass-dim);border-radius:8px;width:400px;max-width:90vw;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 30px #c9a84c0f}.detail-header{border-bottom:2px solid var(--border);background:linear-gradient(#3a302066,#0003);align-items:center;gap:10px;padding:16px 20px;display:flex}.detail-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.detail-header h3{color:var(--brass);flex:1;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700}.detail-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .2s}.detail-close:hover{color:var(--text)}.detail-body{padding:16px 20px}.detail-row{border-bottom:1px solid #5a4a2e4d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:600}.detail-value{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-family:ui-monospace,monospace;font-size:13px;overflow:hidden}.replicas{border-radius:3px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:600}.replicas.ok{background:var(--green-bg);color:var(--green)}.replicas.warn{background:var(--yellow-bg);color:var(--yellow)}.replicas.bad{background:var(--red-bg);color:var(--red)}.stack-action-btn{background:linear-gradient(180deg, var(--surface-hover), var(--surface));border:1px solid var(--brass-dim);color:var(--text-dim);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000004d}.stack-action-btn:hover{background:var(--surface-hover);color:var(--brass);border-color:var(--brass)}.stack-action-btn:disabled{opacity:.5;cursor:not-allowed}.stack-action-btn.spinning svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-actions{border-top:1px solid var(--border);padding:12px 20px 16px}.action-btn{border:1px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.update-btn{color:var(--brass);border-color:var(--brass-dim);background:linear-gradient(#c9a84c26,#c9a84c0d)}.update-btn:hover{border-color:var(--brass);background:linear-gradient(#c9a84c40,#c9a84c1a)}.update-btn:disabled{opacity:.6;cursor:not-allowed}.update-btn.updating{background:#c9a84c1a}.action-spinner{border:2px solid #c9a84c4d;border-top-color:var(--brass);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.toast-container{z-index:200;flex-direction:column;gap:8px;max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:4px;padding:12px 16px;font-family:ui-monospace,monospace;font-size:13px;font-weight:500;animation:.3s ease-out toast-in;box-shadow:0 8px 24px #00000080}.toast-success{background:var(--green-bg);color:var(--green);border:1px solid #4ead5b4d}.toast-error{background:var(--red-bg);color:var(--red);border:1px solid #c94a3a4d}.toast-warning{background:var(--yellow-bg);color:var(--yellow);border:1px solid #d4a0174d}.toast-info{background:var(--amber-glow);color:var(--brass);border:1px solid #c9a84c4d}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1410cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:2px solid var(--brass-dim);border-radius:8px;width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 40px #0009,0 0 30px #c9a84c0f}.confirm-message{color:var(--text);margin-bottom:20px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);border-radius:4px;padding:8px 20px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:600;transition:all .2s}.confirm-btn.cancel{background:var(--surface);color:var(--text-dim)}.confirm-btn.cancel:hover{background:var(--surface-hover);color:var(--text)}.confirm-btn.proceed{color:var(--brass);border-color:var(--brass-dim);background:linear-gradient(#c9a84c33,#c9a84c14)}.confirm-btn.proceed:hover{border-color:var(--brass);background:linear-gradient(#c9a84c4d,#c9a84c26)}@media (width<=768px){.dashboard{padding:12px}.city-blocks{grid-template-columns:1fr}.header,.city-header{flex-direction:column;align-items:flex-start;gap:12px}.city-resources{flex-wrap:wrap}.buildings-row{gap:4px}}