@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a25;--border-dim: rgba(255,255,255,.06);--border-glow: rgba(0,255,255,.3);--cyan: #00ffd5;--cyan-dim: rgba(0,255,213,.15);--cyan-glow: rgba(0,255,213,.4);--purple: #a855f7;--purple-dim: rgba(168,85,247,.15);--purple-glow: rgba(168,85,247,.4);--emerald: #10b981;--emerald-dim: rgba(16,185,129,.15);--emerald-glow: rgba(16,185,129,.4);--gold: #fbbf24;--gold-dim: rgba(251,191,36,.15);--gold-glow: rgba(251,191,36,.4);--red: #ef4444;--red-dim: rgba(239,68,68,.15);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.6);--text-dim: rgba(255,255,255,.4);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--brand-primary: #FF4B00;--brand-dark: #0A0A0A;--brand-light: #F5F5F5;--brand-font: "Inter", "Helvetica Neue", sans-serif;--brand-mono: "JetBrains Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.app-container{min-height:100vh;position:relative}.header{position:fixed;top:0;left:0;right:0;height:64px;background:linear-gradient(180deg,var(--bg-dark) 0%,rgba(10,10,15,.95) 100%);border-bottom:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aka-top-nav{display:flex;align-items:center;gap:12px}.aka-link-home,.aka-link{color:var(--brand-light);text-decoration:none;font-size:12px;letter-spacing:.04em}.aka-link-home{color:var(--brand-primary);font-family:var(--brand-font);font-weight:700}.aka-link:hover,.aka-link-home:hover{text-decoration:underline}.nav-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-toggle:hover{background:var(--bg-card-hover);border-color:var(--cyan);color:var(--cyan)}.logo{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display)}.logo-text{font-size:14px;font-weight:400;color:var(--text-dim);letter-spacing:4px}.logo-accent{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-shadow:0 0 30px var(--cyan-glow)}.player-bar{display:flex;align-items:center;gap:20px}.player-info{display:flex;flex-direction:column;align-items:flex-end}.player-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.player-title{font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.level-badge{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--cyan-dim) 0%,var(--purple-dim) 100%);border:1px solid var(--cyan);border-radius:8px;padding:4px 12px;box-shadow:0 0 20px var(--cyan-glow),inset 0 0 20px var(--cyan-dim)}.level-label{font-size:9px;color:var(--text-dim);letter-spacing:2px}.level-value{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.xp-container{display:flex;flex-direction:column;gap:4px;min-width:160px}.xp-bar{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden;border:1px solid var(--border-dim)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--cyan) 0%,var(--purple) 100%);border-radius:2px;transition:width .5s ease;box-shadow:0 0 10px var(--cyan-glow)}.xp-text{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-align:center}.streak-badge{display:flex;align-items:center;gap:4px;background:var(--gold-dim);border:1px solid var(--gold);border-radius:20px;padding:4px 12px}.streak-icon{font-size:14px}.streak-value{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--gold)}.main-layout{display:flex;padding-top:64px;min-height:calc(100vh - 120px)}.aka-breadcrumb{display:inline-block;margin:0 0 12px;color:var(--brand-primary);text-decoration:none;font-family:var(--brand-font)}.aka-breadcrumb:hover{text-decoration:underline}.aka-footer{border-top:1px solid var(--border-dim);padding:16px 24px 24px;text-align:center;color:var(--text-secondary);font-family:var(--brand-font)}.aka-footer p{margin-bottom:8px}.aka-footer a{color:var(--brand-primary);text-decoration:none}.aka-footer-links{display:flex;justify-content:center;gap:12px}.aka-footer a:hover{text-decoration:underline}.sidebar{position:fixed;top:64px;left:0;bottom:0;background:var(--bg-card);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;transition:width .3s ease;z-index:50}.sidebar.open{width:220px}.sidebar.closed{width:70px}.nav-items{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative;font-family:var(--font-display);font-size:12px;font-weight:500;letter-spacing:1px;text-align:left}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-dim)}.nav-item.active{background:var(--cyan-dim);color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-dim)}.nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--cyan);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--cyan-glow)}.nav-icon{flex-shrink:0}.quick-stats{margin-top:auto;padding:16px;border-top:1px solid var(--border-dim);display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:var(--font-display);font-size:16px;font-weight:700}.stat-value.cyan{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.stat-value.purple{color:var(--purple);text-shadow:0 0 10px var(--purple-glow)}.stat-value.emerald{color:var(--emerald);text-shadow:0 0 10px var(--emerald-glow)}.stat-value.gold{color:var(--gold);text-shadow:0 0 10px var(--gold-glow)}.content-area{flex:1;padding:24px;margin-left:220px;transition:margin-left .3s ease}.sidebar.closed+.content-area,.sidebar.closed~.content-area{margin-left:70px}.panel{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-dim);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.panel-title{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:2px;color:var(--text-primary)}.panel-content{padding:20px}.card-grid{display:grid;gap:16px}.initiative-milestone .milestone-track{position:relative;height:4px;background:var(--bg-card-hover);border-radius:999px;overflow:hidden}.cities-canvas{position:relative;height:420px;width:100%;background:radial-gradient(circle at 50% 30%,#10b9812e,#0a0a0f40 40%,#0a0a0fe6);overflow:hidden}.cities-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:120px 120px;opacity:.25;mix-blend-mode:screen}.cities-canvas__grid{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.cities-canvas__orbit{fill:none;stroke:#ffffff1f;stroke-width:.6;stroke-dasharray:1.5 3}.cities-canvas__path{stroke-width:.6;opacity:.35;transition:opacity .2s ease}.cities-canvas__path--active{stroke:#10b98199}.cities-canvas__path--building{stroke:#fbbf248c}.cities-canvas__path--idle{stroke:#00ffd580}.cities-canvas__path--locked{stroke:#7878964d}.cities-canvas__core{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.cities-canvas__core-ring{width:112px;height:112px;border-radius:999px;border:1px solid rgba(0,255,213,.2);background:radial-gradient(circle,#00ffd540,#0a0a0fe6 65%);display:flex;align-items:center;justify-content:center;color:var(--cyan);box-shadow:0 0 30px #00ffd559,inset 0 0 20px #00ffd526}.cities-canvas__core-label{font-family:var(--font-display);font-size:.8rem;letter-spacing:3px;color:var(--cyan);text-transform:uppercase}.cities-canvas__core-stats{display:flex;align-items:center;gap:12px;font-size:.65rem;color:var(--text-dim);background:#0a0a0fa6;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.cities-canvas__core-stats span{display:flex;align-items:center;gap:6px}.cities-canvas__nodes{position:absolute;inset:0;z-index:3}.cities-canvas__node{position:absolute;transform:translate(-50%,-50%);min-width:168px;padding:16px 18px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#12121aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:8px;align-items:flex-start;color:var(--text-primary);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}.cities-canvas__node:disabled{cursor:not-allowed;opacity:.45;box-shadow:none!important}.cities-canvas__node:hover:not(:disabled),.cities-canvas__node.is-selected{border-color:var(--node-accent);transform:translate(-50%,-50%) translateY(-4px)}.cities-canvas__node-ring{position:absolute;inset:-10px;border-radius:999px;background:conic-gradient(var(--node-accent) calc(var(--node-progress, 0) * 360deg),rgba(255,255,255,.05) calc(var(--node-progress, 0) * 360deg));opacity:.25;filter:blur(.5px);z-index:0}.cities-canvas__node-icon{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--node-accent);z-index:1}.cities-canvas__node-name{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.6px;z-index:1}.cities-canvas__node-meta{display:flex;justify-content:space-between;width:100%;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;color:var(--text-dim);z-index:1}.cities-canvas__node-meta span:last-child{color:var(--node-accent)}.cities-canvas__node-locked{font-size:.65rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);z-index:1}.cities-canvas__legend{position:absolute;bottom:24px;right:24px;display:flex;gap:12px;background:#0a0a0fbf;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:8px 18px;font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;z-index:4}.cities-canvas__legend-item{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.cities-canvas__legend-dot{width:8px;height:8px;border-radius:999px;box-shadow:0 0 10px currentColor}.cities-canvas__legend-item--active .cities-canvas__legend-dot{color:var(--emerald)}.cities-canvas__legend-item--building .cities-canvas__legend-dot{color:var(--gold)}.cities-canvas__legend-item--idle .cities-canvas__legend-dot{color:var(--cyan)}.cities-canvas__legend-item--locked .cities-canvas__legend-dot{color:var(--text-dim)}.cities-canvas__detail{position:absolute;top:24px;right:24px;width:260px;background:#0a0a0fd9;border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--emerald);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cities-canvas__detail-header{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.cities-canvas__detail-pill{padding:2px 8px;background:#10b98126;color:var(--emerald);border-radius:999px;font-weight:600}.cities-canvas__detail-title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.8px}.cities-canvas__detail-description{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.cities-canvas__detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cities-canvas__detail-metric{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--emerald)}.cities-canvas__detail-sub{font-size:.65rem;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}@media(max-width:1280px){.cities-canvas{height:360px}.cities-canvas__node{min-width:150px;padding:14px 16px}.cities-canvas__detail{width:220px}}@media(max-width:1024px){.cities-canvas{height:320px}.cities-canvas__detail{display:none}}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:20px;transition:all .3s}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 10px 40px #0000004d}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.stat-card-icon.cyan{background:var(--cyan-dim);color:var(--cyan)}.stat-card-icon.purple{background:var(--purple-dim);color:var(--purple)}.stat-card-icon.emerald{background:var(--emerald-dim);color:var(--emerald)}.stat-card-icon.gold{background:var(--gold-dim);color:var(--gold)}.stat-card-trend{font-family:var(--font-mono);font-size:12px;padding:4px 8px;border-radius:4px}.stat-card-trend.up{background:var(--emerald-dim);color:var(--emerald)}.stat-card-trend.down{background:var(--red-dim);color:var(--red)}.stat-card-value{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:4px}.stat-card-label{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.quest-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:10px;transition:all .2s;cursor:pointer}.quest-item:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.quest-priority{width:4px;height:40px;border-radius:2px}.quest-priority.urgent{background:var(--red);box-shadow:0 0 10px var(--red)}.quest-priority.high{background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.quest-priority.normal{background:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.quest-priority.low{background:var(--text-dim)}.quest-content{flex:1}.quest-title{font-size:15px;font-weight:600;margin-bottom:4px}.quest-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-dim)}.quest-xp{font-family:var(--font-mono);color:var(--cyan)}.quest-type{padding:2px 8px;background:var(--purple-dim);color:var(--purple);border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.progress-bar{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-fill.cyan{background:linear-gradient(90deg,var(--cyan),var(--cyan));box-shadow:0 0 10px var(--cyan-glow)}.progress-fill.purple{background:linear-gradient(90deg,var(--purple),var(--purple));box-shadow:0 0 10px var(--purple-glow)}.progress-fill.emerald{background:linear-gradient(90deg,var(--emerald),var(--emerald));box-shadow:0 0 10px var(--emerald-glow)}.progress-fill.gold{background:linear-gradient(90deg,var(--gold),var(--gold));box-shadow:0 0 10px var(--gold-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 100%);color:var(--bg-dark);box-shadow:0 0 20px var(--cyan-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--cyan-glow),0 10px 30px #0000004d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-dim)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--cyan);color:var(--cyan)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.badge.cyan{background:var(--cyan-dim);color:var(--cyan)}.badge.purple{background:var(--purple-dim);color:var(--purple)}.badge.emerald{background:var(--emerald-dim);color:var(--emerald)}.badge.gold{background:var(--gold-dim);color:var(--gold)}.skill-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-card);border:2px solid var(--border-dim);border-radius:12px;cursor:pointer;transition:all .3s}.skill-node:hover{transform:scale(1.05);border-color:var(--cyan);box-shadow:0 0 30px var(--cyan-dim)}.skill-node.unlocked{border-color:var(--cyan);background:var(--cyan-dim)}.skill-node.locked{opacity:.5}.skill-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-dark);border:2px solid var(--border-dim)}.skill-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center}.territory-node{position:relative;padding:20px;background:var(--bg-card);border:2px solid var(--border-dim);border-radius:16px;transition:all .3s}.territory-node:hover{border-color:var(--emerald);box-shadow:0 0 40px var(--emerald-dim);transform:translateY(-4px)}.territory-status{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-card)}.territory-status.active{background:var(--emerald);box-shadow:0 0 10px var(--emerald-glow)}.territory-status.building{background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.territory-status.idle{background:var(--text-dim)}.ai-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;padding:24px;transition:all .3s}.ai-card:hover{border-color:var(--purple);box-shadow:0 0 40px var(--purple-dim)}.ai-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--purple-dim) 0%,var(--cyan-dim) 100%);border:2px solid var(--purple);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.ai-name{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:4px}.ai-role{font-size:12px;color:var(--purple);margin-bottom:12px}.ai-stats{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-dim)}.ai-stat{text-align:center}.ai-stat-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--cyan)}.ai-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.revenue-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;transition:all .2s}.revenue-item:hover{background:var(--bg-card-hover);border-color:var(--gold)}.revenue-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gold-dim);border-radius:12px;color:var(--gold)}.revenue-info{flex:1}.revenue-name{font-size:15px;font-weight:600;margin-bottom:4px}.revenue-type{font-size:12px;color:var(--text-dim)}.revenue-amount{text-align:right}.revenue-value{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--gold)}.revenue-period{font-size:11px;color:var(--text-dim)}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.space-y-6>*:not(:last-child){margin-bottom:24px}.space-y-4>*:not(:last-child){margin-bottom:16px}.space-y-2>*:not(:last-child){margin-bottom:8px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.tabs{border-bottom:2px solid var(--border-dim)}.tabs-list{display:flex;gap:4px;padding:0;margin:0;list-style:none}.tab-button{position:relative;padding:14px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;min-width:120px}.tab-button:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tab-button.active{color:var(--cyan);border-bottom-color:var(--cyan);background:var(--cyan-dim);box-shadow:0 -2px 20px var(--cyan-glow) inset}.tab-button:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:var(--cyan);transform:scaleX(0);transition:transform .2s}.tab-button.active:after{transform:scaleX(1)}.tab-content{padding:24px 0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 40px var(--cyan-glow);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-dim);background:linear-gradient(180deg,rgba(0,255,213,.05) 0%,transparent 100%)}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:1px;color:var(--cyan)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border:1px solid var(--border-dim);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--red-dim);border-color:var(--red);color:var(--red);transform:rotate(90deg)}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-dim);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:44px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:8px 16px;min-height:36px;font-size:11px}.btn-lg{padding:16px 32px;min-height:52px;font-size:14px}.btn-icon-only{padding:12px;min-width:44px}.panel{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;overflow:hidden;margin-bottom:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);min-height:68px}.panel-content{padding:24px}.panel-content-dense{padding:16px}.section{margin-bottom:32px}.section:last-child{margin-bottom:0}.section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-dim)}.section-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:1px;color:var(--text-primary);margin-bottom:4px}.section-subtitle{font-size:13px;color:var(--text-dim)}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}button,a,.clickable{min-height:44px;min-width:44px;position:relative}button:focus-visible,a:focus-visible,.clickable:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:8px 12px;background:var(--bg-dark);border:1px solid var(--cyan);border-radius:8px;font-size:12px;color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:100;box-shadow:0 4px 12px #0009}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--cyan)}.tooltip-wrapper:hover .tooltip{opacity:1}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:12px;padding:8px;box-shadow:0 10px 40px #0009;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s;border:1px solid transparent}.dropdown-item:hover{background:var(--bg-card-hover);border-color:var(--cyan);color:var(--cyan)}.dropdown-divider{height:1px;background:var(--border-dim);margin:8px 0}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{width:40px;height:40px;border-width:4px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.active{background:var(--emerald);box-shadow:0 0 8px var(--emerald-glow)}.status-dot.warning{background:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.status-dot.error{background:var(--red);box-shadow:0 0 8px var(--red)}.status-dot.idle{background:var(--text-dim);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--bg-card);border:2px solid var(--bg-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim);border-color:var(--cyan)}::-moz-selection{background:var(--cyan-dim);color:var(--cyan)}::selection{background:var(--cyan-dim);color:var(--cyan)}@media(max-width:1200px){.card-grid-4,.card-grid-3,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar.open{width:70px}.nav-label,.quick-stats{display:none}.content-area{margin-left:70px!important}.player-bar{display:none}.card-grid-4,.card-grid-3,.card-grid-2,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.modal{width:95%;max-height:95vh}.panel-header{padding:16px;flex-direction:column;align-items:flex-start;min-height:auto}.panel-content{padding:16px}}.ground-canvas{position:relative;height:600px;width:100%;background:linear-gradient(180deg,#228b221a,#228b2233,#6543214d);overflow:hidden;border-radius:16px;border:1px solid var(--border-dim)}.ground-layer{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(34,139,34,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(101,67,33,.1) 0%,transparent 40%)}.ground-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.grass-texture{position:absolute;inset:0;opacity:.1;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(34,139,34,.1) 2px,rgba(34,139,34,.1) 4px);animation:grassSway 20s linear infinite}@keyframes grassSway{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.path-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.path-gradient{stop-color:#8b5a2b99}.path-gradient-end{stop-color:#a0522d66}.tree{position:absolute;cursor:pointer;transition:all .3s ease;z-index:2}.tree:hover{transform:scale(1.15);filter:brightness(1.2)}.tree.selected{filter:drop-shadow(0 0 12px var(--cyan))}.tree-trunk{fill:#654321}.tree-foliage{transition:transform .3s ease}.tree:hover .tree-foliage{transform:translateY(-2px)}.building{position:absolute;background:var(--bg-card);border:2px solid var(--border-dim);border-radius:12px;padding:16px;min-width:140px;cursor:pointer;transition:all .3s ease;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.building:hover{border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow),0 4px 20px #0006;transform:translateY(-4px)}.building.selected{border-color:var(--cyan);box-shadow:0 0 30px var(--cyan-glow),0 6px 30px #00000080;animation:selectionPulse 2s ease-in-out infinite}@keyframes selectionPulse{0%,to{box-shadow:0 0 20px var(--cyan-glow),0 4px 20px #0006}50%{box-shadow:0 0 40px var(--cyan-glow),0 8px 40px #0009}}.building-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--cyan-dim);border-radius:10px;color:var(--cyan);margin-bottom:8px}.building-name{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;color:var(--text-primary)}.building-type{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.building-structure{position:relative}.ground-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10}.ground-controls .btn{min-width:44px;padding:10px 12px}.ground-info-panel{position:absolute;bottom:16px;left:16px;background:#0a0a0fe6;border:1px solid var(--border-glow);border-radius:12px;padding:16px;min-width:240px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.ground-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-dim)}.ground-info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--emerald-dim);border-radius:10px;color:var(--emerald)}.ground-info-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary)}.ground-info-subtitle{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.ground-info-stats{display:flex;flex-direction:column;gap:8px}.ground-info-stat{display:flex;justify-content:space-between;font-size:13px}.ground-info-label{color:var(--text-dim)}.ground-info-value{font-family:var(--font-mono);color:var(--emerald);font-weight:600}.flower{position:absolute;width:8px;height:8px;border-radius:50%;z-index:1;animation:flowerBob 3s ease-in-out infinite}@keyframes flowerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:768px){.ground-canvas{height:400px}.ground-controls{top:8px;right:8px}.ground-info-panel{bottom:8px;left:8px;min-width:200px;padding:12px}.building{min-width:120px;padding:12px}}.bot-workspace{position:relative;height:600px;width:100%;background:linear-gradient(45deg,#2d5a3d,#3a7050,#2d5a3d,#3a7050,#2d5a3d);background-size:80px 80px;overflow:hidden;transform-origin:center center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.workspace-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(139,207,151,.3) 40px,rgba(139,207,151,.3) 42px),repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(139,207,151,.3) 40px,rgba(139,207,151,.3) 42px);opacity:.6}.workspace-grid:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(75,143,95,.4) 80px,rgba(75,143,95,.4) 82px),repeating-linear-gradient(-45deg,transparent,transparent 80px,rgba(75,143,95,.4) 80px,rgba(75,143,95,.4) 82px);opacity:.5}.workspace-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(187,239,134,.15) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(75,143,95,.15) 0%,transparent 30%);pointer-events:none}.work-station{position:absolute;transform:translate(-50%,-50%) rotateX(60deg) rotate(45deg);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#8b5a3ce6,#654321e6,#8b5a3ce6);border:3px solid rgba(75,54,33,.8);border-radius:4px;min-width:100px;transition:all .3s ease;box-shadow:4px 4px #0006,inset 2px 2px #bb855080,inset -2px -2px #3c281480;image-rendering:pixelated;transform-style:preserve-3d}.work-station:hover{background:linear-gradient(135deg,#9f6e50f2,#795735f2,#9f6e50f2);box-shadow:6px 6px #00000080,inset 2px 2px #cf996499,inset -2px -2px #3c281499;transform:translate(-50%,-50%) rotateX(60deg) rotate(45deg) scale(1.05)}.station-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:32px;transition:transform .3s ease;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border:2px solid rgba(0,0,0,.2);filter:drop-shadow(2px 2px 0px rgba(0,0,0,.4));image-rendering:pixelated}.work-station:hover .station-icon{transform:translateY(-4px);filter:drop-shadow(3px 3px 0px rgba(0,0,0,.5))}.station-name{font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.5px;text-align:center;color:#fff;text-transform:uppercase;text-shadow:2px 2px 0px rgba(0,0,0,.8),-1px -1px 0px rgba(0,0,0,.4);image-rendering:pixelated}.bot-unit{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s ease;z-index:5;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.bot-unit:hover{z-index:10;transform:translate(-50%,-50%) scale(1.2);animation:pokemonBounce .6s ease-in-out}@keyframes pokemonBounce{0%,to{transform:translate(-50%,-50%) scale(1.2)}50%{transform:translate(-50%,-50%) scale(1.2) translateY(-8px)}}.bot-unit.selected{z-index:15;animation:botPulse 2s ease-in-out infinite}@keyframes botPulse{0%,to{transform:translate(-50%,-50%) scale(1.1)}50%{transform:translate(-50%,-50%) scale(1.2) translateY(-4px)}}.bot-shadow{position:absolute;bottom:-20px;width:48px;height:16px;background:radial-gradient(ellipse,rgba(0,0,0,.6) 0%,rgba(0,0,0,.4) 40%,transparent 70%);border-radius:50%;z-index:-1;transform:scaleY(.5);image-rendering:pixelated}.bot-body{position:relative;width:64px;height:72px;background:linear-gradient(135deg,#4a9eff,#2d7dd2 40%,#1e5d9c);border:3px solid #1a4d82;border-radius:16px 16px 24px 24px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #00000080,inset 2px 2px #8cbeff80,inset -2px -2px #1e3c6480;transition:all .2s ease;overflow:visible;image-rendering:pixelated}.bot-unit:hover .bot-body{background:linear-gradient(135deg,#5aafff,#3d8de2 40%,#2e6dac);box-shadow:6px 6px #0009,inset 3px 3px #a0d2ff99,inset -2px -2px #1e3c6499}.bot-avatar{font-size:40px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.5)) drop-shadow(0px 0px 8px rgba(255,255,255,.3));image-rendering:pixelated;animation:idle 2s ease-in-out infinite}@keyframes idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.bot-status-ring{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:70px;height:8px;background:#0009;border:2px solid rgba(0,0,0,.8);border-radius:4px;overflow:hidden;box-shadow:2px 2px #00000080,inset 1px 1px #fff3}.bot-status-ring:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--battery, 100%);background:linear-gradient(90deg,#0f0,#90ff00,#0f0);border-radius:2px;box-shadow:inset 0 2px #ffffff80}.bot-name-tag{font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.5px;padding:4px 12px;background:linear-gradient(135deg,#fffffff2,#e6e6e6f2);border:3px solid rgba(0,0,0,.8);border-radius:8px;color:#1a1a1a;white-space:nowrap;box-shadow:3px 3px #00000080,inset 1px 1px #fffc;text-shadow:1px 1px 0px rgba(255,255,255,.5);image-rendering:pixelated}.bot-status-dot{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:4px;border:3px solid rgba(0,0,0,.8);box-shadow:2px 2px #00000080,inset 1px 1px #ffffff80;animation:statusPulse 2s ease-in-out infinite;image-rendering:pixelated}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1) rotate(45deg)}50%{opacity:.8;transform:scale(1.1) rotate(45deg)}}.bot-low-battery{position:absolute;top:-12px;left:-12px;width:28px;height:28px;background:linear-gradient(135deg,#f44,#c00);border:3px solid rgba(0,0,0,.8);border-radius:4px;display:flex;align-items:center;justify-content:center;animation:batteryWarning 1s ease-in-out infinite;box-shadow:2px 2px #00000080,inset 1px 1px #ff969680;image-rendering:pixelated;transform:rotate(45deg)}.bot-low-battery svg{transform:rotate(-45deg)}@keyframes batteryWarning{0%,to{box-shadow:2px 2px #00000080,inset 1px 1px #ff969680,0 0 #ff000080}50%{box-shadow:2px 2px #00000080,inset 1px 1px #ff969680,0 0 12px #f00c}}.workspace-compass{position:absolute;top:16px;left:16px;width:64px;height:64px;background:linear-gradient(135deg,#fffffff2,#e6e6e6f2);border:4px solid rgba(0,0,0,.8);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #00000080,inset 2px 2px #fffc;z-index:20;image-rendering:pixelated}.compass-arrow{font-family:var(--font-display);font-size:16px;font-weight:900;color:#1a1a1a;transition:transform .3s ease;text-shadow:2px 2px 0px rgba(255,255,255,.8),-1px -1px 0px rgba(0,0,0,.3)}.bot-detail-avatar{width:96px;height:96px;background:linear-gradient(135deg,#4a9eff,#2d7dd2 40%,#1e5d9c);border:4px solid #1a4d82;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #00000080,inset 3px 3px #8cbeff80,inset -2px -2px #1e3c6480;image-rendering:pixelated}@media(max-width:1024px){.bot-workspace{height:500px}.bot-body{width:56px;height:56px}.bot-avatar{font-size:28px}.work-station{min-width:80px;padding:10px}.station-icon{width:40px;height:40px;font-size:20px}}@media(max-width:768px){.bot-workspace{height:400px}.bot-body{width:48px;height:48px}.bot-avatar{font-size:24px}.work-station{min-width:70px;padding:8px}.station-icon{width:36px;height:36px;font-size:18px}.station-name{font-size:9px}.bot-name-tag{font-size:9px;padding:2px 8px}.workspace-compass{width:48px;height:48px;top:12px;left:12px}.compass-arrow{font-size:12px}}:root{--pixel-red: #ff0000;--pixel-blue: #0000ff;--pixel-yellow: #ffde00;--pixel-green: #00ff00;--pixel-black: #000000;--pixel-white: #ffffff;--pixel-gray: #a8a8a8;--pixel-dark-gray: #505050;--pixel-light-blue: #78c8ff;--pixel-light-green: #58f898;--pixel-bg-primary: #e8e8e8;--pixel-bg-secondary: #f8f8f8;--pixel-border-dark: #000000;--pixel-border-light: #ffffff;--pixel-shadow: rgba(0, 0, 0, .3);--pixel-text-primary: #000000;--pixel-text-secondary: #505050;--pixel-text-white: #ffffff;--pixel-hp-green: #00ff00;--pixel-hp-yellow: #ffde00;--pixel-hp-red: #ff0000;--pixel-font: "Press Start 2P", monospace}body.pixel-art-mode{background-color:var(--pixel-bg-primary);font-family:var(--pixel-font);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-window{background:var(--pixel-bg-secondary);border:4px solid var(--pixel-border-dark);box-shadow:inset 2px 2px 0 var(--pixel-border-light),inset -2px -2px 0 var(--pixel-dark-gray),4px 4px 0 var(--pixel-shadow);border-radius:0;padding:16px;position:relative;image-rendering:pixelated}.pixel-window:before{content:"";position:absolute;inset:8px;border:2px solid var(--pixel-border-dark);pointer-events:none}.pixel-menu{background:var(--pixel-white);border:3px solid var(--pixel-border-dark);box-shadow:inset -2px -2px 0 var(--pixel-dark-gray),2px 2px 0 var(--pixel-shadow);position:relative}.pixel-menu-item{padding:12px 16px;border-bottom:2px solid var(--pixel-gray);cursor:pointer;position:relative;font-size:10px;line-height:1.5;color:var(--pixel-text-primary);font-family:var(--pixel-font);transition:all .1s}.pixel-menu-item:last-child{border-bottom:none}.pixel-menu-item:hover,.pixel-menu-item.active{background:var(--pixel-light-blue);color:var(--pixel-white)}.pixel-menu-item:before{content:"▶";position:absolute;left:4px;opacity:0;transition:opacity .1s}.pixel-menu-item:hover:before,.pixel-menu-item.active:before{opacity:1}.pixel-textbox{background:var(--pixel-white);border:3px solid var(--pixel-border-dark);padding:16px;position:relative;font-size:10px;line-height:1.8;color:var(--pixel-text-primary);font-family:var(--pixel-font);box-shadow:inset -2px -2px 0 var(--pixel-dark-gray),2px 2px 0 var(--pixel-shadow)}.pixel-textbox:after{content:"▼";position:absolute;bottom:8px;right:12px;animation:pixel-blink 1s infinite}@keyframes pixel-blink{0%,50%{opacity:1}51%,to{opacity:0}}.pixel-hp-bar{position:relative;height:8px;background:var(--pixel-border-dark);border:2px solid var(--pixel-border-dark);box-shadow:inset 0 2px #0000004d}.pixel-hp-fill{height:100%;transition:width .5s ease,background-color .3s;position:relative}.pixel-hp-fill.high{background:var(--pixel-hp-green)}.pixel-hp-fill.medium{background:var(--pixel-hp-yellow)}.pixel-hp-fill.low{background:var(--pixel-hp-red)}.pixel-hp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff80}.pixel-stat-box{background:var(--pixel-white);border:2px solid var(--pixel-border-dark);padding:8px 12px;display:inline-block;box-shadow:2px 2px 0 var(--pixel-shadow)}.pixel-stat-label{font-size:8px;color:var(--pixel-text-secondary);font-family:var(--pixel-font);text-transform:uppercase;margin-bottom:4px}.pixel-stat-value{font-size:12px;color:var(--pixel-text-primary);font-family:var(--pixel-font);font-weight:700}.pixel-button{background:var(--pixel-white);border:3px solid var(--pixel-border-dark);padding:12px 24px;font-size:10px;font-family:var(--pixel-font);color:var(--pixel-text-primary);cursor:pointer;position:relative;box-shadow:inset -2px -2px 0 var(--pixel-dark-gray),2px 2px 0 var(--pixel-shadow);transition:all .1s}.pixel-button:hover{background:var(--pixel-light-blue);color:var(--pixel-white);transform:translate(1px,1px);box-shadow:inset -2px -2px #0000004d,1px 1px 0 var(--pixel-shadow)}.pixel-button:active{transform:translate(2px,2px);box-shadow:none}.pixel-button.primary{background:var(--pixel-red);color:var(--pixel-white);border-color:var(--pixel-border-dark)}.pixel-button.secondary{background:var(--pixel-blue);color:var(--pixel-white);border-color:var(--pixel-border-dark)}.pixel-button.success{background:var(--pixel-green);color:var(--pixel-text-primary);border-color:var(--pixel-border-dark)}.pixel-card{background:var(--pixel-bg-secondary);border:3px solid var(--pixel-border-dark);padding:16px;box-shadow:4px 4px 0 var(--pixel-shadow);position:relative}.pixel-card-header{background:var(--pixel-red);color:var(--pixel-white);padding:8px 12px;margin:-16px -16px 16px;border-bottom:3px solid var(--pixel-border-dark);font-size:10px;font-family:var(--pixel-font);text-transform:uppercase}.pixel-badge{background:var(--pixel-yellow);border:2px solid var(--pixel-border-dark);padding:4px 8px;font-size:8px;font-family:var(--pixel-font);display:inline-block;box-shadow:2px 2px 0 var(--pixel-shadow)}.pixel-badge.type-fire{background:var(--pixel-red);color:var(--pixel-white)}.pixel-badge.type-water{background:var(--pixel-blue);color:var(--pixel-white)}.pixel-badge.type-grass{background:var(--pixel-green);color:var(--pixel-text-primary)}.pixel-badge.type-electric{background:var(--pixel-yellow);color:var(--pixel-text-primary)}.pixel-grid-bg{background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(0,0,0,.03) 15px,rgba(0,0,0,.03) 16px),repeating-linear-gradient(90deg,transparent,transparent 15px,rgba(0,0,0,.03) 15px,rgba(0,0,0,.03) 16px);background-size:16px 16px}.pixel-avatar{width:64px;height:64px;background:var(--pixel-white);border:3px solid var(--pixel-border-dark);display:flex;align-items:center;justify-content:center;font-size:32px;image-rendering:pixelated;box-shadow:2px 2px 0 var(--pixel-shadow)}.pixel-header{background:var(--pixel-red);border-bottom:4px solid var(--pixel-border-dark);padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 0 var(--pixel-shadow)}.pixel-header-title{font-size:12px;color:var(--pixel-white);font-family:var(--pixel-font);text-transform:uppercase;text-shadow:2px 2px 0 var(--pixel-border-dark)}.pixel-level{background:var(--pixel-yellow);border:2px solid var(--pixel-border-dark);padding:4px 8px;font-size:10px;font-family:var(--pixel-font);display:inline-flex;align-items:center;gap:4px;box-shadow:2px 2px 0 var(--pixel-shadow)}.pixel-level:before{content:"LV";font-size:8px}.pixel-xp-container{display:flex;align-items:center;gap:8px}.pixel-xp-bar{position:relative;height:8px;width:200px;background:var(--pixel-dark-gray);border:2px solid var(--pixel-border-dark);box-shadow:inset 0 2px #0000004d}.pixel-xp-fill{height:100%;background:var(--pixel-light-blue);position:relative;transition:width .5s ease}.pixel-xp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#fff9}.pixel-icon{width:16px;height:16px;display:inline-block;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat}.pixel-choice-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--pixel-white);border:3px solid var(--pixel-border-dark);padding:12px;box-shadow:2px 2px 0 var(--pixel-shadow)}.pixel-choice-item{padding:12px;border:2px solid var(--pixel-border-dark);background:var(--pixel-bg-secondary);font-size:10px;font-family:var(--pixel-font);cursor:pointer;text-align:center;transition:all .1s}.pixel-choice-item:hover{background:var(--pixel-light-blue);color:var(--pixel-white)}.pixel-scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);z-index:9999}.pixel-sidebar{background:var(--pixel-white);border-right:4px solid var(--pixel-border-dark);width:200px;min-height:100vh;box-shadow:4px 0 0 var(--pixel-shadow)}.pixel-nav-item{padding:12px 16px;border-bottom:2px solid var(--pixel-gray);font-size:10px;font-family:var(--pixel-font);color:var(--pixel-text-primary);cursor:pointer;position:relative;transition:all .1s;display:flex;align-items:center;gap:8px}.pixel-nav-item:hover,.pixel-nav-item.active{background:var(--pixel-light-blue);color:var(--pixel-white)}.pixel-nav-item.active:before{content:"▶";position:absolute;left:4px}.pixel-type-normal{background:#a8a878}.pixel-type-fire{background:#f08030}.pixel-type-water{background:#6890f0}.pixel-type-electric{background:#f8d030}.pixel-type-grass{background:#78c850}.pixel-type-ice{background:#98d8d8}.pixel-type-fighting{background:#c03028}.pixel-type-poison{background:#a040a0}.pixel-type-ground{background:#e0c068}.pixel-type-flying{background:#a890f0}.pixel-type-psychic{background:#f85888}.pixel-type-bug{background:#a8b820}.pixel-type-rock{background:#b8a038}.pixel-type-ghost{background:#705898}.pixel-type-dragon{background:#7038f8}.pixel-type-dark{background:#705848}.pixel-type-steel{background:#b8b8d0}@keyframes pixel-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.pixel-cursor{display:inline-block;width:8px;height:12px;background:var(--pixel-text-primary);animation:pixel-cursor-blink .8s infinite}.pixel-battle-screen{display:grid;grid-template-rows:2fr 1fr;height:100vh;background:var(--pixel-bg-primary)}.pixel-battle-field{position:relative;background:linear-gradient(to bottom,#87ceeb 0% 50%,#90ee90 50% 100%);border-bottom:4px solid var(--pixel-border-dark)}.pixel-battle-ui{background:var(--pixel-white);border-top:4px solid var(--pixel-border-dark);padding:16px}.pixel-toggle{position:relative;width:80px;height:32px;background:var(--pixel-dark-gray);border:3px solid var(--pixel-border-dark);cursor:pointer;transition:all .1s}.pixel-toggle-slider{position:absolute;top:2px;left:2px;width:32px;height:22px;background:var(--pixel-white);border:2px solid var(--pixel-border-dark);transition:transform .2s}.pixel-toggle.active .pixel-toggle-slider{transform:translate(40px);background:var(--pixel-green)}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pixel-spinner{width:32px;height:32px;border:4px solid var(--pixel-gray);border-top:4px solid var(--pixel-red);animation:pixel-spin 1s linear infinite}.catan-board{position:relative;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a2a,#0d2818,#1a3a2a);border:4px solid var(--pixel-border-dark);box-shadow:inset 0 0 60px #00000080;overflow:hidden}.catan-board:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(251,191,36,.06) 0%,transparent 50%);pointer-events:none}.hex-grid{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px}.hex-row{display:flex;gap:6px;justify-content:center}.hex-tile{width:90px;height:100px;position:relative;cursor:pointer;transition:transform .2s ease,filter .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);image-rendering:pixelated}.hex-tile:hover{transform:scale(1.08);filter:brightness(1.15);z-index:10}.hex-tile.selected{transform:scale(1.12);filter:brightness(1.2) drop-shadow(0 0 12px rgba(0,255,213,.6));z-index:20}.hex-tile--wood{background:linear-gradient(180deg,#2d5a27,#1e4a1a)}.hex-tile--brick{background:linear-gradient(180deg,#b33a2a,#8b2a1e)}.hex-tile--wheat{background:linear-gradient(180deg,#d4a832,#b8901a)}.hex-tile--ore{background:linear-gradient(180deg,#6b7b8d,#4a5a6a)}.hex-tile--wool{background:linear-gradient(180deg,#7ec87a,#5ba858)}.hex-tile--desert{background:linear-gradient(180deg,#d4b878,#b89a5a)}.hex-tile__content{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2}.hex-tile__number{width:28px;height:28px;border-radius:50%;background:var(--pixel-white);border:2px solid var(--pixel-border-dark);display:flex;align-items:center;justify-content:center;font-family:var(--pixel-font);font-size:10px;font-weight:700;color:var(--pixel-text-primary);box-shadow:1px 1px 0 var(--pixel-shadow)}.hex-tile__number.high-yield{color:var(--pixel-red);border-color:var(--pixel-red)}.hex-tile__type{font-family:var(--pixel-font);font-size:7px;color:var(--pixel-white);text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.8);letter-spacing:.5px}.hex-tile__level{font-family:var(--pixel-font);font-size:6px;color:#ffffffb3;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.resource-counter{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--pixel-white);border:3px solid var(--pixel-border-dark);box-shadow:2px 2px 0 var(--pixel-shadow);font-family:var(--pixel-font);font-size:10px;min-width:100px}.resource-counter__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.resource-counter__value{font-weight:700;color:var(--pixel-text-primary)}.resource-counter__rate{font-size:7px;color:#10b981}.settlement-marker{width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);z-index:15;cursor:pointer;transition:transform .2s}.settlement-marker:hover{transform:translate(-50%,-50%) scale(1.3)}.settlement-marker--settlement{clip-path:polygon(50% 0%,100% 50%,100% 100%,0% 100%,0% 50%);background:var(--pixel-white);border:2px solid var(--pixel-border-dark)}.settlement-marker--city{width:22px;height:22px;clip-path:polygon(25% 0%,75% 0%,100% 30%,100% 100%,0% 100%,0% 30%);background:var(--pixel-yellow);border:2px solid var(--pixel-border-dark)}.road-segment{position:absolute;height:3px;background:var(--pixel-white);border:1px solid var(--pixel-border-dark);transform-origin:left center;z-index:5}.pipeline-flow{display:flex;align-items:center;gap:4px;padding:12px;background:#0003;border:2px solid var(--pixel-border-dark);overflow-x:auto}.pipeline-stage{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:var(--pixel-white);border:2px solid var(--pixel-border-dark);font-family:var(--pixel-font);font-size:8px;min-width:80px;box-shadow:2px 2px 0 var(--pixel-shadow);transition:all .2s}.pipeline-stage.active{background:var(--pixel-light-blue);color:var(--pixel-white);box-shadow:0 0 8px #78c8ff80}.pipeline-stage.completed{background:var(--pixel-light-green);color:var(--pixel-text-primary)}.pipeline-stage.error{background:var(--pixel-red);color:var(--pixel-white)}.pipeline-arrow{font-size:16px;color:var(--pixel-dark-gray);font-family:var(--pixel-font)}.agent-card{background:var(--pixel-white);border:3px solid var(--pixel-border-dark);padding:12px;box-shadow:3px 3px 0 var(--pixel-shadow);position:relative;display:flex;flex-direction:column;gap:8px;transition:transform .2s}.agent-card:hover{transform:translateY(-2px);box-shadow:3px 5px 0 var(--pixel-shadow)}.agent-card__header{display:flex;align-items:center;justify-content:space-between}.agent-card__name{font-family:var(--pixel-font);font-size:10px;font-weight:700;color:var(--pixel-text-primary)}.agent-card__status{width:10px;height:10px;border-radius:50%;border:2px solid var(--pixel-border-dark)}.agent-card__status--online{background:var(--pixel-hp-green)}.agent-card__status--busy{background:var(--pixel-hp-yellow)}.agent-card__status--offline{background:var(--pixel-dark-gray)}.agent-card__status--error{background:var(--pixel-hp-red)}.agent-card__type-badge{font-family:var(--pixel-font);font-size:7px;padding:2px 6px;border:2px solid var(--pixel-border-dark);display:inline-block;box-shadow:1px 1px 0 var(--pixel-shadow);text-transform:uppercase}.agent-card__type-badge--claude{background:#d4a574;color:var(--pixel-text-primary)}.agent-card__type-badge--gpt{background:#74d4a5;color:var(--pixel-text-primary)}.agent-card__type-badge--gemini{background:#7474d4;color:var(--pixel-white)}.agent-card__type-badge--local{background:var(--pixel-dark-gray);color:var(--pixel-white)}.revenue-timeline{display:flex;align-items:flex-end;gap:2px;height:120px;padding:8px;background:#0000001a;border:2px solid var(--pixel-border-dark)}.revenue-bar{flex:1;min-width:8px;background:linear-gradient(180deg,var(--pixel-light-green) 0%,#10b981 100%);border:1px solid rgba(0,0,0,.2);border-radius:2px 2px 0 0;transition:height .3s ease;position:relative}.revenue-bar:hover{filter:brightness(1.2)}.revenue-bar--cost{background:linear-gradient(180deg,#f87171,#dc2626)}.profit-gauge{width:100%;height:16px;background:var(--pixel-dark-gray);border:3px solid var(--pixel-border-dark);position:relative;overflow:hidden}.profit-gauge__fill{height:100%;transition:width .5s ease;position:relative}.profit-gauge__fill:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#fff6}.profit-gauge__fill--high{background:var(--pixel-hp-green)}.profit-gauge__fill--medium{background:var(--pixel-hp-yellow)}.profit-gauge__fill--low{background:var(--pixel-hp-red)}