.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(-10deg)}}.fire{display:inline-block;animation:breathe 2.2s ease-in-out infinite}@keyframes shine{0%{transform:translate(-180%)}to{transform:translate(180%)}}.rel{position:relative;z-index:1}.main-wrap{padding:28px;display:grid;gap:32px}#sections-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.game-section{display:grid;gap:14px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head-left{display:flex;align-items:center;gap:10px}.section-title{font-size:20px;font-weight:900;display:flex;align-items:center;gap:9px;margin:0;line-height:1}.view-more-btn{font-size:13px;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap;line-height:1;position:relative;top:1px;transition:opacity .15s}.view-more-btn:hover{opacity:.75}.row-controls{display:flex;gap:4px;flex-shrink:0}.row-btn{width:30px;height:30px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border-c);color:var(--ink-muted);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s,opacity .15s}.row-btn:hover{border-color:var(--accent);color:var(--accent)}.row-btn[data-edge]{opacity:.25;pointer-events:none}@media(max-width:768px){.row-controls{display:none}}@keyframes iconNew{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 2px rgba(249,115,22,.4))}50%{transform:scale(1.2) rotate(20deg);filter:drop-shadow(0 0 7px rgba(249,115,22,.9))}}.icon-new{display:inline-block;vertical-align:middle;animation:iconNew 2s ease-in-out infinite}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.game-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.game-row::-webkit-scrollbar{display:none}.game-row .game-card{flex:0 0 140px;scroll-snap-align:start}.game-row.row-l .game-card{flex:0 0 180px}.game-row.row-s .game-card{flex:0 0 110px}.game-row.row-xs .game-card{flex:0 0 80px}.game-card{display:block;border-radius:12px;overflow:hidden;background:var(--surface);border:2px solid transparent;transition:border-color .15s}.game-card:hover{border-color:var(--accent)}.card-cover{aspect-ratio:1;position:relative;overflow:hidden;background:#130f0c}.card-img{width:100%;height:100%;object-fit:cover;display:block}.card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s;z-index:1}.game-card:hover .card-video{opacity:1}.card-cover:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);transform:translate(-180%)}.game-card:hover .card-cover:before{animation:shine .44s ease forwards}.card-name{position:absolute;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(transparent,#000c);color:#fff;font-size:12px;font-weight:700;padding:32px 10px 10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .18s}.game-card:hover .card-name{opacity:1}.card-badge{position:absolute;top:6px;left:6px;z-index:4;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;line-height:1;letter-spacing:.08em;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.badge-hot{background:#f97316e0;color:#fff}.badge-new{background:#16a34ad1;color:#fff}.badge-featured{background:#8b5cf6e0;color:#fff}.trending-grid{--trend-tile: clamp(104px, 7.2vw, 150px);display:grid;grid-template-columns:repeat(auto-fill,var(--trend-tile));grid-auto-rows:var(--trend-tile);grid-auto-flow:row dense;gap:10px;justify-content:start}.trending-grid>.game-card{width:100%;height:100%;min-width:0}.trending-grid>.game-card .card-cover{width:100%;height:100%;aspect-ratio:auto}.trending-grid>.game-card-big{grid-column:span 2;grid-row:span 2}.trending-grid>.game-card-big .big-info{position:absolute;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(transparent 20%,#000000eb);padding:52px 14px 12px;color:#fff;pointer-events:none}.trending-grid>.game-card-big .big-info-meta{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.08em;margin-bottom:3px}.trending-grid>.game-card-big .big-info-title{font-size:15px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-highlight{border-color:var(--accent)}.game-card-highlight .card-cover:after{content:"🆕 NEW";position:absolute;top:6px;right:6px;z-index:4;background:#f97316f2;color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em;padding:3px 6px;border-radius:5px;animation:pulseGlow 2.2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f973168c}50%{box-shadow:0 0 0 8px #f9731600}}.category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.category-chip{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;text-decoration:none;color:var(--ink);background:var(--chip-bg, var(--surface));border:1.5px solid var(--chip-border, var(--border-c));border-radius:14px;transition:border-color .15s,transform .15s,color .15s}.category-chip:hover{border-color:var(--chip-hover, var(--accent));color:var(--chip-hover, var(--accent));transform:translateY(-2px)}.category-chip-icon{font-size:32px;line-height:1}.category-chip-name{font-size:12px;font-weight:700;white-space:nowrap}@keyframes anim-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes anim-pulse{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.3);filter:drop-shadow(0 0 5px rgba(220,38,38,.8))}}@keyframes anim-speed{0%{transform:translate(-4px) rotate(0)}50%{transform:translate(4px) rotate(-8deg)}to{transform:translate(-4px) rotate(0)}}@keyframes anim-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes anim-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes anim-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes anim-jiggle{0%,60%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}}@keyframes anim-jump{0%,to{transform:translateY(0) scaleX(1)}35%{transform:translateY(-9px) scaleX(.92)}55%{transform:translateY(-9px) scaleX(1.08)}85%{transform:translateY(1px) scaleX(1.04)}}.anim-bounce,.anim-pulse,.anim-speed,.anim-spin,.anim-wiggle,.anim-float,.anim-jiggle,.anim-jump{display:inline-block;font-size:1.6em}.anim-bounce{animation:anim-bounce 1.3s ease-in-out infinite}.anim-pulse{animation:anim-pulse 1.8s ease-in-out infinite}.anim-speed{animation:anim-speed 1s ease-in-out infinite}.anim-spin{animation:anim-spin 3s linear infinite}.anim-wiggle{animation:anim-wiggle 1.5s ease-in-out infinite}.anim-float{animation:anim-float 2.5s ease-in-out infinite}.anim-jiggle{animation:anim-jiggle 1.8s ease-in-out infinite}.anim-jump{animation:anim-jump 1.7s ease-in-out infinite}.seo-area{border-top:var(--border);padding-top:32px;padding-bottom:8px}.seo-area h2{font-size:18px;font-weight:800;color:var(--ink);margin:32px 0 10px}.seo-area h2:first-child{margin-top:0}.seo-area p{font-size:14px;line-height:1.85;color:var(--ink-muted)}@media(max-width:1024px){.trending-grid{--trend-tile: clamp(96px, 12vw, 132px)}}@media(max-width:768px){.trending-grid{--trend-tile: clamp(92px, 19vw, 122px)}}@media(max-width:480px){.game-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.game-row .game-card{flex:0 0 120px}.main-wrap{padding:16px 12px;gap:24px}#sections-wrap{gap:32px}.footer-inner{padding:16px 12px;flex-wrap:wrap;gap:12px 16px}.category-strip{grid-template-columns:repeat(3,1fr)}.category-chip{padding:16px 8px}.category-chip-icon{font-size:26px}.category-chip-name{font-size:11px}.trending-grid{--trend-tile: calc((100vw - 40px) / 3);grid-template-columns:repeat(3,var(--trend-tile));grid-auto-rows:var(--trend-tile);gap:8px}.trending-grid>.game-card-big .big-info{padding:40px 10px 9px}.trending-grid>.game-card-big .big-info-title{font-size:12px}}@media(max-width:340px){.trending-grid{--trend-tile: calc((100vw - 34px)/2) ;grid-template-columns:repeat(2,var(--trend-tile))}}@keyframes btt-ping{0%{transform:scale(1);opacity:.55}to{transform:scale(2);opacity:0}}@keyframes btt-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#back-to-top{position:fixed;right:20px;bottom:24px;z-index:9999;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000052;opacity:0;pointer-events:none;transform:scale(.4) translateY(16px);transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}#back-to-top:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:btt-ping 2s ease-out infinite;opacity:0}#back-to-top.visible{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}#back-to-top.visible:before{opacity:.55}#back-to-top:hover{transform:scale(1) translateY(-5px);box-shadow:0 10px 26px #f9731673}#back-to-top:hover:before{animation-play-state:paused}#back-to-top:hover svg{animation:btt-arrow-bob .55s ease-in-out infinite}#back-to-top:active{transform:scale(.87);transition-duration:.08s,.08s,.08s}#back-to-top svg{display:block;position:relative}
