.games{position:fixed;inset:0;z-index:324897;display:flex;justify-content:center;align-items:center;padding:24px;background:var(--scrim);backdrop-filter:blur(4px)}.games[hidden]{display:none}body.games-open,body.direct-game-open{overflow:hidden}.direct-game-player{position:fixed;inset:0;z-index:800000;overflow:hidden;background:#000}.direct-game-player[hidden]{display:none}.direct-game-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.direct-game-close{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:1;display:grid;width:var(--ctl-sm);height:var(--ctl-sm);place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:#111111b8;color:#fff;font-size:var(--fs-sm);opacity:.62;cursor:pointer;backdrop-filter:blur(8px);transition:background-color .13s ease,opacity .13s ease}.direct-game-close:hover,.direct-game-close:focus-visible{outline:0;background:#111111eb;opacity:1}.games-panel{display:flex;width:min(100%,1060px);height:min(700px,calc(100vh - 48px));flex-direction:column;border-radius:var(--r-lg);background:var(--bg-1);box-shadow:var(--elev-2);overflow:hidden}.games-head{display:flex;flex:0 0 auto;align-items:center;gap:12px;height:var(--bar);padding:0 10px 0 18px}.games-title{margin:0;color:var(--text-bright);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.games-count{margin:0 auto 0 0;color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap}.games-close{display:grid;width:var(--ctl-sm);height:var(--ctl-sm);flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:1rem;cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.games-close:hover{background:var(--hover);color:var(--text-bright)}.games-close:active{background:var(--press)}.games-controls{display:flex;flex:0 0 auto;align-items:center;gap:10px;padding:0 18px 14px}.games-search{display:flex;min-width:0;height:var(--ctl);flex:1;align-items:center;gap:10px;padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);background:var(--field);transition:background-color .13s var(--ease),box-shadow .13s var(--ease)}.games-search:hover{background:var(--field-hover)}.games-search:focus-within{background:var(--field);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 55%,transparent)}.games-search-icon{flex:0 0 auto;color:var(--text-muted);font-size:.95rem}.games-search-input{min-width:0;flex:1;padding:0;border:0;outline:0;background:transparent;color:var(--text-bright);font-family:inherit;font-size:var(--fs-md)}.games-search-input::placeholder{color:var(--text-muted);opacity:1}.games-search-input::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none;display:none}.games-controls .dropdown{width:140px;flex:0 0 auto}.games-grid{display:grid;width:100%;flex:1 1 auto;min-height:0;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;padding:0 18px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;mask-image:linear-gradient(to bottom,black calc(100% - 72px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 72px),transparent 100%)}.games-grid::-webkit-scrollbar{width:7px}.games-grid::-webkit-scrollbar-thumb{border-radius:999px;background:var(--border-2)}.games-card{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:0;border-radius:var(--r-md);background:var(--bg-4);color:var(--text-2);font-family:inherit;cursor:pointer;overflow:hidden}.games-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.games-card.is-opening{opacity:.5;cursor:default}.games-card-art{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg-4)}.games-card-initial{font-size:2rem;font-weight:700;color:var(--text-muted);user-select:none}.games-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease,filter .16s ease}.games-card:hover .games-card-art img,.games-card:focus-visible .games-card-art img{transform:scale(1.04);filter:brightness(1.08)}.games-card-label{position:absolute;right:0;bottom:0;left:0;padding:22px 9px 9px;background:linear-gradient(to top,#000000eb 30%,#0000);color:#fff;font-size:var(--fs-sm);line-height:1.2;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity .13s ease,transform .13s ease}.games-card:hover .games-card-label,.games-card:focus-visible .games-card-label{opacity:1;transform:translateY(0)}@media(hover:none){.games-card-label{opacity:1;transform:none}}.games-status,.games-load-more{flex:0 0 auto;margin:0;padding:12px 18px;color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.games-status[hidden],.games-load-more[hidden]{display:none}.games-status.is-error{color:var(--danger)}.games-page-view{position:fixed;inset:0;z-index:1;overflow-y:auto;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.games-page-view[hidden]{display:none}.games-page-panel{width:min(100%,1240px);height:auto;min-height:100vh;max-height:none;margin:0 auto;border-radius:0;background:transparent;box-shadow:none}.games-page-panel .games-head{height:auto;padding:84px 18px 0}.games-page-panel .games-title{font-size:2rem;font-weight:700;letter-spacing:-.04em}.games-page-panel .games-controls{padding:14px 18px 22px}.games-page-panel .games-close{display:none}.games-page-panel .games-grid{mask-image:none;-webkit-mask-image:none;overflow:visible;padding-bottom:56px}@media(max-width:720px){.games{padding:10px}.games-panel{height:calc(100vh - 20px)}.games-head{padding:0 8px 0 14px}.games-controls{padding:0 14px 12px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));padding:0 14px 14px}.games-page-panel .games-head{padding:76px 14px 0}.games-page-panel .games-controls{padding:10px 14px 16px}}