Wiiware Collection: By Ghostware

.ghost-tag font-family: monospace; background: #0f212e; padding: 0.3rem 1rem; border-radius: 60px; font-size: 0.9rem; border-left: 3px solid #6aa9ff;

.modal-content background: #0f1822e6; max-width: 400px; width: 85%; padding: 2rem; border-radius: 48px; text-align: center; border: 1px solid #5699ff; box-shadow: 0 25px 35px black;

.modal-desc margin: 1rem 0; line-height: 1.4;

/* wiiware grid */ .game-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.8rem; margin: 2rem 0; wiiware collection by ghostware

/* Wii-style widescreen container */ .collection-container max-width: 1200px; margin: 0 auto; background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(3px); border-radius: 48px; padding: 1.5rem; box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.1); border: 1px solid rgba(90, 180, 255, 0.3);

.game-dev font-size: 0.7rem; color: #7f9fc9; text-transform: uppercase; font-family: monospace;

/* game card - ghostly wiiware style */ .game-card background: rgba(12, 20, 28, 0.7); backdrop-filter: blur(4px); border-radius: 28px; padding: 1rem 0.8rem 1.2rem; text-align: center; transition: all 0.2s ease; border: 1px solid rgba(72, 142, 210, 0.4); cursor: pointer; box-shadow: 0 8px 14px rgba(0,0,0,0.4); .ghost-tag font-family: monospace

.size-badge background: #07121b; display: inline-block; padding: 0.2rem 0.7rem; border-radius: 40px; font-size: 0.7rem; margin-top: 0.6rem; color: #8cb3db;

.modal-content h2 font-size: 2rem; margin-bottom: 0.5rem;

function closeModal() modal.style.display = 'none'; padding: 0.3rem 1rem

// Close modal via button or outside click document.getElementById('closeModalBtn').addEventListener('click', closeModal); window.addEventListener('click', (e) => if (e.target === modal) closeModal(); );

/* wiiware style icon mockup */ .game-icon width: 110px; height: 110px; margin: 0 auto 1rem; background: linear-gradient(145deg, #1e2a36, #0c141f); border-radius: 28px; display: flex; align-items: center; justify-content: center; font-size: 3.2rem; box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 5px 12px black; border: 1px solid #2f6080; transition: 0.1s linear;

/* selection modal (wiiware popup) */ .modal display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); backdrop-filter: blur(10px); align-items: center; justify-content: center; z-index: 1000; font-family: monospace;

function openModal(id) const game = wiiwareGames.find(g => g.id === id); if (!game) return; modalTitle.innerText = game.title; modalDesc.innerText = game.desc; modalSize.innerText = `$game.size

/* header with ghostware identity */ .brand display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; border-bottom: 2px solid #2c5f8a; padding-bottom: 0.75rem; margin-bottom: 2rem;