/* EVE-inspired dark theme */
body { background: #0a0a0a; color: #ccc; font-family: Arial, sans-serif; }
#eve-ships-container { max-width: 1200px; margin: 0 auto; }
#eve-search, #eve-filter-group { margin: 10px; padding: 10px; background: #1a1a1a; border: 1px solid #333; color: #ccc; }
#eve-ships-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
.eve-ship-card { background: #222; border: 1px solid #444; padding: 10px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.eve-ship-card:hover { transform: scale(1.05); box-shadow: 0 0 15px #00ffcc; }
.eve-ship-card img { width: 100%; height: auto; }
.eve-details-btn { background: #00ffcc; color: #000; border: none; padding: 5px 10px; cursor: pointer; }
.eve-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); align-items: center; justify-content: center; overflow: auto; }
.eve-modal-content { background: #333; padding: 20px; border: 1px solid #888; width: 80%; max-width: 600px; max-height: 70vh; overflow-y: auto; position: relative; box-sizing: border-box; animation: fadeIn 0.5s; }
.eve-modal-content img { max-width: 100%; height: auto; max-height: 250px; display: block; margin: 0 auto 15px; }
.eve-close { color: #aaa; float: right; font-size: 28px; cursor: pointer; }
.eve-close:hover { color: #fff; }
.eve-tabs { margin: 10px 0; }
.eve-tab-btn { background: #444; color: #ccc; border: none; padding: 10px; cursor: pointer; }
.eve-tab-btn.active { background: #00ffcc; color: #000; }
.eve-tab-content { display: none; }
.eve-tab-content.active { display: block; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
/* Hide non-matching cards */
.eve-ship-card.hidden { display: none; }

/* Media query for smaller screens */
@media (max-width: 600px) {
    .eve-modal-content {
        width: 95%;
        max-height: 85vh;
        padding: 15px;
    }
    .eve-modal-content img {
        max-height: 150px;
    }
}