.games-page .game-icon{width:1.15em;height:1.15em;flex-shrink:0}.games-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 0 22px}.games-hero-text{min-width:0;max-width:620px}.games-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:color-mix(in srgb,#e0507a 10%,var(--surface));color:color-mix(in srgb,#e0507a 80%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,#e0507a 22%,transparent);font-size:12px;font-weight:700;letter-spacing:.02em}.games-hero h1{margin:14px 0 10px;font-size:clamp(34px,5vw,52px);line-height:1.02;letter-spacing:-.045em}.games-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;max-width:520px}.games-hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 22px;padding:0;list-style:none;color:var(--muted);font-size:13px}.games-hero-facts li{display:inline-flex;align-items:center;gap:6px}.games-hero-facts .game-icon{color:var(--ink);opacity:.7}.games-create{display:inline-flex;align-items:center;gap:8px;padding:12px 20px 12px 16px;border-radius:999px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:650;text-decoration:none;box-shadow:0 10px 24px -14px rgb(0 0 0/.6);transition:transform .2s ease,box-shadow .2s ease}.games-create:hover{transform:translateY(-1px);box-shadow:0 14px 28px -14px rgb(0 0 0/.65)}.games-create:focus-visible{outline:3px solid var(--stage-accent);outline-offset:3px}.games-hero-art{position:relative;flex-shrink:0;width:300px;height:190px}.games-hero-tile{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:color-mix(in srgb,var(--game-hue) 13%,var(--surface));color:var(--game-hue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game-hue) 26%,transparent),0 14px 30px -20px color-mix(in srgb,var(--game-hue) 80%,transparent);animation:games-drift 7s ease-in-out infinite alternate}.games-hero-tile .game-icon{width:28px;height:28px}.tile-0{left:10px;top:28px;transform:rotate(-8deg)}.tile-1{left:84px;top:0;width:72px;height:72px;animation-delay:-1s}.tile-2{left:170px;top:22px;transform:rotate(7deg);animation-delay:-2s}.tile-3{left:236px;top:90px;width:54px;height:54px;animation-delay:-3s}.tile-4{left:44px;top:110px;width:56px;height:56px;transform:rotate(5deg);animation-delay:-4s}.tile-5{left:118px;top:92px;width:68px;height:68px;transform:rotate(-4deg);animation-delay:-5s}.tile-6{left:196px;top:132px;width:52px;height:52px;animation-delay:-6s}.tile-7{left:250px;top:10px;width:50px;height:50px;transform:rotate(-6deg);animation-delay:-2.5s}@keyframes games-drift{to{translate:0 -6px}}:root[data-theme=dark] .games-filters a .game-icon,:root[data-theme=dark] .games-hero-tile{color:color-mix(in srgb,var(--game-hue) 62%,#fff)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .games-filters a .game-icon,:root:not([data-theme=light]) .games-hero-tile{color:color-mix(in srgb,var(--game-hue) 62%,#fff)}}.games-filters{display:flex;gap:8px;margin:4px 0 6px;padding:4px 2px 10px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.games-filters::-webkit-scrollbar{display:none}.games-filters a{--game-hue:var(--ink);display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:8px 14px 8px 11px;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,var(--surface));color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.games-filters a .game-icon{color:var(--game-hue)}.games-filters a:hover{background:color-mix(in srgb,var(--game-hue) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game-hue) 30%,var(--line))}.games-filters a.is-active,.games-filters a.is-active:hover{background:var(--ink);color:var(--surface);box-shadow:none}.games-filters a.is-active .game-icon{color:inherit}.games-filters a:focus-visible{outline:3px solid var(--stage-accent);outline-offset:2px}.games-pagination{align-items:center;justify-content:center;gap:14px}.games-pagination span{color:var(--muted);font-size:13px}.games-pagination .button{display:inline-flex;align-items:center;gap:6px}@media(max-width:860px){.games-hero-art{display:none}.games-hero{padding:28px 0 14px}}@media(prefers-reduced-motion:reduce){.games-hero-tile{animation:none}.games-create,.games-filters a{transition:none}}