.header[data-v-e20eb967]{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.game-info[data-v-e20eb967]{display:flex;gap:30px;align-items:center;justify-content:space-between}.timer[data-v-e20eb967]{font-weight:700;color:#f44336;font-size:1.2rem}.phase[data-v-e20eb967]{font-weight:700;color:#2196f3}.location-info[data-v-e20eb967]{text-align:right}.location-name[data-v-e20eb967]{font-weight:700;color:#4caf50;margin-bottom:4px}.location-conditions[data-v-e20eb967]{display:flex;gap:15px;font-size:.9rem;color:#666}.location-conditions span[data-v-e20eb967]{background:#f0f0f0;padding:2px 6px;border-radius:4px;border:1px solid #ddd}.ecosystem-panel[data-v-4042c6c5]{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:20px}.constraints[data-v-4042c6c5]{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #2196F3}.constraints div[data-v-4042c6c5]{margin-bottom:5px}.chain-builder[data-v-4042c6c5]{min-height:200px;border:2px dashed #ddd;border-radius:8px;padding:15px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.empty-state[data-v-4042c6c5]{color:#666;font-style:italic;width:100%;text-align:center;margin-top:80px}.pyramid[data-v-4042c6c5]{display:flex;flex-direction:column;gap:15px;width:100%}.pyramid-level[data-v-4042c6c5]{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px}.pyramid-level.tertiary[data-v-4042c6c5]{background:#ffebee;border:2px solid #f44336}.pyramid-level.secondary[data-v-4042c6c5]{background:#fff3e0;border:2px solid #ff9800}.pyramid-level.primary[data-v-4042c6c5]{background:#e8f5e8;border:2px solid #4CAF50}.pyramid-level.producers[data-v-4042c6c5]{background:#e3f2fd;border:2px solid #2196F3}.pyramid-level.decomposers[data-v-4042c6c5]{background:#f3e5f5;border:2px solid #9c27b0}.level-label[data-v-4042c6c5]{font-weight:700;margin-bottom:10px;font-size:14px;color:#333}.level-species[data-v-4042c6c5]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.species-tile[data-v-4042c6c5]{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;width:180px;box-shadow:0 2px 4px #0000001a}.tile-header[data-v-4042c6c5]{display:flex;align-items:center;gap:8px;margin-bottom:8px;position:relative}.tile-body[data-v-4042c6c5]{font-size:11px;color:#666}.species-type[data-v-4042c6c5]{color:#666;font-size:10px;margin-bottom:4px;text-transform:capitalize;font-weight:700}.species-calories[data-v-4042c6c5]{color:#2196f3;font-size:10px;font-weight:700;margin-bottom:4px}.species-diet[data-v-4042c6c5]{color:#4caf50;font-size:9px;margin-bottom:6px;font-weight:700}.env-reqs[data-v-4042c6c5]{display:grid;grid-template-columns:1fr 1fr;gap:2px;font-size:8px}.env-reqs div[data-v-4042c6c5]{background:#f0f0f0;padding:2px 4px;border-radius:3px;border:1px solid #ddd}.species-icon[data-v-4042c6c5]{font-size:18px}.species-name[data-v-4042c6c5]{font-size:14px;font-weight:700}.remove-btn[data-v-4042c6c5]{background:#f44336;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-4042c6c5]:hover{background:#d32f2f}.species-count[data-v-4042c6c5]{font-weight:700;color:#2196f3;margin-bottom:10px}.ecosystem-issues[data-v-4042c6c5]{background:#ffebee;padding:15px;border-radius:8px;border-left:4px solid #f44336}.ecosystem-issues h4[data-v-4042c6c5]{color:#f44336;margin-bottom:10px}.ecosystem-issues ul[data-v-4042c6c5]{margin-left:20px}.ecosystem-issues li[data-v-4042c6c5]{color:#d32f2f;margin-bottom:5px}.ecosystem-analysis[data-v-4042c6c5]{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:8px;border:1px solid #ddd}.ecosystem-analysis h4[data-v-4042c6c5]{margin-bottom:10px;color:#333}.ecosystem-valid[data-v-4042c6c5]{background:#e8f5e8;padding:15px;border-radius:6px;border-left:4px solid #4CAF50;color:#2e7d32;font-weight:700;margin-bottom:10px}.calorie-breakdown[data-v-4042c6c5]{margin-top:15px;padding-top:15px;border-top:1px solid #c8e6c9}.calorie-breakdown h5[data-v-4042c6c5]{color:#2e7d32;margin-bottom:10px}.trophic-levels[data-v-4042c6c5]{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.trophic-level[data-v-4042c6c5]{background:#f1f8e9;padding:8px 12px;border-radius:4px;border-left:3px solid #4CAF50}.level-header[data-v-4042c6c5]{font-weight:700;color:#1b5e20;font-size:13px}.species-list[data-v-4042c6c5]{margin:8px 0}.species-calorie[data-v-4042c6c5]{font-size:11px;color:#2e7d32;margin:2px 0;padding:2px 0;font-weight:400}.intake[data-v-4042c6c5]{color:#d32f2f;font-weight:700}.output[data-v-4042c6c5]{color:#388e3c;font-weight:700}.level-total[data-v-4042c6c5]{font-size:12px;color:#1b5e20;margin-top:6px;font-weight:700;border-top:1px solid #c8e6c9;padding-top:4px}.energy-efficiency[data-v-4042c6c5]{background:#e3f2fd;padding:10px;border-radius:4px;border-left:3px solid #2196F3}.efficiency-stat[data-v-4042c6c5]{font-size:12px;color:#1565c0;margin-top:2px;font-weight:400}.ecosystem-issues[data-v-4042c6c5]{background:#ffebee;padding:15px;border-radius:6px;border-left:4px solid #f44336;margin-bottom:10px}.ecosystem-issues h5[data-v-4042c6c5]{color:#f44336;margin-bottom:8px}.ecosystem-issues ul[data-v-4042c6c5]{margin-left:15px}.ecosystem-issues li[data-v-4042c6c5]{color:#d32f2f;margin-bottom:4px;font-size:13px}.ecosystem-details[data-v-4042c6c5]{margin-top:10px}.ecosystem-details h5[data-v-4042c6c5]{color:#333;margin-bottom:8px}.food-chain[data-v-4042c6c5]{margin-bottom:6px;font-size:13px;padding:6px;background:#fff;border-radius:4px;border:1px solid #eee}.prey-item[data-v-4042c6c5]{color:#4caf50;font-weight:700;margin-right:8px}.location-details[data-v-4042c6c5]{margin:10px 0}.location-requirement[data-v-4042c6c5]{margin-bottom:8px;color:#333}.condition-grid[data-v-4042c6c5]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.condition-item[data-v-4042c6c5]{background:#e3f2fd;padding:8px;border-radius:6px;border-left:4px solid #2196F3}.condition-item .label[data-v-4042c6c5]{font-weight:700;color:#1976d2;display:block;font-size:12px}.condition-item .value[data-v-4042c6c5]{font-size:14px;font-weight:700;color:#333}.requirements[data-v-4042c6c5]{font-size:13px;color:#555}.requirements div[data-v-4042c6c5]{margin-bottom:4px}.location-compatibility[data-v-4042c6c5]{margin-top:15px;padding:10px;background:#f0f8ff;border-radius:6px;border:1px solid #2196F3}.location-compatibility h5[data-v-4042c6c5]{color:#1976d2;margin-bottom:8px}.compatibility-bar[data-v-4042c6c5]{width:100%;height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:5px}.compatibility-fill[data-v-4042c6c5]{height:100%;background:linear-gradient(90deg,#f44336,#ff9800,#4caf50);transition:width .5s ease;border-radius:10px}.compatibility-text[data-v-4042c6c5]{text-align:center;font-weight:700;color:#333}.hints-section[data-v-4042c6c5]{margin-top:20px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.hints-header[data-v-4042c6c5]{background:#f8f9fa;padding:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;color:#666}.hints-header[data-v-4042c6c5]:hover{background:#e9ecef}.toggle-icon[data-v-4042c6c5]{font-size:12px}.hints-content[data-v-4042c6c5]{padding:15px;background:#fff8e1;border-top:1px solid #ddd}.hint-species[data-v-4042c6c5]{display:flex;flex-wrap:wrap;gap:8px}.hint-tile[data-v-4042c6c5]{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:12px}.hint-tile .species-name[data-v-4042c6c5]{font-weight:700}.hint-tile .species-type[data-v-4042c6c5]{color:#666;font-size:10px}.hint-actions[data-v-4042c6c5]{margin-bottom:15px;text-align:center}.use-hint-btn[data-v-4042c6c5]{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px}.use-hint-btn[data-v-4042c6c5]:hover{background:#45a049}.no-hints[data-v-4042c6c5]{text-align:center;color:#666;font-style:italic;padding:20px}.species-panel[data-v-7b9f7315]{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.category[data-v-7b9f7315]{margin-bottom:15px}.category-header[data-v-7b9f7315]{background:#f5f5f5;padding:10px;border-radius:5px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:8px}.category-header[data-v-7b9f7315]:hover{background:#e8e8e8}.toggle-icon[data-v-7b9f7315]{font-size:12px;color:#666}.species-grid[data-v-7b9f7315]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;max-height:300px;overflow-y:auto}.species-card[data-v-7b9f7315]{border:2px solid #ddd;padding:15px;border-radius:8px;cursor:pointer;text-align:center;transition:all .3s;font-size:14px;min-height:180px}.species-card[data-v-7b9f7315]:hover{border-color:#4caf50;background:#f0fff0}.species-card.selected[data-v-7b9f7315]{border-color:#2196f3;background:#e3f2fd}.species-icon[data-v-7b9f7315]{font-size:32px;margin-bottom:8px}.species-name[data-v-7b9f7315]{font-weight:700;margin-bottom:4px;font-size:13px}.species-type[data-v-7b9f7315]{color:#666;font-size:12px;margin-bottom:4px;text-transform:capitalize}.species-calories[data-v-7b9f7315]{color:#2196f3;font-size:11px;font-weight:700;margin-bottom:4px}.species-diet[data-v-7b9f7315]{color:#4caf50;font-size:10px;margin-bottom:4px;font-weight:700}.env-reqs[data-v-7b9f7315]{margin-top:6px;font-size:9px;color:#666;display:grid;grid-template-columns:1fr 1fr;gap:3px}.env-reqs div[data-v-7b9f7315]{background:#f0f0f0;padding:3px 5px;border-radius:4px;border:1px solid #ddd}.requirement-info[data-v-7b9f7315]{font-size:14px}.requirement-info ul[data-v-7b9f7315]{margin-left:20px;margin-top:10px}.requirement-info li[data-v-7b9f7315]{margin-bottom:5px}.objectives[data-v-7b9f7315]{border-top:1px solid #eee;padding-top:15px}.metric-item[data-v-7b9f7315]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px;background:#f9f9f9;border-radius:4px;font-size:14px}.status[data-v-7b9f7315]{font-size:12px;color:#f44336}.status.met[data-v-7b9f7315]{color:#4caf50}.controls[data-v-d89e2aa3]{text-align:center;margin:20px 0}.btn[data-v-d89e2aa3]{padding:12px 24px;margin:0 10px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.btn[data-v-d89e2aa3]:disabled{background:#ccc;cursor:not-allowed}.btn-primary[data-v-d89e2aa3]{background:#4caf50;color:#fff}.btn-primary[data-v-d89e2aa3]:hover:not(:disabled){background:#45a049}.btn-secondary[data-v-d89e2aa3]{background:#ff9800;color:#fff}.btn-secondary[data-v-d89e2aa3]:hover{background:#f57c00}.btn-success[data-v-d89e2aa3]{background:#2196f3;color:#fff}.btn-success[data-v-d89e2aa3]:hover:not(:disabled){background:#1976d2}.game-status[data-v-e904b6cf]{display:flex;justify-content:space-around;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.status-item[data-v-e904b6cf]{text-align:center}.label[data-v-e904b6cf]{display:block;font-size:14px;color:#666;margin-bottom:5px}.value[data-v-e904b6cf]{font-size:24px;font-weight:700;color:#2196f3}.value.valid[data-v-e904b6cf]{color:#4caf50}.modal-overlay[data-v-87a02c85]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-87a02c85]{background:#fff;padding:40px;border-radius:15px;text-align:center;max-width:400px;width:90%}.modal h2[data-v-87a02c85]{margin-bottom:20px;color:#2196f3}.results[data-v-87a02c85]{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:10px}.results div[data-v-87a02c85]{margin-bottom:10px}.score[data-v-87a02c85]{font-size:24px;font-weight:700;color:#4caf50}.rating[data-v-87a02c85]{font-size:18px;font-weight:700;color:#ff9800;margin-top:15px}.btn[data-v-87a02c85]{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700}.btn-primary[data-v-87a02c85]{background:#4caf50;color:#fff}.btn-primary[data-v-87a02c85]:hover{background:#45a049}.site-panel[data-v-4f97c1e7]{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;padding:20px;color:#fff;width:100%}.site-header[data-v-4f97c1e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.site-header h3[data-v-4f97c1e7]{margin:0;font-size:1.4em}.site-progress[data-v-4f97c1e7]{background:#fff3;padding:5px 12px;border-radius:15px;font-size:.9em}.requirements h4[data-v-4f97c1e7]{margin:0 0 12px;font-size:1.1em}.numerical-requirements[data-v-4f97c1e7]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.requirement[data-v-4f97c1e7]{background:#ffffff1a;padding:8px 12px;border-radius:8px;text-align:center}.requirement .label[data-v-4f97c1e7]{display:block;font-size:.8em;opacity:.8}.requirement .range[data-v-4f97c1e7]{font-weight:700;font-size:1.1em}.trait-requirements[data-v-4f97c1e7]{display:flex;gap:15px;margin-bottom:20px}.trait[data-v-4f97c1e7]{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:15px;font-size:.9em}.trait.required[data-v-4f97c1e7]{background:#28a7454d}.trait.forbidden[data-v-4f97c1e7]{background:#dc35454d}.selection-area h4[data-v-4f97c1e7]{margin:0 0 12px}.selected-grid[data-v-4f97c1e7]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.selected-microbe[data-v-4f97c1e7]{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;text-align:center}.selected-microbe[data-v-4f97c1e7]:hover{background:#ffffff40;border-color:#ffffff80}.empty-slot[data-v-4f97c1e7]{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:12px;text-align:center;font-size:1.5em;color:#fff6;display:flex;align-items:center;justify-content:center;min-height:80px}.microbe-name[data-v-4f97c1e7]{font-weight:700;margin-bottom:5px;font-size:.9em}.microbe-stats[data-v-4f97c1e7]{display:flex;justify-content:space-between;font-size:.8em;margin-bottom:5px}.microbe-traits[data-v-4f97c1e7]{display:flex;justify-content:center;gap:5px}.trait-badge[data-v-4f97c1e7]{font-size:.8em}.current-averages[data-v-4f97c1e7]{background:#ffffff1a;padding:12px;border-radius:8px;margin-bottom:15px}.current-averages h4[data-v-4f97c1e7]{margin:0 0 8px}.averages[data-v-4f97c1e7]{display:flex;justify-content:space-between}.avg[data-v-4f97c1e7]{padding:4px 8px;border-radius:4px;background:#dc35454d;font-size:.9em}.avg.valid[data-v-4f97c1e7]{background:#28a7454d}.score-display[data-v-4f97c1e7]{background:#ffffff26;padding:15px;border-radius:8px}.score-display h4[data-v-4f97c1e7]{margin:0 0 10px;text-align:center;font-size:1.2em}.score-breakdown[data-v-4f97c1e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.score-item[data-v-4f97c1e7]{background:#ffffff1a;padding:6px 10px;border-radius:4px;font-size:.9em;text-align:center}.microbe-selection-panel[data-v-80c7d961]{background:#f8f9fa;border-radius:12px;padding:20px;width:100%;max-height:600px;overflow-y:auto}.microbe-selection-panel h3[data-v-80c7d961]{margin:0 0 15px;color:#2c3e50}.microbe-list[data-v-80c7d961]{display:flex;flex-direction:column;gap:12px}.microbe-card[data-v-80c7d961]{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease}.microbe-card[data-v-80c7d961]:hover:not(.disabled){border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.microbe-card.selected[data-v-80c7d961]{border-color:#28a745;background:#f8fff9}.microbe-card.disabled[data-v-80c7d961]{opacity:.5;cursor:not-allowed}.microbe-header[data-v-80c7d961]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.microbe-name[data-v-80c7d961]{font-weight:700;color:#2c3e50;font-size:1.1em}.microbe-traits[data-v-80c7d961]{display:flex;gap:5px}.trait-badge[data-v-80c7d961]{font-size:1.2em}.microbe-attributes[data-v-80c7d961]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.attribute[data-v-80c7d961]{background:#f8f9fa;padding:8px;border-radius:6px;text-align:center}.attr-label[data-v-80c7d961]{display:block;font-size:.8em;color:#6c757d;margin-bottom:2px}.attr-value[data-v-80c7d961]{font-weight:700;font-size:1.2em;color:#2c3e50}.binary-traits[data-v-80c7d961]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.binary-trait[data-v-80c7d961]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f8f9fa;border-radius:4px}.trait-label[data-v-80c7d961]{font-size:.9em;color:#6c757d}.trait-value[data-v-80c7d961]{font-weight:700;font-size:.9em;padding:2px 8px;border-radius:10px}.trait-value.yes[data-v-80c7d961]{background:#d4edda;color:#155724}.trait-value.no[data-v-80c7d961]{background:#f8d7da;color:#721c24}.investigation-phase[data-v-53f40792]{padding:20px}.phase-header[data-v-53f40792]{text-align:center;margin-bottom:20px}.investigation-content[data-v-53f40792]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.data-sources[data-v-53f40792],.research-journal[data-v-53f40792]{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.source-list[data-v-53f40792]{display:flex;flex-direction:column;gap:10px}.data-source[data-v-53f40792]{border:2px solid #e9ecef;border-radius:6px;padding:12px;cursor:grab;transition:all .3s ease}.data-source[data-v-53f40792]:hover{border-color:#007bff;transform:translateY(-2px)}.data-source.used[data-v-53f40792]{opacity:.5;cursor:not-allowed}.source-header[data-v-53f40792]{display:flex;justify-content:space-between;margin-bottom:8px}.source-type[data-v-53f40792]{background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em}.source-title[data-v-53f40792]{font-weight:700}.source-content[data-v-53f40792]{font-size:.9em;color:#6c757d}.journal-drop-zone[data-v-53f40792]{min-height:400px;border:2px dashed #dee2e6;border-radius:6px;padding:15px}.drop-hint[data-v-53f40792]{text-align:center;color:#6c757d;font-style:italic;margin-top:150px}.journal-entry[data-v-53f40792]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:12px;margin-bottom:10px}.entry-header[data-v-53f40792]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.entry-title[data-v-53f40792]{font-weight:700;color:#2c3e50}.remove-btn[data-v-53f40792]{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer}.entry-content[data-v-53f40792]{font-size:.9em;margin-bottom:10px}.entry-notes[data-v-53f40792]{display:flex;gap:10px}.notes-input[data-v-53f40792]{flex:1;padding:4px 8px;border:1px solid #dee2e6;border-radius:4px}.priority-select[data-v-53f40792]{padding:4px 8px;border:1px solid #dee2e6;border-radius:4px}.investigation-walkthrough[data-v-53f40792]{background:#e7f3ff;padding:15px;border-radius:8px;margin-top:15px;border-left:4px solid #007bff}.investigation-walkthrough h4[data-v-53f40792]{margin-bottom:10px;color:#2c3e50}.walkthrough-steps[data-v-53f40792]{margin:0;padding-left:20px}.walkthrough-steps li[data-v-53f40792]{margin-bottom:8px;color:#495057;line-height:1.4}.phase-controls[data-v-53f40792]{text-align:center}.next-btn[data-v-53f40792]{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer}.next-btn[data-v-53f40792]:disabled{background:#6c757d;cursor:not-allowed}.analysis-phase[data-v-495257c1]{padding:20px}.analysis-content[data-v-495257c1]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.questions-panel[data-v-495257c1]{display:flex;flex-direction:column;gap:15px}.question-card[data-v-495257c1]{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.question-header[data-v-495257c1]{display:flex;justify-content:space-between;margin-bottom:10px}.question-number[data-v-495257c1]{background:#007bff;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em}.question-status[data-v-495257c1]{font-size:1.2em;color:#6c757d}.question-status.answered[data-v-495257c1]{color:#28a745}.question-text[data-v-495257c1]{margin-bottom:10px;font-weight:500}.question-context[data-v-495257c1]{background:#e7f3ff;padding:10px;border-radius:4px;margin-bottom:15px;font-size:.9em;border-left:3px solid #007bff}.answer-input[data-v-495257c1]{display:flex;gap:10px}.answer-field[data-v-495257c1]{flex:1;padding:8px 12px;border:2px solid #dee2e6;border-radius:4px;font-size:1em}.calc-btn[data-v-495257c1]{background:#f8f9fa;border:1px solid #dee2e6;padding:8px 12px;border-radius:4px;cursor:pointer}.tools-panel[data-v-495257c1]{display:flex;flex-direction:column;gap:20px}.research-summary[data-v-495257c1],.calculator[data-v-495257c1]{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.journal-summary[data-v-495257c1]{max-height:200px;overflow-y:auto}.summary-item[data-v-495257c1]{border-bottom:1px solid #eee;padding:8px 0}.summary-title[data-v-495257c1]{font-weight:700;font-size:.9em}.summary-data[data-v-495257c1]{font-size:.8em;color:#6c757d}.summary-notes[data-v-495257c1]{font-size:.8em;color:#007bff;font-style:italic}.calc-display[data-v-495257c1]{margin-bottom:10px}.calc-screen[data-v-495257c1]{width:100%;padding:10px;font-size:1.2em;text-align:right;border:2px solid #dee2e6;border-radius:4px;background:#f8f9fa}.calc-buttons[data-v-495257c1]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.calc-buttons .calc-btn[data-v-495257c1]{padding:10px;border:1px solid #dee2e6;background:#fff;cursor:pointer;border-radius:4px}.calc-buttons .calc-btn[data-v-495257c1]:hover{background:#f8f9fa}.calc-buttons .equals[data-v-495257c1]{background:#007bff;color:#fff}.calc-history[data-v-495257c1]{max-height:100px;overflow-y:auto;font-size:.8em}.calc-entry[data-v-495257c1]{padding:2px 0;color:#6c757d}.phase-controls[data-v-495257c1]{text-align:center}.next-btn[data-v-495257c1]{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer}.next-btn[data-v-495257c1]:disabled{background:#6c757d;cursor:not-allowed}.report-phase[data-v-c96e98d9]{padding:20px}.report-content[data-v-c96e98d9]{display:flex;flex-direction:column;gap:25px;margin-bottom:20px}.summary-section[data-v-c96e98d9],.visualization-section[data-v-c96e98d9],.insights-section[data-v-c96e98d9]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.summary-textarea[data-v-c96e98d9]{width:100%;min-height:120px;padding:12px;border:2px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:1em;resize:vertical}.char-count[data-v-c96e98d9]{text-align:right;font-size:.8em;color:#6c757d;margin-top:5px}.chart-options[data-v-c96e98d9]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.chart-option[data-v-c96e98d9]{border:2px solid #dee2e6;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease}.chart-option[data-v-c96e98d9]:hover{border-color:#007bff;transform:translateY(-2px)}.chart-option.selected[data-v-c96e98d9]{border-color:#28a745;background:#f8fff9}.chart-icon[data-v-c96e98d9]{font-size:2em;margin-bottom:8px}.chart-name[data-v-c96e98d9]{font-weight:700;margin-bottom:5px}.chart-desc[data-v-c96e98d9]{font-size:.8em;color:#6c757d}.chart-preview[data-v-c96e98d9]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:6px}.mock-chart[data-v-c96e98d9]{height:200px;position:relative;background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-top:10px}.line-chart[data-v-c96e98d9]{position:relative;height:100%;padding:20px}.chart-line[data-v-c96e98d9]{position:absolute;top:60%;left:20px;right:20px;height:3px;background:linear-gradient(45deg,#007bff,#28a745);transform:rotate(-15deg);transform-origin:left}.bar-chart[data-v-c96e98d9]{display:flex;align-items:end;justify-content:center;gap:20px;height:80%;padding:20px}.bar[data-v-c96e98d9]{width:40px;background:#007bff;border-radius:4px 4px 0 0}.chart-labels[data-v-c96e98d9]{display:flex;justify-content:center;gap:40px;font-size:.8em}.pie-chart[data-v-c96e98d9]{position:relative;width:120px;height:120px;margin:20px auto;border-radius:50%;background:conic-gradient(#007bff 0deg 216deg,#28a745 216deg 360deg)}.chart-legend[data-v-c96e98d9]{text-align:center;margin-top:10px;font-size:.8em}.chart-legend span[data-v-c96e98d9]{display:block;margin:2px 0}.insight-questions[data-v-c96e98d9]{display:flex;flex-direction:column;gap:15px}.insight-item[data-v-c96e98d9]{display:flex;flex-direction:column;gap:8px}.insight-item label[data-v-c96e98d9]{font-weight:500}.insight-select[data-v-c96e98d9]{padding:8px 12px;border:2px solid #dee2e6;border-radius:4px;font-size:1em}.phase-controls[data-v-c96e98d9]{text-align:center}.next-btn[data-v-c96e98d9]{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer}.next-btn[data-v-c96e98d9]:disabled{background:#6c757d;cursor:not-allowed}.mini-cases-phase[data-v-303ab9ba]{padding:20px}.cases-content[data-v-303ab9ba]{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.case-progress[data-v-303ab9ba]{display:flex;align-items:center;gap:15px;margin-bottom:25px}.progress-bar[data-v-303ab9ba]{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill[data-v-303ab9ba]{height:100%;background:#007bff;transition:width .3s ease}.case-timer[data-v-303ab9ba]{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:20px;font-size:1.2em;font-weight:700}.timer-text[data-v-303ab9ba]{color:#dc3545}.case-question[data-v-303ab9ba]{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;text-align:center}.case-question h4[data-v-303ab9ba]{margin:0 0 10px;font-size:1.1em;line-height:1.4}.case-context[data-v-303ab9ba]{background:#fff3cd;padding:10px;border-radius:4px;font-size:.9em;border-left:3px solid #ffc107;margin-top:10px}.multiple-choice[data-v-303ab9ba]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option[data-v-303ab9ba]{padding:12px 20px;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .3s ease;text-align:center}.option[data-v-303ab9ba]:hover{border-color:#007bff;background:#f8f9fa}.option.selected[data-v-303ab9ba]{border-color:#28a745;background:#f8fff9}.numerical-answer[data-v-303ab9ba]{margin-bottom:20px;text-align:center}.answer-input[data-v-303ab9ba]{padding:12px 20px;border:2px solid #dee2e6;border-radius:6px;font-size:1.1em;text-align:center;width:200px}.case-controls[data-v-303ab9ba]{display:flex;justify-content:center;gap:15px}.submit-case-btn[data-v-303ab9ba]{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer}.submit-case-btn[data-v-303ab9ba]:disabled{background:#6c757d;cursor:not-allowed}.skip-btn[data-v-303ab9ba]{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer}.cases-complete[data-v-303ab9ba]{text-align:center}.final-score[data-v-303ab9ba]{background:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0}.score-breakdown[data-v-303ab9ba]{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.score-item[data-v-303ab9ba]{display:flex;flex-direction:column;align-items:center;gap:5px}.score-label[data-v-303ab9ba]{font-size:.9em;color:#6c757d}.score-value[data-v-303ab9ba]{font-size:1.2em;font-weight:700;color:#2c3e50}.finish-btn[data-v-303ab9ba]{background:#007bff;color:#fff;border:none;padding:15px 30px;border-radius:6px;font-size:1.1em;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;color:#333;position:relative;overflow-x:hidden}body.forest{background:linear-gradient(135deg,#2d5016,#4a7c59,#6b8e23);animation:forestSway 8s ease-in-out infinite}body.forest:before{content:"";position:fixed;top:0;left:0;width:150%;height:100%;background:radial-gradient(6px 6px at 10% 20%,#ff6b6b,transparent),radial-gradient(4px 4px at 25% 45%,#4ecdc4,transparent),radial-gradient(8px 8px at 40% 25%,#45b7d1,transparent),radial-gradient(5px 5px at 60% 65%,#f9ca24,transparent),radial-gradient(7px 7px at 20% 75%,#6c5ce7,transparent),radial-gradient(4px 4px at 75% 15%,#ff9ff3,transparent),radial-gradient(6px 6px at 85% 40%,#54a0ff,transparent),radial-gradient(5px 5px at 35% 80%,#5f27cd,transparent),radial-gradient(3px 3px at 50% 35%,#ff7675,transparent),radial-gradient(7px 7px at 70% 55%,#00b894,transparent),radial-gradient(4px 4px at 90% 70%,#fdcb6e,transparent),radial-gradient(6px 6px at 15% 50%,#e17055,transparent);animation:butterflies 25s linear infinite;pointer-events:none;z-index:-1}body.mountain{background:linear-gradient(135deg,#4a5568,#718096,#a0aec0);animation:mountainWind 10s ease-in-out infinite}body.mountain:before{content:"";position:fixed;top:0;left:0;width:200%;height:100%;background:radial-gradient(ellipse 400px 200px at 10% 10%,rgba(255,255,255,.6),transparent),radial-gradient(ellipse 350px 180px at 30% 15%,rgba(255,255,255,.4),transparent),radial-gradient(ellipse 500px 250px at 60% 20%,rgba(255,255,255,.5),transparent),radial-gradient(ellipse 300px 150px at 80% 25%,rgba(255,255,255,.45),transparent),radial-gradient(ellipse 450px 220px at 20% 30%,rgba(255,255,255,.35),transparent),radial-gradient(ellipse 380px 190px at 70% 35%,rgba(255,255,255,.4),transparent),radial-gradient(ellipse 320px 160px at 90% 40%,rgba(255,255,255,.5),transparent);animation:clouds 30s linear infinite;pointer-events:none;z-index:-1}body.coral-reef{background:linear-gradient(135deg,#0ea5e9,#06b6d4,#67e8f9);animation:oceanWaves 6s ease-in-out infinite}body.coral-reef:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 15px at 10% 90%,rgba(255,255,255,.9),transparent),radial-gradient(circle 12px at 20% 95%,rgba(255,255,255,.7),transparent),radial-gradient(circle 18px at 85% 88%,rgba(255,255,255,.8),transparent),radial-gradient(circle 10px at 90% 92%,rgba(255,255,255,.6),transparent);background-size:100px 100px;background-repeat:repeat;animation:simpleBubbles 8s linear infinite;pointer-events:none;z-index:-1}@keyframes forestSway{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes butterflies{0%{transform:translate(-30%)}to{transform:translate(20%)}}@keyframes mountainWind{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes clouds{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes oceanWaves{0%,to{background-position:0% 50%}25%{background-position:100% 0%}75%{background-position:0% 100%}}@keyframes bubbles{0%{transform:translateY(20%)}to{transform:translateY(-20%)}}@keyframes simpleBubbles{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes bubbleBurst{0%{background:radial-gradient(circle 4px at 5% 100%,rgba(255,255,255,.8),transparent),radial-gradient(circle 6px at 12% 100%,rgba(255,255,255,.6),transparent),radial-gradient(circle 8px at 20% 100%,rgba(255,255,255,.9),transparent),radial-gradient(circle 5px at 80% 100%,rgba(255,255,255,.7),transparent),radial-gradient(circle 3px at 88% 100%,rgba(255,255,255,.5),transparent),radial-gradient(circle 7px at 95% 100%,rgba(255,255,255,.8),transparent),radial-gradient(circle 4px at 8% 100%,rgba(255,255,255,.7),transparent),radial-gradient(circle 5px at 92% 100%,rgba(255,255,255,.6),transparent);transform:translateY(0)}50%{background:radial-gradient(circle 8px at 5% 50%,rgba(255,255,255,.6),transparent),radial-gradient(circle 12px at 12% 50%,rgba(255,255,255,.4),transparent),radial-gradient(circle 16px at 20% 50%,rgba(255,255,255,.7),transparent),radial-gradient(circle 10px at 80% 50%,rgba(255,255,255,.5),transparent),radial-gradient(circle 6px at 88% 50%,rgba(255,255,255,.3),transparent),radial-gradient(circle 14px at 95% 50%,rgba(255,255,255,.6),transparent),radial-gradient(circle 8px at 8% 50%,rgba(255,255,255,.5),transparent),radial-gradient(circle 10px at 92% 50%,rgba(255,255,255,.4),transparent);transform:translateY(-50%)}to{background:radial-gradient(circle 12px at 5% 0%,rgba(255,255,255,.2),transparent),radial-gradient(circle 18px at 12% 0%,rgba(255,255,255,.1),transparent),radial-gradient(circle 24px at 20% 0%,rgba(255,255,255,.3),transparent),radial-gradient(circle 15px at 80% 0%,rgba(255,255,255,.2),transparent),radial-gradient(circle 9px at 88% 0%,rgba(255,255,255,.1),transparent),radial-gradient(circle 21px at 95% 0%,rgba(255,255,255,.2),transparent),radial-gradient(circle 12px at 8% 0%,rgba(255,255,255,.2),transparent),radial-gradient(circle 15px at 92% 0%,rgba(255,255,255,.1),transparent);transform:translateY(-100%)}}.app{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.game-area{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.ocean-game-area{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px}h1{color:#2196f3;margin-bottom:10px}h3{color:#333;margin-bottom:15px;border-bottom:2px solid #4CAF50;padding-bottom:5px}body.ocean-cleanup{background:linear-gradient(135deg,#1e3c72,#2a5298,#3b82f6);animation:oceanWaves 8s ease-in-out infinite}body.ocean-cleanup:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 8px at 15% 85%,rgba(255,255,255,.8),transparent),radial-gradient(circle 12px at 25% 90%,rgba(255,255,255,.6),transparent),radial-gradient(circle 6px at 35% 88%,rgba(255,255,255,.9),transparent),radial-gradient(circle 10px at 65% 92%,rgba(255,255,255,.7),transparent),radial-gradient(circle 4px at 75% 87%,rgba(255,255,255,.5),transparent),radial-gradient(circle 14px at 85% 95%,rgba(255,255,255,.8),transparent);background-size:200px 200px;animation:oceanBubbles 12s linear infinite;pointer-events:none;z-index:-1}@keyframes oceanBubbles{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.game-switcher{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.game-btn{padding:12px 24px;border:none;border-radius:25px;background:#fff3;color:#fff;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.game-btn.active{background:#fff6;box-shadow:0 4px 15px #0003}.ocean-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:20px;border-radius:12px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ocean-header h1{color:#fff;margin:0}.ocean-timer{font-size:1.5em;font-weight:700;color:#fff;background:#fff3;padding:10px 20px;border-radius:20px}.ocean-controls{display:flex;justify-content:center;gap:15px;margin:20px 0}.ocean-controls button{padding:12px 24px;border:none;border-radius:25px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease}.start-btn{background:#28a745;color:#fff}.clear-btn{background:#ffc107;color:#333}.submit-btn{background:#007bff;color:#fff}.ocean-controls button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.game-result{background:#fffffff2;padding:30px;border-radius:12px;text-align:center;margin:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-result h2{margin-bottom:20px;color:#2c3e50}.final-scores{margin-bottom:20px}.final-scores h3{margin-bottom:15px;color:#2c3e50}.site-score{background:#f8f9fa;padding:10px;margin:5px 0;border-radius:8px;border-left:4px solid #007bff}.total-score{background:#e7f3ff;padding:15px;margin:15px 0;border-radius:8px;border:2px solid #007bff;font-size:1.1em}.game-result button{padding:12px 24px;border:none;border-radius:25px;background:#007bff;color:#fff;font-size:1em;cursor:pointer;margin-top:15px}.next-btn{background:#28a745;color:#fff}.finish-btn{background:#6f42c1;color:#fff}body.red-rock-study{background:linear-gradient(135deg,#8b4513,peru,#deb887);animation:rockFormation 10s ease-in-out infinite}body.red-rock-study:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 20px at 20% 80%,rgba(139,69,19,.3),transparent),radial-gradient(circle 15px at 80% 20%,rgba(160,82,45,.4),transparent),radial-gradient(circle 25px at 60% 60%,rgba(205,133,63,.2),transparent);background-size:300px 300px;animation:dustParticles 15s linear infinite;pointer-events:none;z-index:-1}@keyframes rockFormation{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dustParticles{0%{transform:translate(-10px) translateY(10px)}to{transform:translate(10px) translateY(-10px)}}.redrock-header{display:flex;justify-content:space-between;align-items:center;background:#8b4513e6;color:#fff;padding:20px;border-radius:12px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.redrock-header h1{color:#fff;margin:0}.redrock-timer{font-size:1.5em;font-weight:700;background:#fff3;padding:10px 20px;border-radius:20px}.phase-indicator{background:#ffffff4d;padding:8px 16px;border-radius:15px;font-size:.9em}.redrock-start{text-align:center;padding:50px}.start-redrock-btn{background:#8b4513;color:#fff;border:none;padding:20px 40px;border-radius:25px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .3s ease}.start-redrock-btn:hover{background:sienna;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.redrock-result{background:#fffffff2;padding:30px;border-radius:12px;text-align:center;margin:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.redrock-result h2{margin-bottom:20px;color:#8b4513}.final-redrock-scores{display:flex;justify-content:space-around;margin-bottom:20px;flex-wrap:wrap;gap:20px}.score-section{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #8B4513;flex:1;min-width:200px}.score-section h3{margin-bottom:10px;color:#8b4513}.score-section p{color:#6c757d;font-size:.9em}.total-redrock-score{background:#e7f3ff;padding:20px;margin:20px 0;border-radius:8px;border:2px solid #8B4513;font-size:1.2em;color:#8b4513}.redrock-result button{background:#8b4513;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1em;cursor:pointer;margin-top:15px}.game-objectives{background:#fffffff2;padding:25px;border-radius:12px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.game-objectives h3{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.game-objectives p{color:#6c757d;margin-bottom:20px;font-size:1.1em;line-height:1.4}.game-rules h4{color:#2c3e50;margin-bottom:15px;font-size:1.1em}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.rules-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.rule-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f9fa;border-radius:8px;border-left:3px solid #007bff}.phase-icon,.rule-icon{font-size:1.5em;min-width:30px;text-align:center}.rule-item div{flex:1}.scoring-info{background:#e7f3ff;padding:15px;border-radius:8px;border-left:4px solid #007bff}.scoring-info h4{margin-bottom:10px;color:#2c3e50}.scoring-info ul{margin:0;padding-left:20px}.scoring-info li{margin-bottom:5px;color:#495057}.ecosystem-objectives,.ocean-objectives{margin-bottom:20px}.investigation-strategy{background:#fff3cd;padding:15px;border-radius:8px;border-left:4px solid #ffc107;margin-bottom:20px}.investigation-strategy h4{margin-bottom:15px;color:#2c3e50}.strategy-steps{display:flex;flex-direction:column;gap:12px}.strategy-step{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#ffffffb3;border-radius:6px}.step-number{background:#ffc107;color:#2c3e50;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;flex-shrink:0}.strategy-step div{flex:1;font-size:.9em;line-height:1.4}@media (max-width: 768px){.rules-grid{grid-template-columns:1fr}.game-objectives{padding:20px}.rule-item,.strategy-step{flex-direction:column;text-align:center;gap:8px}}.hint-section{background:#fffffff2;padding:20px;border-radius:12px;margin-top:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;border-left:4px solid #28a745}.hint-section h4{color:#2c3e50;margin-bottom:15px;font-size:1.2em}.hint-content{display:flex;flex-direction:column;gap:12px}.hint-item{background:#f8f9fa;padding:12px 15px;border-radius:8px;border-left:3px solid #28a745;font-size:.9em;line-height:1.4}.hint-item strong{color:#2c3e50}@media (max-width: 768px){.hint-section{padding:15px;margin-top:20px}.hint-item{padding:10px 12px;font-size:.85em}}@media (max-width: 768px){.game-area,.ocean-game-area{grid-template-columns:1fr}.app{padding:10px}.game-switcher{flex-direction:column;align-items:center}.ocean-header{flex-direction:column;gap:15px;text-align:center}.ocean-controls{flex-direction:column;align-items:center}}