.researchtree-container{padding:20px;width:100%;overflow-x:auto}.tree-container{position:relative;margin-top:40px;padding:20px;display:flex;flex-direction:column;gap:120px;min-height:500px;min-width:1200px;width:max-content}.connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.tree-level{display:flex;gap:40px;flex-wrap:nowrap;position:relative;z-index:2;min-width:100%}.tree-level.level-0{justify-content:center}.tree-level.level-1{margin-left:240px}.tree-level.level-1,.tree-level.level-2,.tree-level.level-3{justify-content:start}.tree-level.level-3{margin-left:240px}.tree-level.level-3 #building-6{margin-left:480px}.research-card{width:200px;padding:15px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#303030;transition:transform .3s ease,box-shadow .3s ease;position:relative;display:flex;flex-direction:column}.research-card.researched{background:linear-gradient(180deg,#303030 50%,rgba(76,175,80,.3));border:2px solid #4caf50}.research-card.in-research{background:linear-gradient(180deg,#303030 50%,rgba(255,152,0,.3));border:2px solid #ff9800}.research-status-icon{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:3}.research-check-icon{color:#4CAF50;font-size:1.25rem}.research-unlock-icon{color:#2196F3;font-size:1.25rem}.research-progress-icon{color:#FF9800;font-size:1.25rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.research-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.research-card.built{background-color:#303030;border:2px solid #4caf50}.research-card.available{border:2px solid #2196f3}.research-card.locked{background-color:#303030;border:2px solid #9e9e9e;opacity:.7}.research-card h3{margin-top:0;margin-bottom:12px;font-size:1rem;text-align:center}.resource-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:15px}.resource-item{display:flex;align-items:center;gap:4px;background-color:rgba(0,0,0,.05);padding:3px 6px;border-radius:12px;font-size:.8rem}.resource-icon{font-size:.9rem}.build-status{text-align:center;padding:8px 5px;border-radius:4px;font-size:.8rem;font-weight:700;margin-top:auto;cursor:pointer;transition:background-color .2s ease}.complete-research{background-color:#4CAF50!important;color:white!important}.complete-research:hover{background-color:#3d8b40!important}.build-status.disabled{opacity:.6;cursor:not-allowed!important;pointer-events:none}.built .build-status{background-color:#4CAF50;color:white}.available .build-status{background-color:#2196F3;color:white}.in-research .build-status{background-color:#FF9800;color:white}.locked .build-status{background-color:#9E9E9E;color:white;cursor:not-allowed}.research-description{font-size:.8rem;color:#999;margin-bottom:12px;text-align:center}.research-loading,.research-time{display:flex;align-items:center;justify-content:center}.research-time{margin-top:auto;font-size:.9em;color:#d4d4d4;flex-wrap:wrap}.research-time svg{margin-right:6px;color:#ffd700}.time-remaining{font-weight:700;color:#ffd700}.research-progress-bar{height:6px;background-color:rgba(255,255,255,.2);border-radius:3px;margin:6px 0;width:100%;overflow:hidden}.progress-fill{height:100%;background-color:#ffd700;transition:width .3s ease-in-out}