:root{--dark-bg: #1a202c;--dark-card: #2d3748;--dark-border: #4a5568;--text-primary: #e2e8f0;--text-secondary: #9ca3af;--accent-blue: #63b3ed;--error-bg: rgba(76, 29, 29, .5);--error-text-h: #fca5a5;--error-text-p: #f87171}body{font-family:Inter,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);margin:0}#app{min-height:100vh}main{max-width:1280px;margin:0 auto;padding:1rem}.loading-container{display:flex;justify-content:center;align-items:center;height:16rem}.loading-spinner{width:4rem;height:4rem;border:4px solid var(--dark-border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{text-align:center;padding:2rem;background-color:var(--error-bg);border-radius:.5rem}.error-container h2{font-size:1.5rem;font-weight:600;color:var(--error-text-h)}.error-container p{color:var(--error-text-p);margin-top:.5rem}.game-grid{display:grid;gap:1rem;padding-top:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.game-icon{background-color:var(--dark-card);border-radius:.75rem;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;border:1px solid var(--dark-border);position:relative;width:160px;height:160px}.game-icon:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.game-icon img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background-color:var(--dark-border)}.game-name-container{position:absolute;bottom:0;left:0;right:0;padding:.5rem;text-align:center;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-name{color:#fff;font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 640px){main{padding:2rem}}