:root{--primary-green:#76c893;--secondary-blue:#94bfe1;--warm-yellow:#e2b96a;--cool-gray:#f4f4f4;--text-dark:#2c3e50;--text-light:#7f8c8d;--bg-overlay:hsla(0,0%,100%,.95);--border-subtle:#e0e0e0;--shadow-light:0 2px 12px rgba(0,0,0,.1);--shadow-medium:0 4px 16px rgba(0,0,0,.15);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.high-contrast{--primary-green:#000;--secondary-blue:#fff;--warm-yellow:#ff0;--cool-gray:grey;--text-dark:#000;--text-light:#000;--bg-overlay:#fff}*{box-sizing:border-box}body,html{background:#f8f9fa;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;height:100%;line-height:1.6;margin:0;padding:0}.app{height:100vh;overflow:hidden;position:relative}.map{background:#f0f2f5;height:100%;width:100%;z-index:1}.info-panel{background:var(--bg-overlay);border-radius:12px;box-shadow:var(--shadow-medium);max-height:calc(100vh - 40px);max-width:90vw;overflow:hidden;position:absolute;right:20px;top:20px;transition:var(--transition-smooth);width:350px;z-index:1000}.panel-header{align-items:center;background:linear-gradient(135deg,var(--primary-green),#68b085);border-bottom:1px solid var(--border-subtle);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.panel-header h2{font-size:18px;font-weight:600;margin:0}.panel-toggle{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:var(--transition-smooth);width:32px}.panel-toggle:hover{background:hsla(0,0%,100%,.3)}.panel-content{max-height:calc(100vh - 120px);overflow-y:auto}.tab-buttons{background:#f8f9fa;border-bottom:1px solid var(--border-subtle);display:flex}.tab-button{background:none;border:none;color:var(--text-light);cursor:pointer;flex:1;font-size:12px;padding:12px 8px;text-align:center;transition:var(--transition-smooth)}.tab-button.active{background:#fff;border-bottom:3px solid var(--primary-green);color:var(--text-dark)}.tab-button:hover:not(.active){background:#f0f0f0}.tab-icon{display:block;font-size:16px;margin-bottom:4px}.tab-content{display:none;padding:20px}.tab-content.active{display:block}.cell-info{background:#f8f9fa;border-left:4px solid var(--primary-green);border-radius:8px;font-size:13px;font-weight:500;margin-bottom:16px;padding:12px}.biome-narrative{color:var(--text-light);font-size:13px;line-height:1.6}.learning-content h3,.quiz-content h3{color:var(--text-dark);font-size:16px;margin:0 0 12px}.fun-fact{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;font-size:13px;line-height:1.5}.fun-fact,.quiz-question{border-radius:8px;padding:16px}.quiz-question{background:#e3f2fd;border-left:4px solid var(--secondary-blue);font-weight:500}.quiz-options,.quiz-question{margin-bottom:16px}.quiz-option{background:#fff;border:2px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:block;margin-bottom:8px;padding:12px;text-align:left;transition:var(--transition-smooth);width:100%}.quiz-option:hover{background:#f0fdf4;border-color:var(--primary-green)}.quiz-option.correct{background:#dcfce7;border-color:#22c55e}.quiz-option.incorrect{background:#fee2e2;border-color:#ef4444}.quiz-feedback{border-radius:8px;font-size:13px;margin-top:12px;padding:12px}.quiz-feedback.correct{background:#dcfce7;border:1px solid #22c55e;color:#166534}.quiz-feedback.incorrect{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.controls{bottom:20px;display:flex;gap:8px;position:absolute;right:20px;z-index:1000}.control-btn{align-items:center;background:#fff;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-light);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:var(--transition-smooth)}.control-btn:hover{background:#f8f9fa;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-icon{font-size:14px}.legend{background:#fff;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-light);font-size:12px;line-height:1.4;padding:12px}.legend-title{color:var(--text-dark);font-weight:600;margin-bottom:8px}.legend-item{align-items:center;display:flex;margin-bottom:6px}.legend-color{border:1px solid rgba(0,0,0,.1);border-radius:4px;height:16px;margin-right:8px;width:20px}.loading-overlay{align-items:center;background:rgba(248,250,252,.9);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:2000}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-subtle);border:3px solid var(--border-subtle);border-radius:50%;border-top-color:var(--primary-green);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--text-light);font-size:14px}.error-dialog{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.error-content{background:#fff;border-radius:12px;box-shadow:var(--shadow-medium);margin:20px;max-width:400px;padding:24px;text-align:center}.error-content h3{color:#dc2626;margin:0 0 12px}.error-content p{color:var(--text-light);margin:0 0 20px}.error-btn{background:var(--primary-green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin:0 4px;padding:10px 16px;transition:var(--transition-smooth)}.error-btn:hover{opacity:.9}.error-btn:last-child{background:#6b7280}@media (max-width:768px){.info-panel{max-height:calc(100vh - 100px);right:10px;top:10px;width:calc(100vw - 20px)}.controls{bottom:10px;flex-wrap:wrap;right:10px}.control-btn .btn-text,.tab-button .btn-text{display:none}}@media (max-width:480px){.info-panel{right:5px;top:5px;width:calc(100vw - 10px)}.controls{bottom:5px;right:5px}.panel-content{max-height:calc(100vh - 160px)}}.quiz-option:focus,.tab-button:focus,button:focus{outline:2px solid var(--primary-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.controls,.info-panel{display:none}.map{height:100vh}}
/*# sourceMappingURL=main.70db4c2e995a5ac64bb2.css.map*/