.gallery{max-width:var(--max);margin:0 auto;padding:28px 24px 48px}.gallery__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px}.gallery__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--filter-bg);color:var(--text);font-size:.95rem;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;min-height:44px}.gallery__filter:hover{border-color:#b8c0ce}.gallery__filter--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.gallery__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.gallery__empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:48px 16px;font-size:1.05rem}.game-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .15s ease;cursor:pointer;border:none;padding:0;text-align:left;color:inherit;width:100%}.game-card:hover,.game-card:focus-visible{box-shadow:0 8px 22px #141c2d1f;outline:none}.game-card__cover{aspect-ratio:16 / 9;width:100%;object-fit:cover;background:#111}.game-card__body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 16px;background:var(--surface)}.game-card__meta{min-width:0}.game-card__title{margin:0;font-size:1rem;font-weight:800;line-height:1.25}.game-card__category{margin:4px 0 0;font-size:.85rem;color:var(--muted);font-weight:500}.game-card__tech{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--tag-text);background:var(--tag-bg);padding:6px 8px;border-radius:6px}@media (max-width: 1099px){.gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 767px){.gallery{padding:20px 16px 40px}.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery__filters{gap:8px;margin-bottom:20px}.gallery__filter{padding:10px 14px;font-size:.9rem}}.play-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:20}.play-page__back{position:absolute;top:14px;left:14px;z-index:30;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:.9rem;padding:10px 14px;border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-page__back:hover{background:#ffffff1f}.play-page__fullscreen{display:none;position:absolute;top:14px;right:14px;z-index:30;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:.9rem;padding:10px 14px;min-height:44px;border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-page__fullscreen:hover{background:#ffffff1f}@media (max-width: 1099px),(pointer: coarse){.play-page__fullscreen{display:block}}.play-page__missing{color:#fff;display:grid;place-items:center;height:100%;gap:16px;font-family:Manrope,sans-serif}.play-page__loading{color:#fff;display:grid;place-items:center;height:100%;font-family:Manrope,sans-serif}:root{--bg: #eceff3;--surface: #ffffff;--text: #1a1d24;--muted: #6b7280;--border: #d8dde6;--filter-bg: #e8ebf0;--accent: #2563eb;--accent-text: #ffffff;--tag-bg: #eef1f5;--tag-text: #4b5563;--shadow: 0 2px 10px rgba(20, 28, 45, .08);--radius: 12px;--font: "Manrope", "Outfit", system-ui, sans-serif;--max: 1280px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}img{display:block;max-width:100%}