:root{--background-color:#1a1b1e;--surface-color:#2a2c30;--accent-color:#ffaf29;--text-primary:#fff;--text-secondary:#c5c6c7;--border-color:#3a3d42;--card-shadow:0 4px 12px #0000004d;--card-hover-shadow:0 8px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}header{border-bottom:1px solid var(--border-color);text-align:center;justify-content:center;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex;position:relative}header h1{color:var(--text-primary);text-shadow:0 2px 4px #00000080;font-size:2.8rem;font-weight:700}.language-switcher{color:var(--accent-color);border:2px solid var(--accent-color);cursor:pointer;text-transform:uppercase;background-color:#0000;border-radius:8px;padding:.6rem 1.2rem;font-weight:700;transition:background-color .3s,color .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.language-switcher:hover,.language-switcher:focus{background-color:var(--accent-color);color:var(--background-color);outline:none}main{flex-grow:1}main h2{text-align:center;color:var(--text-primary);margin-block:2rem 3rem;padding-bottom:1rem;font-size:2.2rem;font-weight:500;position:relative}main h2:after{content:"";background-color:var(--accent-color);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.game-card{background-color:var(--surface-color);box-shadow:var(--card-shadow);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.game-card:hover{box-shadow:var(--card-hover-shadow);border-color:var(--accent-color);transform:translateY(-8px)}.game-card__image{object-fit:cover;width:100%;height:200px;display:block}.game-card__content{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.game-card__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.game-card__description{flex-grow:1;font-size:.9rem}footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:3rem;padding:1.5rem;font-size:.9rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.footer-nav a{color:var(--accent-color);text-decoration:none}.footer-nav a:hover,.footer-nav a:focus{outline:none;text-decoration:underline}.header-link{color:inherit;text-decoration:none}.back-link{color:var(--accent-color);margin-bottom:1.5rem;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover,.back-link:focus{outline:none;text-decoration:underline}.legal-page{max-width:760px;color:var(--text-secondary);margin:0 auto;line-height:1.7}.legal-page h2{color:var(--text-primary);border-bottom:2px solid var(--accent-color);margin-bottom:2rem;padding-bottom:.75rem;font-size:2rem;font-weight:500}.legal-page h3{color:var(--text-primary);margin-top:2rem;margin-bottom:.6rem;font-size:1.2rem;font-weight:500}.legal-page p{margin-bottom:1rem}.legal-page ul{margin:.5rem 0 1rem 1.5rem}.legal-page li{margin-bottom:.3rem}.legal-page a{color:var(--accent-color);text-decoration:none}.legal-page a:hover,.legal-page a:focus{outline:none;text-decoration:underline}.spinner{border:4px solid #fff3;border-top:4px solid var(--accent-color);border-radius:50%;width:40px;height:40px;margin:4rem auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){header h1{font-size:2.2rem}main h2{font-size:1.8rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.language-switcher{width:100%;max-width:200px;margin-top:1.5rem;position:static;transform:none}header{flex-direction:column}}