.games-hub .game-link{display:block;text-decoration:none}.games-hub .game-card-snake{animation:snake-card-gradient 6s linear infinite;background:linear-gradient(145deg,rgba(8,14,24,0.88),rgba(20,28,44,0.82)) padding-box,linear-gradient(130deg,#22d3ee,#34d399,#3b82f6,#f59e0b,#22d3ee) border-box;background-size:auto,260% 260%;border:1px solid transparent;overflow:hidden;position:relative;transition:transform .2s ease}.games-hub .game-card-snake .card-body{position:relative;z-index:2}.games-hub .game-card-snake .game-card-kicker{color:var(--global-text-color-light);font-size:.8rem;font-weight:700;letter-spacing:.12em;margin-bottom:.5rem;text-transform:uppercase}.games-hub .game-card-snake .game-card-cta{color:var(--global-theme-color);font-weight:600}.games-hub .game-card-snake .game-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;margin-top:.9rem}.games-hub .game-card-snake .game-card-overview{border-left:2px solid color-mix(in srgb,var(--global-theme-color) 50%,transparent);margin-top:.85rem;padding-left:.7rem}.games-hub .game-card-snake .game-card-overview-title{color:var(--global-text-color);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.games-hub .game-card-snake .game-card-overview-text{color:var(--global-text-color-light);font-size:.91rem;line-height:1.55;margin-bottom:0}.games-hub .game-card-snake .game-card-play-count{align-items:center;color:var(--global-text-color-light);display:inline-flex;font-size:.88rem;gap:.35rem}.games-hub .game-card-snake .game-card-count-icon{border-radius:999px;height:1.95rem;object-fit:contain;width:2.75rem}.games-hub .game-card-snake .game-card-actions{display:inline-flex;gap:.5rem}.games-hub .game-card-snake .game-card-play-btn{align-items:center;background:linear-gradient(130deg,#2563eb,#1d4ed8);border:1px solid rgba(255,255,255,0.12);border-radius:.36rem;box-shadow:0 8px 18px rgba(29,78,216,0.26);color:#eff6ff;display:inline-flex;font-size:.82rem;font-weight:700;gap:.34rem;letter-spacing:.03em;padding:.36rem .7rem;text-transform:uppercase}.games-hub .game-card-snake:hover .game-card-play-btn{filter:brightness(1.08)}.games-hub .game-card-snake::after{background:radial-gradient(circle at top right,rgba(255,255,255,0.2),transparent 52%),linear-gradient(105deg,rgba(34,211,238,0.1),transparent 40%,rgba(245,158,11,0.1));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.games-hub .game-card-snake::before{animation:snake-wallpaper-drift 18s linear infinite;background:linear-gradient(112deg,rgba(5,10,18,0.86),rgba(11,18,31,0.62) 42%,rgba(18,25,40,0.82)),url("/assets/img/12.jpg"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 160'%3E%3Cpath d='M-20 40 C30 10 78 74 130 40 C176 12 222 70 284 40' fill='none' stroke='%2322d3ee' stroke-opacity='.30' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M-20 98 C30 66 76 126 126 94 C176 62 226 124 286 92' fill='none' stroke='%2334d399' stroke-opacity='.24' stroke-width='8' stroke-linecap='round'/%3E%3Ccircle cx='127' cy='40' r='4' fill='%23f8fafc' fill-opacity='.42'/%3E%3Ccircle cx='126' cy='94' r='3.5' fill='%23f8fafc' fill-opacity='.35'/%3E%3C/svg%3E");background-position:center,center,0 0;background-repeat:no-repeat,no-repeat,repeat;background-size:cover,cover,320px 180px;content:"";filter:saturate(1.08) contrast(1.02);inset:0;opacity:.48;pointer-events:none;position:absolute;z-index:0}.games-hub .game-card-snake:hover{transform:translateY(-3px)}.snake-game{margin:0 auto;max-width:34rem}.snake-game .snake-game-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.snake-game .snake-score-shell{align-items:baseline;display:flex;gap:.5rem}.snake-game .snake-metrics-shell{display:flex;flex-wrap:wrap;gap:1rem}.snake-game .snake-label{color:color-mix(in srgb,var(--global-text-color) 82%,#94a3b8);font-size:2.05rem;font-weight:800;letter-spacing:.005em}.snake-game .snake-score-shell strong{animation:snake-metric-gradient 4.8s linear infinite;background:linear-gradient(90deg,#f8fafc,#60a5fa,#22d3ee,#f8fafc);background-size:240% 240%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:2.45rem;font-weight:900;line-height:1;text-shadow:0 0 14px rgba(56,189,248,0.18)}.snake-game .snake-actions{display:flex;gap:.5rem}.snake-game .snake-actions .btn{font-weight:700;letter-spacing:.02em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.snake-game .snake-actions .btn:hover{box-shadow:0 8px 18px rgba(59,130,246,0.2);filter:brightness(1.04);transform:translateY(-1px)}.snake-game .snake-status{font-size:clamp(1.55rem,2.6vw,2.2rem);font-weight:800;letter-spacing:.01em;line-height:1.25;margin-bottom:.95rem;min-height:2.1rem}.snake-game .snake-status--running{color:var(--global-text-color)}.snake-game .snake-status--paused{color:#fcd34d}.snake-game .snake-status--gameover{animation:snake-status-gradient 2.8s linear infinite;background:linear-gradient(90deg,#f8fafc,#fca5a5,#f87171,#f8fafc);background-size:220% 220%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.snake-game .snake-status--win{animation:snake-status-gradient 2.8s linear infinite;background:linear-gradient(90deg,#f8fafc,#34d399,#10b981,#f8fafc);background-size:220% 220%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.snake-game .snake-board-shell{background:linear-gradient(145deg,rgba(7,12,22,0.9),rgba(17,25,39,0.88)) padding-box,linear-gradient(130deg,rgba(96,165,250,0.34),rgba(34,197,94,0.3),rgba(248,250,252,0.14)) border-box;border:1px solid transparent;border-radius:.72rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03),0 16px 32px rgba(2,6,23,0.45);padding:.35rem}.snake-game .snake-board{--snake-grid-size:20;aspect-ratio:1 / 1;background:linear-gradient(120deg,rgba(2,6,23,0.76),rgba(15,23,42,0.88)),radial-gradient(circle at 22% 12%,rgba(34,211,238,0.1),transparent 48%);border-radius:.4rem;display:grid;gap:2px;grid-template-columns:repeat(var(--snake-grid-size),minmax(0,1fr));overflow:hidden;width:100%}.snake-game .snake-cell{background:linear-gradient(145deg,rgba(64,64,74,0.92),rgba(78,79,88,0.95));border-radius:.14rem;box-shadow:inset 0 0 0 1px rgba(15,23,42,0.34);overflow:hidden;position:relative}.snake-game .snake-cell--snake{border-radius:.26rem;box-shadow:inset 0 0 0 1px rgba(8,35,28,0.55),0 0 10px rgba(16,185,129,0.24)}.snake-game .snake-cell--body{animation:snake-body-shimmer 1.5s ease-in-out infinite;background:linear-gradient(145deg,#1f9f62,#149454),repeating-linear-gradient(45deg,rgba(255,255,255,0.12) 0,rgba(255,255,255,0.12) 3px,rgba(8,35,28,0.08) 3px,rgba(8,35,28,0.08) 6px)}.snake-game .snake-cell--tail{background:linear-gradient(145deg,#158653,#116942),radial-gradient(circle at 32% 32%,rgba(255,255,255,0.15),transparent 56%);transform:scale(0.93)}.snake-game .snake-cell--head{--snake-eye-y:35%;--snake-eye-pupil-x:0;--snake-eye-pupil-y:0;animation:snake-head-breathe 1s ease-in-out infinite;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,0.34),transparent 42%),linear-gradient(145deg,#22c55e,#16a34a 62%,#14532d);border-radius:.33rem;box-shadow:inset 0 0 0 1px rgba(6,18,12,0.48),0 0 14px rgba(34,197,94,0.36)}.snake-game .snake-cell--head::before{background:radial-gradient(circle at 34% var(--snake-eye-y),#f8fafc 0 2px,transparent 2.3px),radial-gradient(circle at 66% var(--snake-eye-y),#f8fafc 0 2px,transparent 2.3px),radial-gradient(circle at calc(34% + var( -  - snake - eye - pupil - x)) calc(var( -  - snake - eye - y)+var(--snake-eye-pupil-y)),#0f172a 0 1px,transparent 1.2px),radial-gradient(circle at calc(66% + var( -  - snake - eye - pupil - x)) calc(var( -  - snake - eye - y)+var(--snake-eye-pupil-y)),#0f172a 0 1px,transparent 1.2px);content:"";inset:0;position:absolute}.snake-game .snake-head--up{--snake-eye-y:28%;--snake-eye-pupil-y:-4%}.snake-game .snake-head--down{--snake-eye-y:42%;--snake-eye-pupil-y:4%}.snake-game .snake-head--left{--snake-eye-pupil-x:-5%}.snake-game .snake-head--right{--snake-eye-pupil-x:5%}.snake-game .snake-cell--food{animation:snake-food-pulse 1s ease-in-out infinite;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,0.48),transparent 40%),radial-gradient(circle at 52% 56%,#ef4444 0 62%,#b91c1c 85%);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(69,10,10,0.44),0 0 14px rgba(239,68,68,0.45)}.snake-game .snake-help{color:var(--global-text-color-light);font-size:.92rem;margin-bottom:.85rem;margin-top:.75rem}.snake-game .snake-touch-controls{display:grid;gap:.45rem;margin:0 auto;max-width:16rem}.snake-game .snake-touch-row{display:grid;gap:.45rem;grid-template-columns:repeat(3,1fr)}.snake-game .snake-touch-row-single{grid-template-columns:repeat(3,1fr)}.snake-game .snake-touch-row-single .snake-touch-btn{grid-column:2}.snake-game .snake-touch-btn{font-size:1.05rem;font-weight:600;line-height:1;padding:.55rem}@media(min-width:768px){.snake-game .snake-touch-controls{display:none}}@media(max-width:767.98px){.snake-game .snake-label{font-size:1.4rem}.snake-game .snake-score-shell strong{font-size:1.85rem}.snake-game .snake-status{font-size:1.28rem}}@keyframes snake-metric-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes snake-status-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes snake-body-shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.09)}}@keyframes snake-head-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes snake-food-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes snake-card-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes snake-wallpaper-drift{0%{background-position:center,center,0 0}100%{background-position:center,center,320px 180px}}