:root{--bg-color: rgb(31, 33, 34);--tab-bg: rgb(21, 23, 23);--card-bg: rgb(49, 49, 49);--accent-color: rgb(255, 203, 105);--text-color: rgb(255, 255, 255);--border-color: rgb(66, 62, 56);--hover-bg: rgb(49, 51, 52);--link-color: rgb(255, 165, 0);--link-hover: rgb(255, 140, 0);--hover-games-card-shadow: rgba(150, 150, 150, .8)}[data-theme=light]{--bg-color: rgb(250, 245, 245);--tab-bg: rgb(235, 230, 230);--card-bg: rgb(249, 250, 251);--accent-color: rgb(0, 128, 0);--text-color: rgb(26, 26, 26);--border-color: rgb(209, 213, 219);--hover-bg: rgb(200, 190, 180);--link-color: rgb(0, 128, 0);--link-hover: rgb(0, 100, 0);--hover-games-card-shadow: rgba(0, 0, 0, .2)}*{box-sizing:border-box;font-family:sans-serif}html,body,#root{height:100%;margin:0}#root{display:flex;flex-direction:column}main{flex:1 0 auto;display:flex;flex-direction:column}body{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;transition:background-color .3s,color .3s}#app{margin:15px;flex:1}.tab{display:flex;align-items:center;height:50px;background-color:var(--tab-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.tab a,.tab select,.tab button{display:flex;align-items:center;justify-content:center;height:100%;min-width:70px;padding:0 20px;font-weight:700;font-size:16px;color:var(--accent-color);background-color:transparent;border:none;border-right:1px solid var(--border-color);cursor:pointer;transition:background-color .2s;text-decoration:none}.tab a:hover,.tab select:hover,.tab button:hover{background-color:var(--hover-bg);color:var(--link-hover)}.tab img{height:60%;object-fit:contain}.bind-right{margin-left:auto;display:flex;height:100%;border-left:1px solid var(--border-color)}#locale-select{appearance:none;text-align:center;outline:none}#theme-toggle{font-size:1.2rem;border-right:none}.tab option{background-color:var(--bg-color);color:var(--text-color)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.games-card{background-color:var(--card-bg);border:1px solid var(--border-color);padding:15px;border-radius:8px;transition:transform .2s,box-shadow .2s}.games-card a{text-decoration:none;display:block;color:inherit}.games-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px var(--hover-games-card-shadow)}.games-card img{width:100%;height:180px;object-fit:cover;border-radius:6px}.games-title{font-size:1.1rem;font-weight:700;margin-top:10px;color:var(--text-color)}.games-desc{font-size:.9rem;margin-top:5px;color:var(--text-color);opacity:.9}.games-price{margin-top:8px;font-weight:700;color:var(--accent-color)}footer{position:sticky;bottom:0;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid var(--border-color);background-color:var(--tab-bg);z-index:1000}footer a{color:var(--link-color);text-decoration:none}footer a:hover{text-decoration:underline}footer .link{padding-left:8px;padding-right:8px}@keyframes fadeEffect{0%{opacity:.7}to{opacity:1}}section{animation:fadeEffect .5s}section a{color:var(--link-color)!important;transition:color .2s}section a:hover{color:var(--link-hover)!important}.dm-link:hover{color:var(--link-hover)}.loading-spinner{width:50px;height:50px;border:5px solid var(--tab-bg);border-top:5px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:50px auto;grid-column:1 / -1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{grid-column:1 / -1;text-align:center;padding:40px}.error-msg{color:var(--text-color);font-size:1.2rem;margin-bottom:20px}.retry-btn{background-color:var(--accent-color);color:var(--bg-color)!important;border:none;padding:10px 25px;border-radius:5px;font-weight:700;cursor:pointer;transition:opacity .2s}.retry-btn:hover{opacity:.8;color:var(--text-color)!important}