.su-list-pagination{box-sizing:border-box;clear:both;display:flex;justify-content:center;width:100%;margin:20px 0 14px;padding:4px 8px;color:#27394c;font:inherit} .su-list-pagination__group{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;max-width:100%} .su-list-pagination__label{color:#647487;font-size:12px;font-weight:500;line-height:1.4} .su-list-pagination__pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;max-width:100%;font-size:14px;line-height:1} .su-list-pagination .su-list-pagination__pages>a,.su-list-pagination .su-list-pagination__pages>b{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;margin:0;padding:0 13px;border:1px solid #d9e1ea;border-radius:8px;background:#f7f9fc;color:#263c52!important;font:inherit;font-weight:650;text-decoration:none;text-shadow:none;box-shadow:none;transition:background .15s,border-color .15s} .su-list-pagination .su-list-pagination__pages>b{border-color:#e7a946;background:#fff0d9;color:#713f00!important;font-weight:800} .su-list-pagination .su-list-pagination__pages>a:hover{background:#e7f0fa;border-color:#8eaac6} .su-list-pagination a:focus-visible,.su-next-game:focus-visible{outline:3px solid #348ed1;outline-offset:3px} .su-list-sort:empty{display:none} html[data-theme=dark] .su-list-pagination__label{color:#b7c3d1} html[data-theme=dark] .su-list-pagination .su-list-pagination__pages>a{background:#2b333e;border-color:#4b5867;color:#e7eff8!important} html[data-theme=dark] .su-list-pagination .su-list-pagination__pages>b{background:#544024;border-color:#d99a37;color:#ffd78e!important} html[data-theme=dark] .su-list-pagination .su-list-pagination__pages>a:hover{background:#3b4a5c;border-color:#90b5db} .category-game-grid>a.su-next-game{box-sizing:border-box;align-self:stretch;min-width:0;margin:5px;overflow:hidden;border:1px solid #9eb7ce;border-radius:6px;background:#edf4fb;color:#1d4468!important;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 1px 4px #18334b20} .su-next-game__art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:0;aspect-ratio:234/143;background:radial-gradient(ellipse at 18% 10%,#5d9cc5 0,transparent 65%),linear-gradient(135deg,#275679,#152f49)} .su-next-game__tiles{position:absolute;inset:14% 10%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:rotate(-10deg) scale(1.2);opacity:.3} .su-next-game__tiles i{display:block;border:1px solid #d5eaff70;border-radius:7px;background:linear-gradient(145deg,#b3dcf3a0,#65a5cb20)} .su-next-game__arrow{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #ffdd9e;border-radius:50%;background:#ffbe56;color:#2a3541;box-shadow:0 4px 16px #071a3480;transition:transform .18s,background .18s} .su-next-game__arrow svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .su-next-game__label{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:37px;box-sizing:border-box;padding:7px 8px;font-size:15px;font-weight:750;line-height:1.35;text-align:center} .su-next-game:hover .su-next-game__arrow{transform:translateX(4px);background:#ffd184} html[data-theme=dark] .category-game-grid>a.su-next-game{border-color:#45627c;background:#253545;color:#e9f3fd!important;box-shadow:none} @media(prefers-reduced-motion:reduce){.su-next-game__arrow{transition:none}.su-next-game:hover .su-next-game__arrow{transform:none}}