:root{--primary:#004be2;--primary-hover:#0041c7;--on-primary:#f2f1ff;--surface:#f5f6f7;--on-surface:#2c2f30;--on-surface-variant:#595c5d;--surface-container-lowest:#fff;--surface-dim:#d1d5d7;--surface-container-low:#eff1f2;--font-family:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;font-weight:400;line-height:1.5}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;justify-content:center;align-items:center;display:inline-flex}.main-content{flex-grow:1;justify-content:center;width:100%;display:flex}.content-wrapper{width:100%;max-width:1920px;padding:64px 40px}.page-header{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.header-title{letter-spacing:-.02em;color:var(--on-surface);text-transform:uppercase;font-size:3.5rem;font-weight:900;line-height:1.2}.header-subtitle{color:var(--on-surface-variant);max-width:50ch;font-size:.875rem;line-height:1.6}.games-section{flex-direction:column;gap:0;display:flex}.games-list{background-color:var(--surface-container-low);border-radius:12px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.game-card{background-color:var(--surface-container-lowest);border-bottom:1px solid var(--surface-dim);justify-content:space-between;align-items:center;padding:24px;transition:background-color .2s;display:flex}.game-card:last-child{border-bottom:none}.game-card:hover{background-color:var(--surface-dim)}.game-card-left{flex-grow:1;align-items:center;gap:40px;display:flex}.game-card-icon{background-color:var(--primary);width:64px;height:64px;color:var(--on-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;display:flex}.game-card-icon img{object-fit:cover;border-radius:8px;width:100%;height:100%}.game-card-info{flex-direction:column;gap:4px;display:flex}.game-card-title{color:var(--on-surface);font-size:1.5rem;font-weight:700;line-height:1.2}.game-card-meta{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:.75rem;font-weight:700;line-height:1}.game-card-description{color:var(--on-surface-variant);max-width:28ch;font-size:.875rem;line-height:1.6}@media (min-width:1024px){.game-card-left{max-width:800px}}.button-play{text-transform:uppercase;letter-spacing:.05em;background-color:var(--primary);color:var(--on-primary);cursor:pointer;font-size:.75rem;font-weight:700;font-family:var(--font-family);border:none;border-radius:6px;flex-shrink:0;padding:12px 32px;line-height:1;transition:all .2s}.button-play:hover{background-color:var(--primary-hover);box-shadow:0 2px 8px #004be24d}.button-play:active{transform:scale(.98)}@media (max-width:1024px){.game-card{flex-direction:column;align-items:flex-start;gap:16px}.game-card-left,.button-play{width:100%}}@media (max-width:768px){.content-wrapper{padding:32px 20px}.header-title{font-size:2.5rem}.game-card{flex-direction:column;gap:20px;padding:20px}.game-card-left{flex-wrap:wrap;align-items:flex-start;gap:16px;width:100%}.game-card-icon{flex-shrink:0;width:80px;height:80px;font-size:40px}.game-card-icon img{border-radius:8px}.game-card-info{flex-grow:1;gap:8px;margin-top:8px}.game-card-title{font-size:1.25rem}.game-card-meta{font-size:.7rem}.game-card-description{flex-basis:100%;max-width:none;font-size:.875rem}.button-play{width:100%;padding:16px;font-size:.875rem}}