html:has(.catalog-shell) .catalog-content .game-card[href="/play/literaki"]{--game-icon:url(/appearance/games-line/literaki.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/quiz"]{--game-icon:url(/appearance/games-line/quiz.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/mafia"]{--game-icon:url(/appearance/games-line/mafia.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/countries-cities"]{--game-icon:url(/appearance/games-line/countries-cities.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/blackjack"]{--game-icon:url(/appearance/games-line/blackjack.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/eight-ball"]{--game-icon:url(/appearance/games-line/eight-ball.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/domino"]{--game-icon:url(/appearance/games-line/domino.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/mahjong"]{--game-icon:url(/appearance/games-line/mahjong.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/chess"]{--game-icon:url(/appearance/games-line/chess.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/backgammon"]{--game-icon:url(/appearance/games-line/backgammon.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/checkers"]{--game-icon:url(/appearance/games-line/checkers.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/bridge"]{--game-icon:url(/appearance/games-line/bridge.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/canasta"]{--game-icon:url(/appearance/games-line/canasta.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/hearts"]{--game-icon:url(/appearance/games-line/hearts.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/makao"]{--game-icon:url(/appearance/games-line/makao.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/spades"]{--game-icon:url(/appearance/games-line/spades.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/poker-texas-holdem"]{--game-icon:url(/appearance/games-line/poker.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/gin-rummy"]{--game-icon:url(/appearance/games-line/gin-rummy.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/tysiac"]{--game-icon:url(/appearance/games-line/tysiac.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/dice"]{--game-icon:url(/appearance/games-line/dice.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/sketchpop"]{--game-icon:url(/appearance/games-line/sketchpop.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/tankgrid"]{--game-icon:url(/appearance/games-line/tankgrid.svg)}html:has(.catalog-shell) .catalog-content .game-card{grid-template-columns:56px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-width:0;min-height:76px;padding:12px;border-radius:var(--radius);background:#22272e;border-color:#3b424d}html:has(.catalog-shell) .catalog-content .game-card>.game-card-art{display:grid;place-items:center;align-self:center;flex:none;width:56px;height:56px;min-height:0;padding:0;border-radius:0;background:transparent}html:has(.catalog-shell) .catalog-content .game-card-art:before{width:40px;height:40px}html:has(.catalog-shell) .catalog-content .game-card>.game-card-art[data-mark=hero]{border-radius:10px;background:#c73740}html:has(.catalog-shell) .catalog-content .game-card-art[data-mark=hero]:before{width:46px;height:46px}html:has(.catalog-shell) .catalog-content .game-card>.game-card-body{flex:none;align-items:flex-start;width:100%;padding:0;gap:3px;-webkit-padding-end:22px;padding-inline-end:22px;background:transparent;text-align:left}html:has(.catalog-shell) .catalog-content .game-card-name{max-width:100%;font-size:15px;line-height:1.25;text-wrap:balance}html:has(.catalog-shell) .catalog-content .game-card-players{font-size:12px;line-height:1.4}html:has(.catalog-shell) .catalog-content .game-card:active{transform:translateY(1px)}html:has(.catalog-shell) .catalog-content .game-card:focus-visible{outline-color:#f16f7d;border-color:#f16f7d;box-shadow:none}@media (hover:hover){html:has(.catalog-shell) .catalog-content .game-card:hover{border-color:#f16f7d;background:#2b313b;box-shadow:inset 3px 0 0 #f16f7d}}@media (max-width:760px) and (pointer:coarse){html:has(.catalog-shell) .catalog-content .game-card{grid-template-columns:46px minmax(0,1fr);min-height:70px;gap:8px;padding:12px 8px}html:has(.catalog-shell) .catalog-content .game-card>.game-card-art{width:46px;height:46px}html:has(.catalog-shell) .catalog-content .game-card-art:before{width:38px;height:38px}html:has(.catalog-shell) .catalog-content .game-card-art[data-mark=hero]:before{width:38px;height:38px}html:has(.catalog-shell) .catalog-content .game-card-name{font-size:14px}}@media (max-width:359px) and (pointer:coarse){html:has(.catalog-shell) .catalog-content .game-card{grid-template-columns:40px minmax(0,1fr);gap:6px}html:has(.catalog-shell) .catalog-content .game-card-art:before,html:has(.catalog-shell) .catalog-content .game-card>.game-card-art{width:40px;height:40px}html:has(.catalog-shell) .catalog-content .game-card-art[data-mark=hero]:before{width:33px;height:33px}html:has(.catalog-shell) .catalog-content .game-card-name{font-size:12px}}@media (prefers-reduced-motion:reduce){html:has(.catalog-shell) .catalog-content .game-card:active{transform:none}}@media (forced-colors:active){html:has(.catalog-shell) .catalog-content .game-card,html:has(.catalog-shell) .catalog-content .game-card>.game-card-art{background:Canvas;color:CanvasText}}.game-card{position:relative}.game-card-mode{position:absolute;inset-block-start:6px;inset-inline-end:6px;display:grid;place-items:center;width:18px;height:18px;color:var(--text-muted)}.game-card-mode svg{display:block;width:16px;height:16px}html:has(.catalog-shell) .catalog-content .game-card[href="/play/three-five-eight"]{--game-icon:url(/appearance/games-line/three-five-eight.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/ludo"]{--game-icon:url(/appearance/games-line/ludo.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/go"]{--game-icon:url(/appearance/games-line/go.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/hearts-polish"]{--game-icon:url(/appearance/games-line/hearts.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/lines"]{--game-icon:url(/appearance/games-line/lines.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/spider"]{--game-icon:url(/appearance/games-line/spider.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/mahjong-solitaire"]{--game-icon:url(/appearance/games-line/mahjong-solitaire.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/makruk"]{--game-icon:url(/appearance/games-line/makruk.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/pan"]{--game-icon:url(/appearance/games-line/pan.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/pinochle"]{--game-icon:url(/appearance/games-line/pinochle.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/draughts-100"]{--game-icon:url(/appearance/games-line/draughts-100.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/xiangqi"]{--game-icon:url(/appearance/games-line/xiangqi.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/turkish-draughts"]{--game-icon:url(/appearance/games-line/turkish-draughts.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/durak"]{--game-icon:url(/appearance/games-line/durak.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/skat"]{--game-icon:url(/appearance/games-line/skat.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/crosswords"]{--game-icon:url(/appearance/games-line/crosswords.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/minesweeper"]{--game-icon:url(/appearance/games-line/minesweeper.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/sudoku"]{--game-icon:url(/appearance/games-line/sudoku.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/2048"]{--game-icon:url(/appearance/games-line/2048.svg)}html:has(.catalog-shell) .catalog-content .game-card[href="/play/nonograms"]{--game-icon:url(/appearance/games-line/nonograms.svg)}html:has(.catalog-shell) .catalog-content .game-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px}html:has(.catalog-shell) .catalog-content .game-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:stretch;grid-gap:0;gap:0;min-height:0;padding:0;overflow:hidden;border:1px solid #353c47;border-radius:14px;background:#20252c;box-shadow:0 6px 18px rgb(0 0 0/16%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}html:has(.catalog-shell) .catalog-content .game-card-cover{position:relative;display:grid;place-items:center;height:118px;overflow:hidden;isolation:isolate;background:#c73740}html:has(.catalog-shell) .catalog-content .game-card-cover:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/appearance/hero-waves.svg) var(--wave-x,100%) center /auto var(--wave-size,100%) no-repeat;transform:var(--wave-flip,none)}html:has(.catalog-shell) .catalog-content .game-card-cover>.game-card-art{position:absolute;inset:0;width:auto;height:auto;min-width:0;padding:14px;border-radius:0;background:transparent;box-shadow:none;transition:transform .2s ease}html:has(.catalog-shell) .catalog-content .game-card-cover>.game-card-art[data-mark=hero]:before{width:100%;height:100%}html:has(.catalog-shell) .catalog-content .game-card-cover>.game-card-mode{z-index:1;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgb(10 12 16/38%);color:rgb(255 255 255/80%)}html:has(.catalog-shell) .catalog-content .game-card>.game-card-body{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:6px;gap:6px;padding:12px 14px 14px}html:has(.catalog-shell) .catalog-content .game-card-name{color:#fff7ef;font-size:16px;font-weight:700}html:has(.catalog-shell) .catalog-content .game-card-desc{display:-webkit-box;min-height:calc(3 * 1.45em);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#a9b1bd;font-size:12.5px;line-height:1.45}html:has(.catalog-shell) .catalog-content .game-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px}html:has(.catalog-shell) .catalog-content .game-card-seats{padding:2px 9px;border-radius:999px;background:#2b313a;color:#c6ccd6;font-size:11.5px;font-weight:600;white-space:nowrap}html:has(.catalog-shell) .catalog-content .game-card-meta>.game-card-players{display:inline-flex;align-items:center;gap:6px;color:#8e98a5;font-size:12px;white-space:nowrap}html:has(.catalog-shell) .catalog-content .game-card-meta>.game-card-players:before{content:"";width:7px;height:7px;border-radius:50%;background:#5b6470}html:has(.catalog-shell) .catalog-content .game-card-meta>.game-card-players[data-live=true]{color:#8fd9a6}html:has(.catalog-shell) .catalog-content .game-card-meta>.game-card-players[data-live=true]:before{background:#4fae6a;box-shadow:0 0 0 3px rgb(79 174 106/20%)}@media (hover:hover){html:has(.catalog-shell) .catalog-content .game-card:hover{transform:translateY(-3px);border-color:rgb(241 111 125/70%);background:#20252c;box-shadow:0 14px 30px rgb(0 0 0/30%)}html:has(.catalog-shell) .catalog-content .game-card:hover .game-card-art{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){html:has(.catalog-shell) .catalog-content .game-card,html:has(.catalog-shell) .catalog-content .game-card-art{transition:none}html:has(.catalog-shell) .catalog-content .game-card:hover,html:has(.catalog-shell) .catalog-content .game-card:hover .game-card-art{transform:none}}html:has(.catalog-shell) .catalog-content .catalog-category{gap:12px}html:has(.catalog-shell) .catalog-content .catalog-category-title{gap:12px;color:#fff4ea;font-size:20px;font-weight:700;letter-spacing:-.01em;text-transform:none}html:has(.catalog-shell) .catalog-content .catalog-category-count{padding:2px 9px;border-radius:999px;background:#262c34;color:#aab3bf;font-size:12px;font-weight:600;letter-spacing:0;white-space:nowrap}@media (max-width:760px) and (pointer:coarse){html:has(.catalog-shell) .catalog-content .game-cards{grid-template-columns:minmax(0,1fr);gap:10px}html:has(.catalog-shell) .catalog-content .game-card{grid-template-columns:96px minmax(0,1fr);grid-template-rows:none;padding:0}html:has(.catalog-shell) .catalog-content .game-card-cover{height:auto;min-height:100%}html:has(.catalog-shell) .catalog-content .game-card-cover>.game-card-art{padding:12px}html:has(.catalog-shell) .catalog-content .game-card-cover>.game-card-mode{top:5px;right:5px;width:22px;height:22px}html:has(.catalog-shell) .catalog-content .game-card-cover>.game-card-mode svg{width:13px;height:13px}html:has(.catalog-shell) .catalog-content .game-card>.game-card-body{gap:4px;padding:10px 12px 11px}html:has(.catalog-shell) .catalog-content .game-card-name{font-size:15px}html:has(.catalog-shell) .catalog-content .catalog-category-title{font-size:18px}}