.games {width: var(--shell);margin-inline: auto;padding-bottom: 5rem;scroll-margin-top: 80px;}.games-head {display: flex;align-items: baseline;justify-content: space-between;gap: 1rem 2rem;flex-wrap: wrap;padding-bottom: .9rem;}.games-label {font-size: .8rem;font-weight: 600;letter-spacing: .22em;text-transform: uppercase;color: var(--text-3);}.servers-total {display: flex;align-items: center;gap: .55rem;font-size: .9rem;font-weight: 500;color: var(--text-2);}.servers-total::before {content: '';width: 8px;height: 8px;border-radius: 50%;background: var(--ok);}.games-head__side {display: flex;align-items: baseline;gap: .5rem 1.5rem;flex-wrap: wrap;}.games-history {font-size: .85rem;font-weight: 500;color: var(--text-2);text-decoration: none;}.games-history:hover,.games-history:focus-visible {color: var(--text);}.games-list {list-style: none;border-top: 1px solid var(--line-strong);}.game {position: relative;isolation: isolate;display: grid;grid-template-columns: 2.5rem minmax(0, 1fr) 17rem 7.5rem 6.5rem;grid-template-areas: 'idx name meta online go';align-items: center;column-gap: 1.5rem;padding: 1.15rem 1rem 1.15rem .5rem;border-bottom: 1px solid var(--line);color: var(--text);text-decoration: none;min-height: 7.5rem;overflow: hidden;scroll-margin-top: 96px;}.game:focus-visible {outline-offset: -2px;}.game__art {position: absolute;inset: 0;z-index: -3;width: 100%;height: 100%;object-fit: cover;object-position: center 35%;filter: grayscale(1) contrast(1.15) brightness(.7);clip-path: inset(0 100% 0 0);transition: clip-path .6s var(--ease);}.game__art--minecraft {object-position: center 80%;}.game::after,.game::before {content: '';position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity .35s var(--ease);}.game::after {z-index: -2;background: var(--accent);mix-blend-mode: color;}.game::before {z-index: -1;background: linear-gradient(90deg, rgba(18, 17, 22, .92) 0%, rgba(18, 17, 22, .6) 45%, rgba(18, 17, 22, .55) 100%);}.game:hover .game__art,.game:focus-visible .game__art,.game:target .game__art {clip-path: inset(0);}.game:hover::after,.game:hover::before,.game:focus-visible::after,.game:focus-visible::before,.game:target::after,.game:target::before {opacity: 1;}.game__idx {grid-area: idx;font-family: var(--font-mono);font-size: .85rem;color: var(--text-3);font-variant-numeric: tabular-nums;transition: color .2s var(--ease);}.game:hover .game__idx,.game:focus-visible .game__idx {color: var(--glitch-a);}.game__name {grid-area: name;justify-self: start;font-family: var(--font-display);font-size: clamp(1.9rem, 5.8vw, 7rem);font-weight: 700;line-height: .95;letter-spacing: -.02em;text-transform: uppercase;white-space: nowrap;}.game__meta {grid-area: meta;display: grid;align-items: center;font-size: .85rem;line-height: 1.45;}.game__genre,.game__desc {grid-area: 1 / 1;}.game__genre {color: var(--text-2);transition: opacity .12s linear .12s;}.game__desc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size: .8rem;color: var(--text);opacity: 0;transition: opacity .12s linear;}.game:hover .game__genre,.game:focus-visible .game__genre {opacity: 0;transition: opacity .12s linear;}.game:hover .game__desc,.game:focus-visible .game__desc {opacity: 1;transition: opacity .25s var(--ease) .12s;}.game__online {grid-area: online;display: flex;align-items: center;justify-content: flex-end;gap: .55rem;white-space: nowrap;}.online-count {font-size: .8rem;color: var(--text-3);}.online-count.is-live {font-family: var(--font-head);font-size: 1.6rem;font-weight: 700;color: var(--text);font-variant-numeric: tabular-nums;}.online-count .online-max {font-family: var(--font);font-size: .8rem;font-weight: 500;color: var(--text-3);margin-left: .15rem;}.pulse-dot {width: 8px;height: 8px;flex: 0 0 auto;border-radius: 50%;background: var(--text-3);}.pulse-dot.green { background: var(--ok); }.pulse-dot.red { background: var(--danger); }.game__go {grid-area: go;justify-self: end;font-size: .8rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;color: var(--text-2);transition: color .2s var(--ease);}.game:hover .game__go,.game:focus-visible .game__go,.game:hover .online-count,.game:focus-visible .online-count,.game:hover .online-max,.game:focus-visible .online-max {color: var(--text);}.game:hover .distort::before,.game:hover .distort::after,.game:focus-visible .distort::before,.game:focus-visible .distort::after {opacity: 1;}.game:hover .distort::before,.game:focus-visible .distort::before {transform: translateX(.06em);}.game:hover .distort::after,.game:focus-visible .distort::after {transform: translateX(-.05em);}@media (max-width: 1280px) {.game {grid-template-columns: 2.5rem minmax(0, 1fr) 7rem 6rem;grid-template-areas: 'idx name online go';}.game__meta {display: none;}}@media (max-width: 760px) {.games {padding-bottom: 3rem;}.game {grid-template-columns: 1.75rem minmax(0, 1fr) auto;grid-template-areas:'idx name name' '.   meta meta' '.   online go';row-gap: .5rem;min-height: 0;padding: 1.1rem .75rem 1.1rem .25rem;}.game__idx {align-self: start;padding-top: .35rem;}.game__meta {display: grid;}.game__desc {display: none;}.game:hover .game__genre,.game:focus-visible .game__genre {opacity: 1;}.game__online {justify-content: flex-start;}.game__art {clip-path: inset(0 0 0 35%);opacity: .8;}.game::after,.game::before {opacity: 1;}.game::before {background: linear-gradient(90deg, rgba(18, 17, 22, .97) 0%, rgba(18, 17, 22, .9) 40%, rgba(18, 17, 22, .55) 100%);}}