:root{--primary: #0f172a;--accent: #3b82f6;--success: #10b981;--danger: #ef4444;--gold: #f59e0b;--bg: #f8fafc}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--primary);height:100dvh;width:100vw;display:flex;justify-content:center;overflow:hidden;-webkit-tap-highlight-color:transparent}.phone-container{width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;position:relative;background:#fff}.master-hud{padding:4px 12px;background:#fff;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;height:38px}.counter-group{display:flex;align-items:center;gap:6px}.val-debt{font-size:.95rem;font-weight:950;color:var(--danger)}.growth-tag{font-size:8px;font-weight:800;color:#ef4444;background:#fee2e2;padding:1px 4px;border-radius:4px;font-family:monospace}.sub-stats{display:flex;gap:8px;align-items:center}.stat-pill{display:flex;flex-direction:column;justify-content:center;gap:0px;white-space:nowrap;min-width:65px}.pill-label{font-size:8px;font-weight:800;color:#94a3b8;text-transform:uppercase;line-height:1;margin-bottom:1px}.pill-val{font-size:.9rem;font-weight:900;color:var(--primary);line-height:1;display:flex;align-items:center}.passives-tray{height:28px;background:#ffffffb3;backdrop-filter:blur(8px);border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:6px;padding:0 12px;overflow-x:auto;z-index:90}.p-icon-chip{width:20px;height:20px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 5px #0000000d;flex-shrink:0;border:1px solid #e2e8f0}.city-engine{flex-grow:1;position:relative;background:#cbd5e1;overflow:hidden;min-height:40vh;touch-action:none}.city-engine::-webkit-scrollbar{display:none}#buildings-layer{position:absolute;inset:0;z-index:50;pointer-events:none;transform-origin:0 0}#city-map{position:absolute;width:4000px;height:4000px;background-color:#cbd5e1;background-image:linear-gradient(rgba(255,255,255,.4) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.4) 2px,transparent 2px);background-size:80px 80px;transform-origin:0 0}.zoom-controls{position:absolute;right:16px;top:50px;display:flex;flex-direction:column;gap:8px;z-index:150}.zoom-btn{width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;box-shadow:0 4px 12px #0000001a;cursor:pointer}.management-drawer{flex-grow:1;background:#fff;border-radius:24px 24px 0 0;margin-top:-24px;z-index:200;box-shadow:0 -10px 40px #0000001a;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;min-height:0}.grid-slot{transition:background .15s ease-out}.grid-slot.preview-ok{background:#3b82f680!important;box-shadow:inset 0 0 0 2px #3b82f6cc}.grid-slot.preview-error{background:#ef444480!important;box-shadow:inset 0 0 0 2px #ef4444cc}.building-placed{animation:spawnPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.tab-bar{display:flex;background:#f1f5f9;padding:3px;border-radius:12px;margin-bottom:12px}.map-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(248,250,252,.4) 100%);pointer-events:none}.building-spot{position:absolute;width:32px;height:32px;background:#fffffff2;backdrop-filter:blur(4px);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;border:1.5px solid var(--accent);cursor:pointer;z-index:50;animation:spawnPop .5s cubic-bezier(.175,.885,.32,1.275);transition:all .2s ease}.spot-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--accent)}@keyframes spawnPop{0%{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.drawer-handle{width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:0 auto 10px}.biz-scroller{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.biz-item{background:#f8fafc;padding:12px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:1px solid #f1f5f9;transition:all .2s ease}.biz-item.locked{opacity:.3;filter:grayscale(1);pointer-events:none}.biz-item:not(.locked):hover{border-color:var(--accent);background:#fff}.biz-thumb{width:48px;height:48px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:16px;box-shadow:0 4px 10px #0000000d}.biz-body h4{font-size:14px;font-weight:800}.biz-body p{font-size:10px;color:#64748b;font-weight:600}.biz-meta{text-align:right}.biz-cost{font-size:14px;font-weight:900;color:var(--success)}.biz-lvl{font-size:9px;font-weight:800;color:#94a3b8;text-transform:uppercase}.money-pop{position:absolute;font-weight:900;color:var(--success);pointer-events:none;z-index:300;animation:moneyRise .8s ease-out forwards}@keyframes moneyRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-120px) scale(1.5);opacity:0}}#passives-bar{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.p-chip{background:var(--accent);color:#fff;font-size:9px;font-weight:900;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tab-bar{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;margin-bottom:20px}.tab-btn{flex:1;padding:8px;border:none;background:transparent;font-size:11px;font-weight:800;color:#64748b;border-radius:10px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.tab-btn.active{background:#fff;color:var(--accent);box-shadow:0 4px 12px #0000000d}.biz-item.active-p{border-color:var(--accent);background:#2563eb05}.p-buy-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 10px;border-radius:8px;font-size:9px;font-weight:900;color:var(--accent);cursor:pointer;transition:all .2s;margin-top:4px}.p-buy-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 10px #2563eb33}.p-buy-btn.disabled{opacity:.5;cursor:not-allowed}.lvl-up-btn{background:var(--success);color:#fff;border:none;padding:6px 12px;border-radius:10px;font-size:10px;font-weight:900;cursor:pointer;transition:all .2s;margin-top:4px}.lvl-up-btn:active{transform:scale(.95)}.lvl-up-btn.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.scrollbar-hide::-webkit-scrollbar{display:none}