:root{--bg:#1a202c;--fg:#f7fafc;--muted:#a0aec0;--card-bg:#2d3748;--border:#4a5568;--accent:#3182ce;--accent-hover:#2b6cb0}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);background:var(--bg);margin:0;font-family:Manrope,system-ui,sans-serif}.home{flex-direction:column;justify-content:center;gap:clamp(1rem,3vh,1.5rem);min-height:100%;padding:clamp(1rem,3vw,2rem) 0;display:flex}.home__header{text-align:center;padding:0 1.5rem}.home__title{color:var(--fg);margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800}.home__subtitle{color:var(--muted);margin:.75rem 0 0;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:600}.carousel{align-items:center;display:flex;position:relative}.carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:.75rem clamp(3rem,7vw,5rem);display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__nav{z-index:2;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:2rem;line-height:1;transition:background .15s;display:grid;position:absolute;box-shadow:0 4px 14px #0006}.carousel__nav:hover,.carousel__nav:focus-visible{background:var(--accent-hover);outline:none}.carousel__nav--prev{left:clamp(.75rem,2vw,1.5rem)}.carousel__nav--next{right:clamp(.75rem,2vw,1.5rem)}.game-card{scroll-snap-align:center;background:var(--card-bg);width:clamp(200px,22vw,240px);color:inherit;border:2px solid var(--border);border-radius:18px;flex-direction:column;flex:none;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.game-card:hover,.game-card:focus-visible{border-color:var(--card-color);outline:none;transform:translateY(-6px)}.game-card__art{background:var(--card-color);place-items:center;height:140px;display:grid}.game-card__emoji{font-size:4.5rem}.game-card__body{text-align:center;flex:1;padding:1rem 1rem .4rem}.game-card__title{color:var(--fg);margin:0;font-size:1.3rem;font-weight:800;line-height:1.15}.game-card__cta{background:var(--accent);color:#fff;text-align:center;border-radius:10px;margin:.4rem 1rem 1rem;padding:.7rem;font-size:1.1rem;font-weight:800}.home__footer{text-align:center;color:var(--muted);font-size:1.1rem;font-weight:600}