:root{--fontBody:Arial, sans-serif;--fontTorus:'Torus', Arial, sans-serif;--tileFontSize:12px;--bezier:cubic-bezier(0.4, 0.0, 0.2, 1);--grey-1:#5A5A5A;--spacing-xs:8px;--spacing-s:12px;--spacing-m:16px;--spacing-l:24px;--shadow-mid:0px 7px 10px 4px rgba(93, 107, 132, 0.3)}body{font-family:var(--fontBody);background:#262626;padding:20px;transition:background .2s ease}body.fullscreen-game{overflow:hidden;height:100vh}.header{text-align:center;margin-bottom:30px;color:#323130}.header h1{margin-bottom:10px}.breakpoint-info{position:fixed;top:10px;right:10px;background:#323130;color:#fff;padding:10px 15px;border-radius:5px;font-size:14px;z-index:1000}.grid-container{overflow:visible}.parent>div{position:relative;overflow:hidden;background:#4c4c4c;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#323130;min-height:60px;cursor:pointer;transition:transform .3s var(--bezier),box-shadow .3s var(--bezier),z-index 0s .3s;z-index:1;box-shadow:0 2px 6px rgba(0,0,0,.12),0 10px 18px -8px rgba(0,0,0,.28)}.parent>div:hover{transform:scale(1.08);z-index:10;box-shadow:0 6px 12px rgba(0,0,0,.2),0 22px 32px -12px rgba(0,0,0,.38);transition:transform .3s var(--bezier),box-shadow .3s var(--bezier),z-index 0s 0s}.parent>div>a{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;z-index:2}.cell-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.cell-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:3;transition:opacity .3s var(--bezier);pointer-events:none}.parent>div:hover .cell-video{opacity:1}.cell-title{bottom:0;color:#fff;font:700 var(--tileFontSize,12px)/1.3 var(--fontBody);left:0;padding:6px;position:absolute;right:0;z-index:6;-webkit-font-smoothing:antialiased;opacity:0;pointer-events:none;text-align:center;transform:translateY(8px);transition:transform .3s var(--bezier).1s,opacity .3s var(--bezier).1s;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.parent>div:hover .cell-title{opacity:1;transform:translateY(0)}.cell-badge{position:absolute;top:-5px;left:-5px;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;text-transform:none;z-index:7;box-shadow:0 10px 24px rgba(0,0,0,.28);backdrop-filter:blur(2px)}.cell-badge::before{content:'';width:22px;height:22px;border-radius:8px;background-repeat:no-repeat;background-position:50%;background-size:18px;filter:brightness(0)invert(1);flex-shrink:0;transform:translateY(2px)}.cell-badge.fire{background:linear-gradient(135deg,#ff9945 0%,#ff6a00 100%)}.cell-badge.fire::before{background-image:url({{FRONTEND_IMAGES_CDN}}flame.svg)}.cell-badge.favorite{background:linear-gradient(135deg,#ad6bff 0%,#6c4bff 100%)}.cell-badge.favorite::before{background-image:url({{FRONTEND_IMAGES_CDN}}star.svg)}.cell-number{position:relative;z-index:5;background:rgba(50,49,48,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;transition:opacity .3s var(--bezier)}.parent>div:hover .cell-number{opacity:0}.cell-button .cell-title-visible{opacity:1;transform:translateY(0)}.cell-button:hover .cell-title-visible{opacity:1;transform:translateY(0)}.cell-titlecard{background:#303030!important;color:#fff!important;align-items:flex-start;justify-content:flex-start;padding:16px 18px;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.1),0 12px 22px -10px rgba(0,0,0,.18)}.cell-titlecard .title-text{font:800 20px/1.2 var(--fontBody);letter-spacing:.01em;text-shadow:none;word-break:break-word}.cell-titlecard .subtitle-text{font:14px/1.3 var(--fontBody);color:#4b5a7c;text-shadow:none}.gamebackbutton{align-items:center;background:#252525;border-radius:0 16px 16px 0;box-shadow:0 7px 10px 4px #1c1c1c32;display:none;height:36px;overflow:hidden;position:fixed;top:0;left:0;transform:translateY(var(--mobileBackDragY,24px));width:56px;z-index:1001;cursor:grab;touch-action:none;will-change:transform}.gamebackbutton.visible{display:flex}.gamebackbutton.dragging{cursor:grabbing}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px 0 6px}.mobile-nav-arrow{width:18px;height:18px;color:#fff;flex-shrink:0}.mobile-nav-fav{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0}.mobile-nav-fav svg{width:26px;height:26px}.favIcon image{width:100%;height:100%;pointer-events:none}#adInfo{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));height:64px;width:100%;position:fixed;bottom:0;left:0;background:#fff;display:none;align-items:center;gap:12px;pointer-events:none;transition:opacity 500ms ease-in;box-shadow:0 -8px 24px rgba(0,0,0,.12);z-index:1002}#adInfo.visible{display:flex}#adInfo .logo{width:36px;height:36px;flex-shrink:0}#adInfo .textContainer{display:flex;flex-direction:column;gap:4px;overflow:hidden}#adInfo .title{margin:0;font:700 14px/1.2 var(--fontBody);color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#adInfo .status{margin:0;font:600 12px/1.2 var(--fontBody);color:#6b7280}.game-iframe-overlay{position:fixed;inset:0;background:#0f1014;z-index:1000;display:none;overflow:hidden}.game-iframe-overlay.visible{display:block}.game-iframe-overlay iframe{width:100%;height:100%;border:none;display:block}.rotatedevicemessage{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;color:#fff;animation:none;background:#1e2124;border-radius:0;flex-direction:column;font-size:28px;height:100%;pointer-events:auto;gap:18px;padding:24px;z-index:2}.rotatedevicemessage.visible{display:flex}.rotatedevicemessage .mmes{display:flex;flex-direction:column;align-items:center;gap:12px}.rotatedevicemessage svg{width:96px;height:96px;color:#fff}.rotatedevicemessage .mrot{font-weight:700;line-height:1.1}.rotatedevicemessage .mbut{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:10px 18px;font-size:18px;font-weight:700;background:#f4f5f7;color:#1e2124;border-radius:999px;cursor:pointer;min-width:140px;box-shadow:0 8px 24px rgba(0,0,0,.32);transition:transform .12s ease,background .12s ease}.rotatedevicemessage .mbut:hover{background:#fff}.rotatedevicemessage .mbut:active{transform:translateY(1px)}.rotatedevicepopup{position:absolute;inset:0;background:rgba(0,0,0,.5);display:none;z-index:1}.rotatedevicepopup.visible{display:block}#nav-pill{position:fixed;box-sizing:border-box;top:16px;z-index:999;background:#303030;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.12),0 10px 18px -8px rgba(0,0,0,.28);display:none;align-items:center;justify-content:flex-start;gap:8px;padding:8px;overflow:hidden;transition:box-shadow .2s var(--bezier)}#nav-pill.visible{display:flex}#nav-pill.pill-1x1{flex-direction:column}#nav-pill.pill-2x1{flex-direction:row}.nav-home-container{display:flex;align-items:center;justify-content:center;width:100%;margin-top:6px}.pill-2x1 .nav-home-container{margin-top:-30px}.nav-home-btn{display:flex;align-items:center;justify-content:center;width:76px;height:36px;border-radius:12px;background:0 0;transition:background .15s var(--bezier);text-decoration:none}.pill-2x1 .nav-home-btn{width:140px;height:auto}.nav-home-btn:hover{background:#464646}.nav-home-btn img{width:80px;height:auto;object-fit:contain}.pill-2x1 .nav-home-btn img{width:110px}.nav-buttons{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-between;gap:8px}.pill-1x1 .nav-buttons{flex-direction:row}.pill-2x1 .nav-buttons{left:50%;right:auto;transform:translateX(-50%);width:120px;flex-direction:row;justify-content:space-between}.nav-secondary-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:0 0;border:none;cursor:pointer;transition:background .15s var(--bezier);padding:0}.nav-secondary-btn:hover{background:#464646}.nav-secondary-btn img{width:20px;height:20px;object-fit:contain}.cell-playgame .play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:6;pointer-events:none;color:#fff;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.35)}.cell-playgame .play-circle{width:72px;height:72px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.28),0 0 0 6px rgba(255,255,255,.15)}.cell-playgame .play-circle img{width:22px;height:22px}.cell-playgame .play-label{font:800 20px/1.1 var(--fontBody);letter-spacing:.01em}.cell-ad{background:#b5f2ef;color:#4a5568;display:flex;align-items:center;justify-content:center;padding:8px;transition:none!important}.ad-shell{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font:700 11px/1 var(--fontBody);color:#6b7280}.ad-creative{position:relative;background:linear-gradient(145deg,#0f0f0f,#27324a);border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.28),0 18px 36px -14px rgba(0,0,0,.4);overflow:hidden;display:grid;place-items:center}.ad-creative::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 60%);pointer-events:none}.ad-shell.advertisement-vbox .ad-creative,.ad-shell.advertisement .ad-creative{width:82%;aspect-ratio:1/1}.ad-shell.advertisement-hbar .ad-creative{width:94%;aspect-ratio:6.5/1;min-height:48px}.ad-shell.advertisement-vbar .ad-creative{max-width:82%;height:82%;aspect-ratio:1/3.2;min-height:140px}.ad-shell .ad-label{font:700 11px/1.1 var(--fontBody);color:#6b7280}.ad-shell.advertisement-hbar .ad-label{writing-mode:vertical-rl;letter-spacing:.18em}.cell-iframe{background:#0f1014;border-radius:0!important;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.62),0 24px 44px -16px rgba(0,0,0,.75);transition:none!important}.cell-iframe:hover{transform:none!important;box-shadow:0 6px 20px rgba(0,0,0,8%),0 24px 44px -16px rgba(0,0,0,.1)!important}.cell-ad{box-shadow:none!important;border-radius:0!important}.cell-ad:hover{box-shadow:none!important;transform:none!important}.iframe-shell{display:flex;flex-direction:column;width:100%;height:100%;background:#0f1014}.iframe-body{position:relative;flex:1;background:#12131a}.iframe-body iframe{width:100%;height:100%;border:none;display:block}.iframe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#1b1c22 0%,#14151c 100%);color:#dfe1ec;font:600 13px/1.2 var(--fontBody);border-top:1px solid rgba(255,255,255,6%)}.iframe-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.iframe-game-icon{width:26px;height:26px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#1f2027;display:grid;place-items:center}.iframe-game-icon img{width:100%;height:100%;object-fit:cover;display:block}.iframe-title{font:700 13px/1.3 var(--fontBody);color:#f7f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.iframe-actions{display:inline-flex;align-items:center;gap:6px}.iframe-center{display:none;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%)}.iframe-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.iframe-hide-bar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(0,0,0,.4);color:#dfe1ec;border:1px solid rgba(255,255,255,.12);border-radius:20px;font:600 12px/1.1 var(--fontBody);cursor:pointer;transition:background .15s var(--bezier)}.iframe-hide-bar-btn:hover{background:rgba(0,0,0,.6)}.iframe-hide-bar-btn svg{width:16px;height:16px}.iframe-exit-btn{padding:8px 14px;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fca5a5}.iframe-exit-btn:hover{background:rgba(239,68,68,.25);color:#fff}.iframe-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:rgba(255,255,255,4%);color:#dfe1ec;border:1px solid rgba(255,255,255,6%);border-radius:10px;font:600 12px/1.1 var(--fontBody);cursor:pointer;transition:transform .12s var(--bezier),background .12s var(--bezier),border-color .12s var(--bezier)}.iframe-btn:hover{background:rgba(255,255,255,8%);border-color:rgba(255,255,255,.16);transform:translateY(-1px)}.iframe-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.iframe-btn .icon{width:18px;height:18px;flex-shrink:0}.iframe-btn .count{font-weight:700;font-size:13px}.iframe-btn.compact{padding:8px}.iframe-btn.compact .label{display:none}@media(max-width:540px){.iframe-actions{gap:4px}.iframe-btn{padding:7px}.iframe-btn .label{display:none}.iframe-title{max-width:160px}}.info-panel{text-align:center;margin-top:30px;padding:20px;background:#fff;border-radius:8px;color:#666}.fullscreen-custom-overlay{position:fixed;inset:0;background:#0f1014;z-index:9999;display:none;flex-direction:column}.fullscreen-custom-overlay.visible{display:flex}.fullscreen-game-container{flex:1;position:relative;overflow:hidden;transition:all .3s var(--bezier)}.fullscreen-game-container.expanded{position:absolute;inset:0;z-index:1}.fullscreen-game-container iframe{width:100%;height:100%;border:none}.cell-iframe.in-custom-fullscreen .iframe-shell{position:fixed!important;inset:0!important;z-index:10000!important;background:#0f1014;display:flex;flex-direction:column}.cell-iframe.in-custom-fullscreen .iframe-body{flex:1;transition:all .3s var(--bezier)}.cell-iframe.in-custom-fullscreen .iframe-body.expanded{position:absolute;inset:0;z-index:1}.cell-iframe.in-custom-fullscreen .iframe-toolbar{transition:transform .3s var(--bezier),opacity .3s var(--bezier)}.cell-iframe.in-custom-fullscreen .iframe-toolbar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.iframe-btn.show-fullscreen,.show-fullscreen{display:none}.cell-iframe.in-custom-fullscreen .iframe-btn.show-fullscreen{display:inline-flex}.cell-iframe.in-custom-fullscreen .show-fullscreen{display:flex}.cell-iframe.in-custom-fullscreen .iframe-btn.show-normal{display:none}.fullscreen-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(180deg,#2a2d35 0%,#1f2129 100%);border-top:1px solid rgba(255,255,255,8%);gap:16px;transition:transform .3s var(--bezier),opacity .3s var(--bezier)}.fullscreen-bottom-bar.hidden{transform:translateY(100%);opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.fullscreen-left-section{display:flex;align-items:center;gap:12px}.fullscreen-game-info{display:flex;align-items:center;gap:10px}.fullscreen-game-icon{width:36px;height:36px;border-radius:8px;overflow:hidden;background:#2b2f38}.fullscreen-game-icon img{width:100%;height:100%;object-fit:cover}.fullscreen-game-title{font:700 15px/1.2 var(--fontBody);color:#f7f7fb}.fullscreen-actions{display:flex;align-items:center;gap:8px}.fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,6%);color:#dfe1ec;border:1px solid rgba(255,255,255,8%);border-radius:10px;font:600 13px/1.1 var(--fontBody);cursor:pointer;transition:background .15s var(--bezier),transform .12s var(--bezier)}.fullscreen-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.fullscreen-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.fullscreen-btn svg{width:18px;height:18px}.fullscreen-btn .count{font-weight:700}.fullscreen-center-section{display:flex;align-items:center;justify-content:center}.fullscreen-hide-bar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(0,0,0,.4);color:#dfe1ec;border:1px solid rgba(255,255,255,.12);border-radius:20px;font:600 12px/1.1 var(--fontBody);cursor:pointer;transition:background .15s var(--bezier)}.fullscreen-hide-bar-btn:hover{background:rgba(0,0,0,.6)}.fullscreen-hide-bar-btn svg{width:16px;height:16px}.fullscreen-exit-btn{padding:8px 14px;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fca5a5}.fullscreen-exit-btn:hover{background:rgba(239,68,68,.25);color:#fff}.qr-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:20000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.qr-popup-overlay.visible{display:flex}.qr-popup{background:#2b2f38;border-radius:20px;padding:40px;max-width:500px;max-height:85vh;width:90%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:qrPopupIn .3s var(--bezier);display:flex;flex-direction:column}@keyframes qrPopupIn{from{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.qr-popup-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(255,255,255,.1);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#dfe1ec;font-size:20px;transition:background .2s var(--bezier)}.qr-popup-close:hover{background:rgba(255,255,255,.2)}.qr-popup-qr{width:240px;height:240px;margin:0 auto 24px;background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center}.qr-popup-qr img{width:100%;height:100%;display:block}.qr-popup-title{font:700 24px/1.2 var(--fontBody);color:#f7f7fb;text-align:center;margin-bottom:12px}.qr-popup-text{font:15px/1.5 var(--fontBody);color:#b4b8c8;text-align:center}.qr-popup-content{flex:1;overflow-y:auto;margin-bottom:20px}.qr-popup-content::-webkit-scrollbar{width:8px}.qr-popup-content::-webkit-scrollbar-track{background:rgba(255,255,255,5%);border-radius:4px}.qr-popup-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.qr-popup-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.controls-section{margin-bottom:24px}.controls-section:last-child{margin-bottom:0}.controls-section h3{font:600 16px/1.3 var(--fontBody);color:#dfe1ec;margin-bottom:12px}.controls-section ul{list-style:none;padding:0;margin:0}.controls-section li{font:14px/1.6 var(--fontBody);color:#b4b8c8;padding:6px 0;padding-left:20px;position:relative}.controls-section li:before{content:'•';position:absolute;left:8px;color:#6b7280}.cell-mobile-actions{background:0 0!important;border-radius:24px;display:flex;align-items:center;justify-content:space-around;padding:8px 12px;gap:4px;box-shadow:none!important;transition:none!important}.cell-mobile-actions:hover{transform:none!important;box-shadow:none!important}.mobile-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:#2b2f38;border:none;border-radius:16px;color:#fff;font:600 11px/1 var(--fontBody);cursor:pointer;transition:background .15s var(--bezier),transform .12s var(--bezier);min-width:60px;flex:1}.mobile-action-btn:hover{background:#363a45;transform:translateY(-1px)}.mobile-action-btn:active{transform:translateY(0)}.mobile-action-btn svg{width:24px;height:24px;fill:currentColor}.mobile-action-btn .btn-label{font-size:9px;text-transform:uppercase;letter-spacing:.02em;opacity:.8}.mobile-action-btn .btn-count{font-size:13px;font-weight:700;margin-bottom:2px}.mobile-action-btn.active-like{background:#3b82f6;color:#fff}.mobile-action-btn.active-like:hover{background:#2563eb}.mobile-action-btn.active-dislike{background:#ef4444;color:#fff}.mobile-action-btn.active-dislike:hover{background:#dc2626}.mobile-action-btn.active-favorite{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff}.mobile-action-btn.active-favorite:hover{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%)}.contentbox{background:#fff;box-shadow:var(--shadow-mid);margin:24px 0;overflow:hidden;padding:18px 24px;position:relative;border-radius:16px}.contenttitle{color:var(--grey-1);font:700 12px/16px var(--fontBody);letter-spacing:.3px;margin:3px 0 var(--spacing-xs);text-transform:uppercase}.contentbigtitle{font:700 36px/40px var(--fontTorus);margin-bottom:var(--spacing-m);color:#323130}.contentbody{font:16px/1.6 var(--fontBody);color:#323130}.contentbody p{margin:0 0 var(--spacing-m)}.contentbody p:last-child{margin-bottom:0}