*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a1a;--surface:#151530;--border:#2a2a4a;--text:#e2e8f0;--text-dim:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--tile-size:64px}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;overflow:hidden;height:100dvh;width:100dvw}.iso-grid{position:relative;transform-style:preserve-3d}.iso-tile{position:absolute;width:var(--tile-size);height:var(--tile-size);cursor:pointer;transition:all .15s ease;border:1px solid rgba(99,102,241,.1);background:rgba(15,15,40,.6)}.iso-tile:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);z-index:10}.iso-tile.occupied{border-color:transparent;background:transparent}.iso-tile.selected{border-color:var(--accent);background:rgba(99,102,241,.25);box-shadow:0 0 12px rgba(99,102,241,.3)}.building-img{width:100%;height:100%;object-fit:cover;border-radius:4px;image-rendering:crisp-edges}.top-bar{position:fixed;top:0;left:0;right:0;height:56px;background:rgba(10,10,26,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.logo{font-weight:800;font-size:1.1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.energy-bar{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-dim)}.energy-pip{width:10px;height:10px;border-radius:50%;background:var(--accent);transition:all .3s}.energy-pip.empty{background:var(--border)}.build-panel{position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,26,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:16px;z-index:100;transform:translateY(100%);transition:transform .3s ease}.build-panel.open{transform:translateY(0)}.build-types{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.build-type-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .15s}.build-type-btn.active{border-color:var(--accent);background:rgba(99,102,241,.2)}.prompt-row{display:flex;gap:8px}.prompt-input{flex:1 1;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;outline:none}.prompt-input:focus{border-color:var(--accent)}.btn-generate{padding:10px 20px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-generate:hover:not(:disabled){background:var(--accent-hover)}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.map-container{position:fixed;top:56px;left:0;right:0;bottom:0;overflow:auto;display:flex;align-items:center;justify-content:center}.news-toast{position:fixed;top:64px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:.85rem;z-index:200;animation:slideIn .3s ease,fadeOut .3s ease 3s forwards;max-width:300px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateX(50%)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.building-info{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.8rem;z-index:50;pointer-events:none;white-space:nowrap;transform:translateY(-100%) translateX(-25%)}