:root{--bg-main:#0a0d14;--bg-surface:#101420;--bg-surface-elevated:#161c2c;--bg-card:#131722;--bg-card-hover:#1a2030;--primary:#FF6B2C;--primary-hover:#e8591c;--primary-dark:#cf4b12;--primary-glow:rgba(255,107,44,0.18);--primary-text:#ffffff;--accent-aqua:#FF6B2C;--accent-hot:#FF6B2C;--accent-gold:#FF6B2C;--accent-twitch:#FF6B2C;--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#64748b;--border-subtle:rgba(255,255,255,0.08);--border-active:rgba(255,107,44,0.6);--sidebar-w:200px;--sidebar-w-slim:72px;--header-h:70px;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:9px;--radius-full:99px;--font-heading:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--transition-fast:0.16s cubic-bezier(0.16,1,0.3,1);--transition-smooth:0.28s cubic-bezier(0.16,1,0.3,1)}body.theme-light{--bg-main:#f4f6fa;--bg-surface:#ffffff;--bg-surface-elevated:#edf0f6;--bg-card:#ffffff;--bg-card-hover:#f4f6fa;--primary:#FF6B2C;--primary-hover:#e8591c;--primary-dark:#cf4b12;--primary-glow:rgba(255,107,44,0.18);--primary-text:#ffffff;--text-main:#0f172a;--text-muted:#475569;--text-sub:#94a3b8;--border-subtle:rgba(0,0,0,0.08);--border-active:rgba(255,107,44,0.8);background-image:none}*{margin:0;padding:0;box-sizing:border-box}button{font-family:inherit;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;margin:0;outline:none}html{overflow-x:clip;width:100%;max-width:100vw;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);overflow-x:clip;width:100%;max-width:100vw;position:relative;line-height:1.5;background-image:radial-gradient(circle at 50% -20%,rgba(20,32,54,0.4) 0%,transparent 70%);min-height:100vh;transition:background-color var(--transition-smooth),color var(--transition-smooth)}.mobile-play-bar{display:none !important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#252545;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.lopi-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);background:#0f1726;border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 20px rgba(0,0,0,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 0;width:100%;box-sizing:border-box;gap:16px}body.theme-light .lopi-header{background:#ffffff}.header-left{display:flex;align-items:center;gap:6px;padding-left:0}.toggle-btn-wrap{position:relative;width:var(--sidebar-w-slim);height:var(--header-h);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-left .btn-toggle-sidebar,.header-left .sidebar-toggle,.header-left .btn-icon{width:var(--sidebar-w-slim);height:var(--header-h);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-toggle-sidebar,.sidebar-toggle,.btn-icon{background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;color:var(--text-muted);cursor:pointer;width:40px !important;height:40px !important;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px !important;transition:var(--transition-fast)}.btn-toggle-sidebar:hover,.sidebar-toggle:hover,.btn-icon:hover{background:rgba(255,255,255,0.08) !important;color:#ffffff !important}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:transform var(--transition-fast)}.brand-logo:hover{transform:scale(1.02)}.brand-full-logo,.site-logo{height:60px;width:auto;max-width:230px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5));transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1),filter 0.22s ease}.brand-logo:hover .brand-full-logo,.logo-wrap:hover .site-logo{transform:scale(1.05);filter:drop-shadow(0 4px 14px rgba(255,107,0,0.65))}.brand-logo .logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mascot-img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(255,107,44,0.45));transition:transform var(--transition-fast)}.brand-logo:hover .logo-mascot-img{transform:rotate(-6deg) scale(1.08)}.brand-text{display:flex;flex-direction:column;line-height:0.95}.brand-name{font-family:var(--font-heading);font-size:16.5px;font-weight:900;letter-spacing:-0.4px;color:#ffffff}.brand-tag{font-family:var(--font-heading);font-size:10.5px;font-weight:600;letter-spacing:2px;color:var(--primary)}.search-container{flex:1;max-width:540px;position:relative}.search-input-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:15px;color:var(--text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color 0.18s ease}.search-container:focus-within .search-icon{color:#FF6B2C}.search-input{width:100%;height:42px;background:rgba(11,16,27,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:99px;padding:0 48px 0 42px;color:var(--text-main);font-size:15px;font-weight:500;font-family:var(--font-body);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}.search-input::placeholder{color:#7888a0;font-size:14px}.search-input:hover{border-color:rgba(255,255,255,0.2);background:rgba(14,21,35,0.95)}.search-input:focus{outline:none;border-color:#FF6B2C;box-shadow:0 0 0 2px rgba(255,107,44,0.25),0 4px 16px rgba(0,0,0,0.35);background:#131929}.search-shortcut{position:absolute;right:14px;display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.07);color:#94a3b8;border:1px solid rgba(255,255,255,0.14);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;pointer-events:none;font-family:monospace;transition:all 0.2s ease}.search-pulse-sparkle{display:none}.search-container:focus-within .search-shortcut{opacity:0;transform:scale(0.85);pointer-events:none}.search-genre-chip{background:rgba(255,255,255,0.06);color:#cbd5e1;border:1px solid rgba(255,255,255,0.09);padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all 0.15s ease;display:inline-block}.search-genre-chip:hover{background:rgba(255,107,44,0.15);border-color:rgba(255,107,44,0.4);color:#FF6B2C;transform:translateY(-1px)}.search-dropdown{position:absolute;top:calc(100%+8px);left:0;right:0;background:#0f1524;border:1px solid rgba(255,255,255,0.14);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,0.8),0 0 24px rgba(255,107,44,0.2);max-height:420px;overflow-y:auto;z-index:2000;padding:8px;display:flex;flex-direction:column;gap:4px;backdrop-filter:blur(14px);animation:searchDropFade 0.18s cubic-bezier(0.16,1,0.3,1)}@keyframes searchDropFade{from{opacity:0;transform:translateY(-8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;text-decoration:none;color:#ffffff;transition:all 0.15s ease;cursor:pointer}.search-dropdown-item:hover,.search-dropdown-item.active-item{background:rgba(255,255,255,0.08);transform:translateX(4px)}.search-dropdown-item img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,0.1)}.search-dropdown-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.search-dropdown-title{font-size:13.5px;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted)}.search-dropdown-tag{background:rgba(255,107,44,0.16);color:#FF6B2C;padding:1px 7px;border-radius:4px;font-weight:700;font-size:10.5px;text-transform:capitalize}.search-dropdown-footer{padding:8px 10px 4px;border-top:1px solid rgba(255,255,255,0.08);margin-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--text-muted)}.search-dropdown-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.header-right{display:flex;align-items:center;gap:8px}.btn-header-action{height:40px;padding:0 16px;background:rgba(255,255,255,0.06);border:none;border-radius:99px;color:#f1f5f9;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;font-family:var(--font-body);text-decoration:none;cursor:pointer;white-space:nowrap;backdrop-filter:blur(8px);box-shadow:0 1px 4px rgba(0,0,0,0.15);transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.btn-header-action:hover{background:rgba(255,255,255,0.12);border:none;color:#ffffff;transform:translateY(-1px)}.btn-header-action svg{flex-shrink:0;transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1),color 0.2s ease,fill 0.2s ease}.btn-header-action svg{color:#e2e8f0}.btn-random-game:hover svg{transform:rotate(25deg) scale(1.1);color:#ffffff}.btn-fav-games:hover svg{transform:scale(1.12);color:#ffffff}.btn-header-notifications{position:relative;padding:0 12px;justify-content:center;transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.btn-header-notifications:hover{background:rgba(255,255,255,0.08)}.btn-header-notifications:hover svg{animation:bellSwing 0.65s cubic-bezier(0.36,0.07,0.19,0.97) both;color:#FF834B}@keyframes bellSwing{0%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}100%{transform:rotate(0)}}.notif-badge-dot{position:absolute;top:7px;right:9px;width:9px;height:9px;background:linear-gradient(135deg,#ff7a18 0%,#ff3b00 100%);border-radius:50%;border:1.5px solid #0b1120;box-shadow:0 0 10px rgba(255,90,0,0.95),0 0 4px #ff5722;pointer-events:none;z-index:2}.notif-badge-dot::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:1.5px solid rgba(255,107,44,0.85);animation:notifRadarPulse 2s cubic-bezier(0.24,0,0.38,1) infinite;pointer-events:none}@keyframes notifRadarPulse{0%{transform:scale(0.6);opacity:1}60%{transform:scale(2.2);opacity:0.25}100%{transform:scale(2.6);opacity:0}}.notifications-dropdown{position:fixed;top:calc(var(--header-h)+10px);right:20px;width:380px;max-width:calc(100vw - 32px);max-height:calc(85vh);overflow-y:auto;background:rgba(15,23,42,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.14);border-radius:18px;padding:16px 18px;box-shadow:0 20px 50px rgba(0,0,0,0.65),0 0 0 1px rgba(255,107,44,0.15);z-index:999999;display:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}.notifications-dropdown.active{display:block !important;animation:notifDropIn 0.22s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes notifDropIn{from{opacity:0;transform:translateY(-8px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:14px}.notif-title-wrap{display:flex;align-items:center;gap:8px}.notif-header h4{font-size:15px;font-weight:700;color:#fff;margin:0;letter-spacing:-0.2px}.notif-clear-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.notif-clear-btn:hover{color:#FF6B2C;border-color:rgba(255,107,44,0.3);background:rgba(255,107,44,0.08)}.notif-promo-card{display:block;text-decoration:none;background:linear-gradient(145deg,rgba(30,41,59,0.85) 0%,rgba(15,23,42,0.95) 100%);border:1px solid rgba(255,255,255,0.12);border-radius:14px;padding:13px;margin-bottom:12px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);cursor:pointer;position:relative;overflow:hidden}.notif-promo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#FF6B2C,#ff834b,#38bdf8);opacity:0.8}.notif-promo-card:hover{transform:translateY(-2px);border-color:rgba(255,107,44,0.4);box-shadow:0 8px 24px rgba(0,0,0,0.35),0 0 16px rgba(255,107,44,0.15)}.notif-promo-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notif-promo-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:0.5px;padding:3px 7px;border-radius:5px;text-transform:uppercase}.notif-promo-badge.chrome-badge{background:rgba(56,189,248,0.15);color:#38bdf8;border:1px solid rgba(56,189,248,0.3)}.notif-promo-badge.app-badge{background:rgba(255,107,44,0.15);color:#ff834b;border:1px solid rgba(255,107,44,0.3)}.notif-promo-tag{font-size:10.5px;color:#64748b;font-weight:500}.notif-promo-main{display:flex;align-items:flex-start;gap:11px}.notif-promo-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.notif-chrome-icon{background:radial-gradient(circle,rgba(56,189,248,0.15) 0%,rgba(15,23,42,0.4) 100%)}.notif-app-icon{background:radial-gradient(circle,rgba(255,107,44,0.18) 0%,rgba(15,23,42,0.4) 100%)}.notif-promo-text{flex:1;min-width:0}.notif-promo-title{display:block;font-size:13.5px;font-weight:700;color:#ffffff;margin-bottom:3px}.notif-promo-desc{font-size:11.5px;color:#94a3b8;line-height:1.4;margin:0}.notif-promo-footer{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:flex-end}.notif-promo-btn{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#ffffff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);padding:5px 12px;border-radius:7px;box-shadow:0 2px 8px rgba(2,132,199,0.35);transition:all 0.15s ease}.notif-promo-card:hover .notif-promo-btn{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);box-shadow:0 3px 12px rgba(56,189,248,0.45)}.notif-promo-btn.app-btn{background:linear-gradient(135deg,#FF6B2C 0%,#FF834B 100%);box-shadow:0 2px 8px rgba(255,107,44,0.35)}.notif-promo-card:hover .notif-promo-btn.app-btn{background:linear-gradient(135deg,#ff834b 0%,#ffa475 100%);box-shadow:0 3px 12px rgba(255,107,44,0.5)}.notif-item{padding:10px 11px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);margin-bottom:8px;font-size:12.5px;color:#cbd5e1;line-height:1.4;transition:background 0.15s ease}.notif-item:hover{background:rgba(255,255,255,0.06)}.notif-item strong{color:#fff;display:block;margin-bottom:3px;font-size:13px}.notif-item small{color:#64748b;font-size:11px}.btn-mobile-search,.btn-search-close-mobile,.mobile-search-backdrop{display:none}@media (max-width:768px){.btn-header-action span{display:none}.btn-header-action{padding:0 10px;width:38px;justify-content:center}}.btn-login{height:40px;padding:0 18px;background:#FF6B2C;color:#ffffff;border:none;border-radius:99px;font-size:14.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(255,107,44,0.25);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);letter-spacing:0.2px;white-space:nowrap}.btn-login svg{transition:transform 0.2s ease;flex-shrink:0}.btn-login:hover{background:#e8591c;border:none;box-shadow:0 4px 12px rgba(255,107,44,0.35);transform:translateY(-1px)}.btn-login:hover svg{transform:scale(1.06)}.app-container{display:flex;margin-top:var(--header-h);min-height:calc(100vh - var(--header-h));width:100%;max-width:100%;position:relative;overflow-x:clip}.lopi-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border-subtle);background:#0a0f19;padding:10px 0 0;position:fixed;top:var(--header-h);left:0;bottom:0;height:calc(100vh - var(--header-h));display:flex;flex-direction:column;transition:width var(--transition-smooth);z-index:50;overflow:hidden}body.theme-light .lopi-sidebar{background:#ffffff}.sidebar-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 8px 14px;display:flex;flex-direction:column;gap:2px}.sidebar-scroll-content,.lopi-sidebar{scrollbar-width:none !important;-ms-overflow-style:none !important}.sidebar-scroll-content::-webkit-scrollbar,.lopi-sidebar::-webkit-scrollbar,.lopi-sidebar.slim::-webkit-scrollbar,.lopi-sidebar.slim .sidebar-scroll-content::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.sidebar-divider{display:block !important;height:1px !important;width:calc(100% - 16px) !important;margin:6px 8px !important;background:rgba(255,255,255,0.18) !important;border:none !important;box-shadow:0 1px 0 rgba(0,0,0,0.6) !important;flex-shrink:0 !important}body.theme-light .sidebar-divider{background:rgba(0,0,0,0.12) !important;box-shadow:0 1px 0 rgba(255,255,255,0.8) !important}.lopi-sidebar.slim{width:var(--sidebar-w-slim);min-width:var(--sidebar-w-slim);max-width:var(--sidebar-w-slim);padding:8px 0 0;align-items:stretch;transition:width 0.22s cubic-bezier(0.2,0,0,1),box-shadow 0.22s ease;will-change:width,box-shadow}@media (min-width:901px){.lopi-sidebar.slim:hover{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);box-shadow:14px 0 36px rgba(0,0,0,0.75),1px 0 0 rgba(255,255,255,0.08);z-index:200}.lopi-sidebar.slim .sidebar-scroll-content{padding:6px 8px;width:100%;align-items:stretch;overflow-x:hidden}.lopi-sidebar.slim .sidebar-nav{width:100%}.lopi-sidebar.slim .sidebar-nav li{width:100%}.lopi-sidebar.slim .sidebar-nav-item{width:100%;height:42px;padding:0 8px;margin:1px 0;display:flex;align-items:center;border-radius:var(--radius-md);box-sizing:border-box}.lopi-sidebar.slim .sidebar-nav-item .nav-left{display:flex;align-items:center;width:100%;gap:12px;overflow:hidden}.lopi-sidebar.slim .sidebar-nav-item .icon{width:40px;min-width:40px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lopi-sidebar.slim .sidebar-nav-item .nav-text{white-space:nowrap;opacity:0;transform:translateX(-8px);pointer-events:none;transition:opacity 0.16s ease,transform 0.16s ease;font-size:13.5px;font-weight:600;color:#e2e8f0}.lopi-sidebar.slim:hover .sidebar-nav-item .nav-text{opacity:1;transform:translateX(0);pointer-events:auto;transition:opacity 0.2s cubic-bezier(0.16,1,0.3,1) 0.04s,transform 0.2s ease 0.04s;color:#ffffff}.sidebar-divider{display:block !important;height:1px !important;width:calc(100% - 16px) !important;margin:6px 8px !important;background:rgba(255,255,255,0.18) !important;border:none !important;box-shadow:0 1px 0 rgba(0,0,0,0.6) !important;flex-shrink:0 !important;transition:width 0.2s ease,margin 0.2s ease}.lopi-sidebar.slim .sidebar-divider{width:32px !important;margin:6px auto !important}.lopi-sidebar.slim:hover .sidebar-divider{width:calc(100% - 16px) !important;margin:6px 8px !important}.lopi-sidebar.slim .sidebar-footer-scroll .btn-sidebar-contact{width:40px;height:40px;padding:0;margin:0 auto;border-radius:10px;transition:width 0.2s ease,padding 0.2s ease}.lopi-sidebar.slim .sidebar-footer-scroll .btn-sidebar-contact span{display:none;opacity:0;white-space:nowrap}.lopi-sidebar.slim:hover .sidebar-footer-scroll .btn-sidebar-contact{width:100%;height:auto;padding:9px 14px;border-radius:var(--radius-full)}.lopi-sidebar.slim:hover .sidebar-footer-scroll .btn-sidebar-contact span{display:inline;opacity:1;transition:opacity 0.2s ease 0.05s}.lopi-sidebar.slim .sidebar-footer-links,.lopi-sidebar.slim .sidebar-copyright{opacity:0;max-height:0;overflow:hidden;pointer-events:none;transition:opacity 0.16s ease,max-height 0.2s ease}.lopi-sidebar.slim:hover .sidebar-footer-links,.lopi-sidebar.slim:hover .sidebar-copyright{opacity:1;max-height:800px;overflow:visible;pointer-events:auto;transition:opacity 0.2s ease 0.05s,max-height 0.25s ease}}.sidebar-footer-scroll,.sidebar-footer-scroll,.sidebar-bottom-fixed{margin-top:16px;position:static;background:transparent;padding:16px 14px 28px 14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:14px;flex-shrink:0;text-align:left;align-items:flex-start}.btn-sidebar-contact{display:flex;align-items:center;justify-content:center;gap:10px;background:#6c5ce7;background:linear-gradient(135deg,#6c5ce7 0%,#5843e4 100%);border:none;color:#ffffff !important;text-decoration:none !important;font-weight:700;font-size:14.5px;padding:12px 18px;border-radius:9999px;width:100%;box-sizing:border-box;box-shadow:0 4px 16px rgba(108,92,231,0.35);transition:all 0.22s ease}.btn-sidebar-contact svg{color:#ffffff !important;stroke:#ffffff !important;fill:none !important;flex-shrink:0}.btn-sidebar-contact span{color:#ffffff !important;font-weight:700}.btn-sidebar-contact:hover{background:linear-gradient(135deg,#7c6cf7 0%,#6853f4 100%);box-shadow:0 6px 22px rgba(108,92,231,0.55);transform:translateY(-2px);color:#ffffff !important}.sidebar-footer-links{display:flex;flex-direction:column;gap:10px;width:100%;padding:4px 0 2px 0;max-height:none !important;overflow:visible !important}.sidebar-footer-links a{color:#8f9cae !important;text-decoration:none !important;font-size:14px;font-weight:600;text-align:left;transition:color 0.18s ease,transform 0.18s ease;display:block}.sidebar-footer-links a:hover{color:#ffffff !important;transform:translateX(3px)}.sidebar-social-strip{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0;width:100%;justify-content:flex-start}.sidebar-social-icon{width:38px;height:38px;border-radius:50%;background:#181f2f;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:#ffffff !important;text-decoration:none !important;border-bottom:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.25);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);flex-shrink:0}.sidebar-social-icon svg{width:17px;height:17px;fill:currentColor;color:#ffffff !important}.sidebar-social-icon:hover{background:#252e44;border-color:rgba(255,255,255,0.3);color:#ffffff !important;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,0.45)}.sidebar-social-icon.soc-discord:hover{background:#5865F2 !important;border-color:#5865F2 !important}.sidebar-social-icon.soc-telegram:hover{background:#229ED9 !important;border-color:#229ED9 !important}.sidebar-social-icon.soc-pinterest:hover{background:#E60023 !important;border-color:#E60023 !important}.sidebar-social-icon.soc-youtube:hover{background:#FF0000 !important;border-color:#FF0000 !important}.sidebar-social-icon.soc-tiktok:hover{background:#000000 !important;border-color:#fe2c55 !important}.sidebar-social-icon.soc-reddit:hover{background:#FF4500 !important;border-color:#FF4500 !important}.sidebar-social-icon.soc-instagram:hover{background:#E1306C !important;border-color:#E1306C !important}.sidebar-social-icon.soc-chrome:hover{background:#4285F4 !important;border-color:#4285F4 !important}.sidebar-copyright{font-size:13px;color:#64748b;font-weight:500;text-align:left;padding:2px 0 0 0}.lopi-sidebar.slim .sidebar-footer-scroll,.lopi-sidebar.slim .sidebar-bottom-fixed{padding:12px 6px;width:100%;align-items:center;justify-content:center}.lopi-sidebar.slim .btn-sidebar-contact{width:42px;height:42px;padding:0;border-radius:12px;margin:0 auto}.lopi-sidebar.slim .btn-sidebar-contact span,.lopi-sidebar.slim .sidebar-footer-links,.lopi-sidebar.slim .sidebar-social-strip,.lopi-sidebar.slim .sidebar-copyright{display:none}.lopi-sidebar.slim:hover .sidebar-footer-scroll,body.sidebar-mobile-open .sidebar-footer-scroll{align-items:flex-start;padding:16px 14px 28px 14px}.lopi-sidebar.slim:hover .btn-sidebar-contact{width:100%;height:auto;padding:12px 18px;border-radius:9999px}.lopi-sidebar.slim:hover .btn-sidebar-contact span,.lopi-sidebar.slim:hover .sidebar-footer-links,.lopi-sidebar.slim:hover .sidebar-social-strip,.lopi-sidebar.slim:hover .sidebar-copyright,body.sidebar-mobile-open .sidebar-social-strip{display:flex}.lopi-sidebar.slim:hover .sidebar-footer-links{display:flex;flex-direction:column}.sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:1px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:0 8px;height:42px;min-height:42px;border-radius:var(--radius-md);color:#ffffff;text-decoration:none;font-size:15px;font-weight:500;cursor:pointer;border-left:none !important;background:transparent !important;transition:var(--transition-fast)}.sidebar-nav-item .nav-left{display:flex;align-items:center;gap:12px;flex:1}.sidebar-nav-item .nav-text{color:#ffffff;transition:color 0.16s ease}.sidebar-nav-item .nav-badge{margin-left:auto}.sidebar-nav-item .icon{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;color:#94a3b8;flex-shrink:0;border-radius:8px;transition:color 0.18s ease,transform 0.2s cubic-bezier(0.34,1.56,0.64,1),filter 0.18s ease}.sidebar-nav-item .icon svg{width:24px;height:24px;display:block;flex-shrink:0;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}.btn-sidebar-contact svg{width:18px;height:18px;fill:none !important;stroke:currentColor !important}.sidebar-nav-item:hover{background:rgba(255,255,255,0.07) !important;color:#ffffff}.sidebar-nav-item:hover .icon{color:#FF6B2C;transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(255,107,44,0.5))}.sidebar-nav-item.active,.sidebar-nav-item.active:hover{background:rgba(255,255,255,0.06) !important;color:#ffffff;font-weight:700;position:relative}.sidebar-nav-item.active .icon{color:#FF6B2C;filter:drop-shadow(0 0 6px rgba(255,107,44,0.6))}.sidebar-nav-item.active::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#FF6B2C;border-radius:0 3px 3px 0;box-shadow:0 0 8px rgba(255,107,44,0.6)}.sidebar-nav-item[data-filter="hot"]:hover .icon,.sidebar-nav-item[data-category="hot"]:hover .icon{color:#ff5722 !important;filter:drop-shadow(0 0 10px rgba(255,87,34,0.8)) !important;animation:animFlame 0.6s ease-in-out infinite alternate}@keyframes animFlame{0%{transform:scale(1.1) translateY(0)}100%{transform:scale(1.22) translateY(-2px) rotate(-3deg)}}.sidebar-nav-item[data-category="action"]:hover .icon{color:#ffb703 !important;filter:drop-shadow(0 0 10px rgba(255,183,3,0.8)) !important;animation:animLightning 0.35s ease infinite alternate}@keyframes animLightning{0%{transform:scale(1.1) rotate(0deg)}50%{transform:scale(1.28) rotate(6deg) translateY(-1px)}100%{transform:scale(1.15) rotate(-4deg)}}.sidebar-nav-item[data-category="driving"]:hover .icon{color:#38bdf8 !important;filter:drop-shadow(0 0 10px rgba(56,189,248,0.8)) !important;animation:animSteer 0.7s cubic-bezier(0.45,0,0.55,1) infinite}@keyframes animSteer{0%{transform:rotate(0deg) scale(1.12)}25%{transform:rotate(-22deg) scale(1.18)}75%{transform:rotate(22deg) scale(1.18)}100%{transform:rotate(0deg) scale(1.12)}}.sidebar-nav-item[data-category="shooting"]:hover .icon{color:#ef4444 !important;filter:drop-shadow(0 0 10px rgba(239,68,68,0.8)) !important;animation:animCrosshair 0.6s ease-in-out infinite alternate}@keyframes animCrosshair{0%{transform:scale(1.08)}100%{transform:scale(1.25) rotate(90deg)}}.sidebar-nav-item[data-filter="multiplayer"]:hover .icon,.sidebar-nav-item[data-category="twoplayer"]:hover .icon{color:#a855f7 !important;filter:drop-shadow(0 0 10px rgba(168,85,247,0.8)) !important;animation:animGamepad 0.3s ease-in-out infinite alternate}@keyframes animGamepad{0%{transform:scale(1.12) rotate(-3deg)}100%{transform:scale(1.2) rotate(3deg)}}.sidebar-nav-item[data-category="puzzle"]:hover .icon{color:#ec4899 !important;filter:drop-shadow(0 0 10px rgba(236,72,153,0.8)) !important;animation:animPuzzle 0.6s cubic-bezier(0.34,1.56,0.64,1) infinite alternate}@keyframes animPuzzle{0%{transform:scale(1.1) rotate(0)}100%{transform:scale(1.25) rotate(12deg) translateY(-2px)}}.sidebar-nav-item[data-filter="new"]:hover .icon{color:#ffd166 !important;filter:drop-shadow(0 0 10px rgba(255,209,102,0.85)) !important;animation:animSparkle 0.8s ease-in-out infinite}@keyframes animSparkle{0%{transform:scale(1.1) rotate(0deg)}50%{transform:scale(1.3) rotate(45deg)}100%{transform:scale(1.1) rotate(90deg)}}.sidebar-nav-item[data-category="adventure"]:hover .icon{color:#10b981 !important;filter:drop-shadow(0 0 10px rgba(16,185,129,0.8)) !important;animation:animCompass 0.8s ease-in-out infinite alternate}@keyframes animCompass{0%{transform:scale(1.12) rotate(-25deg)}100%{transform:scale(1.2) rotate(25deg)}}.sidebar-nav-item[data-category="sports"]:hover .icon{color:#f59e0b !important;filter:drop-shadow(0 0 10px rgba(245,158,11,0.8)) !important;animation:animTrophy 0.5s cubic-bezier(0.34,1.56,0.64,1) infinite alternate}@keyframes animTrophy{0%{transform:scale(1.1) translateY(0)}100%{transform:scale(1.25) translateY(-3px)}}.sidebar-nav-item[data-category="clicker"]:hover .icon{color:#06b6d4 !important;filter:drop-shadow(0 0 10px rgba(6,182,212,0.8)) !important;animation:animClick 0.4s ease infinite alternate}@keyframes animClick{0%{transform:scale(1.1) translateY(0)}100%{transform:scale(1.22) translateY(2px) rotate(-6deg)}}.sidebar-nav-item[data-category="io"]:hover .icon{color:#22c55e !important;filter:drop-shadow(0 0 10px rgba(34,197,94,0.8)) !important;animation:animOrbit 1.2s linear infinite}@keyframes animOrbit{0%{transform:scale(1.15) rotate(0deg)}100%{transform:scale(1.15) rotate(360deg)}}.sidebar-nav-item[data-category="girls"]:hover .icon{color:#f43f5e !important;filter:drop-shadow(0 0 10px rgba(244,63,94,0.8)) !important;animation:animCrown 0.6s ease-in-out infinite alternate}@keyframes animCrown{0%{transform:scale(1.1) translateY(0)}100%{transform:scale(1.25) translateY(-3px) rotate(4deg)}}.sidebar-nav-item[data-category="horror"]:hover .icon{color:#8b5cf6 !important;filter:drop-shadow(0 0 10px rgba(139,92,246,0.8)) !important;animation:animHorror 0.5s ease-in-out infinite alternate}@keyframes animHorror{0%{transform:scale(1.1) translateX(-1px)}100%{transform:scale(1.22) translateX(1px)}}.sidebar-nav-item[data-filter="recent"]:hover .icon{color:#38bdf8 !important;filter:drop-shadow(0 0 10px rgba(56,189,248,0.8)) !important;animation:animClock 1s linear infinite}@keyframes animClock{0%{transform:scale(1.15) rotate(0deg)}100%{transform:scale(1.15) rotate(360deg)}}.sidebar-nav-item[data-category="arcade"]:hover .icon{color:#f97316 !important;filter:drop-shadow(0 0 10px rgba(249,115,22,0.8)) !important;animation:animArcade 0.4s ease infinite alternate}@keyframes animArcade{0%{transform:scale(1.1) rotate(-6deg)}100%{transform:scale(1.22) rotate(6deg)}}.sidebar-nav-item[data-category="strategy"]:hover .icon{color:#eab308 !important;filter:drop-shadow(0 0 10px rgba(234,179,8,0.8)) !important;animation:animTrophy 0.5s ease infinite alternate}.sidebar-nav-item[data-category="cooking"]:hover .icon{color:#fb923c !important;filter:drop-shadow(0 0 10px rgba(251,146,60,0.8)) !important;animation:animFlame 0.5s ease infinite alternate}.sidebar-nav-item[data-category="simulation"]:hover .icon{color:#0ea5e9 !important;filter:drop-shadow(0 0 10px rgba(14,165,233,0.8)) !important;animation:animOrbit 2s linear infinite}.nav-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--bg-surface);color:var(--text-muted)}.lopi-content,.crazy-content{flex:1;margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));max-width:calc(100% - var(--sidebar-w));padding:16px 20px 24px 20px;min-width:0;box-sizing:border-box;overflow-x:clip;transition:margin-left var(--transition-smooth),width var(--transition-smooth),max-width var(--transition-smooth)}.lopi-sidebar.slim~.lopi-content,.lopi-sidebar.slim~.crazy-content{margin-left:var(--sidebar-w-slim);width:calc(100% - var(--sidebar-w-slim));max-width:calc(100% - var(--sidebar-w-slim))}.quick-tags-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px}.tag-pill{flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.tag-pill:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-active)}.tag-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-family:var(--font-heading);font-size:18px;font-weight:600;letter-spacing:-0.2px;display:flex;align-items:center;gap:8px;color:#ffffff}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:155px;gap:14px;margin-bottom:34px}.game-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;display:block;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.game-card.hero{grid-column:span 3;grid-row:span 2}.game-card.wide{grid-column:span 3;grid-row:span 1}.game-card.normal{grid-column:span 1;grid-row:span 1}.game-card:hover{transform:scale(1.15) translateY(-2px);border-color:rgba(255,255,255,0.22);box-shadow:0 16px 38px rgba(0,0,0,0.75),0 4px 14px rgba(0,0,0,0.5);z-index:50}.game-card-thumb{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.game-card:hover .game-card-thumb{transform:scale(1.06)}.game-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,22,0.95) 0%,rgba(10,11,22,0.25) 45%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;pointer-events:none}.game-card-badges{position:absolute;top:9px;left:9px;display:flex;gap:6px}.game-card-badge{background:#0a0b16;padding:3px 8px;border-radius:6px;font-size:9.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}.badge-hot{background:var(--accent-hot);color:#fff;box-shadow:0 2px 10px rgba(255,56,92,0.5)}.badge-new{background:var(--accent-aqua);color:#042017}.badge-trending{background:linear-gradient(135deg,#ff9f43,#ff5252);color:#fff}.badge-3d{background:#3b82f6;color:#fff}.game-card-title{font-family:var(--font-heading);font-size:14.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.hero .game-card-title{font-size:22px;margin-bottom:5px}.game-card-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted)}.game-card-rating{color:var(--accent-gold);font-weight:700}.horizontal-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:thin}.strip-item{flex:0 0 90px;height:80px;border-radius:12px;position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.strip-item:hover{transform:translateY(-3px) scale(1.05);border-color:rgba(255,255,255,0.3);box-shadow:0 8px 20px rgba(0,0,0,0.5)}.strip-item img{width:100%;height:100%;object-fit:cover}.strip-item-title{display:none}.home-hero-showcase{display:grid;grid-template-columns:minmax(0,60%) minmax(0,calc(40% - 16px));gap:16px;margin-bottom:24px;align-items:stretch;width:100%;box-sizing:border-box}.home-hero-banner-wrap{display:flex;flex-direction:column;min-width:0;height:350px}.home-hero-banner-card{position:relative;width:100%;height:350px;min-height:350px;max-height:350px;border-radius:28px !important;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:#090e1a;box-shadow:0 12px 36px rgba(0,0,0,0.45);display:flex;flex-direction:column;justify-content:center;padding:24px 34px;box-sizing:border-box;isolation:isolate}.hero-banner-picture{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero-banner-img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.hero-banner-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient( 90deg,rgba(8,12,22,0.58) 0%,rgba(8,12,22,0.40) 36%,rgba(8,12,22,0.12) 64%,rgba(8,12,22,0.0) 100% );pointer-events:none}.hero-banner-content{position:relative;z-index:3;max-width:360px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-banner-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,107,44,0.14);border:1px solid rgba(255,107,44,0.35);padding:5px 13px;border-radius:var(--radius-full,99px);font-size:11.5px;font-weight:700;color:#FF834B;letter-spacing:0.4px;text-transform:uppercase}.hero-pill-glow{width:7px;height:7px;border-radius:50%;background:#FF6B2C;box-shadow:0 0 8px #FF6B2C;animation:heroPulse 2s ease-in-out infinite}@keyframes heroPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.45;transform:scale(1.35)}}.hero-banner-title{font-family:var(--font-heading);font-size:27px;font-weight:800;line-height:1.2;color:#ffffff;letter-spacing:-0.4px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,0.5)}.text-gradient-primary{background:linear-gradient(135deg,#FF9457 0%,#FF6B2C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-banner-desc{font-size:13.5px;line-height:1.5;color:#cbd5e1;margin:0;max-width:330px}.hero-banner-actions{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.btn-hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary,#FF6B2C);color:#ffffff !important;padding:10px 20px;border-radius:var(--radius-md,8px);font-size:14px;font-weight:700;text-decoration:none !important;box-shadow:0 4px 16px rgba(255,107,44,0.35);transition:all var(--transition-fast,0.16s);cursor:pointer}.btn-hero-cta:hover{background:var(--primary-hover,#e8591c);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,44,0.55)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:#f1f5f9;padding:10px 18px;border-radius:var(--radius-md,8px);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--transition-fast,0.16s)}.btn-hero-secondary:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.28);color:#ffffff;transform:translateY(-2px)}.home-hero-right-col{min-width:0;height:350px;max-height:350px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-sizing:border-box}.home-hero-right-col .hero-bento-section{margin-bottom:0}.home-hero-right-col .feed-section{margin-bottom:0}.home-hero-right-col .feed-header{margin-bottom:5px}.home-hero-right-col .feed-title-link{font-size:15px;font-weight:700}.home-hero-right-col .hero-bento-track .hero-bento-grid{flex:0 0 100%;width:100%;min-width:0;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:94px 94px;gap:7px}.home-hero-right-col .hero-bento-carousel-wrap .carousel-arrow-float{display:none !important}.home-hero-right-col .bento-card{border-radius:18px !important}.home-hero-right-col .bento-card img{border-radius:18px !important}.home-hero-right-col .bento-card-title{font-size:11.5px !important;font-weight:600 !important;line-height:1.25 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.home-hero-right-col .bento-card-overlay{padding:6px 8px !important;background:linear-gradient(0deg,rgba(8,12,22,0.88) 0%,rgba(8,12,22,0.35) 65%,transparent 100%) !important}.home-hero-right-col .similar-game-meta-row{display:none !important}.home-hero-right-col .bento-card-badge{font-size:9px !important;padding:2.5px 6px !important;top:6px !important;left:6px !important;border-radius:99px !important}.home-hero-right-col .carousel-track{margin-top:0 !important;margin-bottom:0 !important;gap:8px !important;padding:4px 2px 6px !important}.home-hero-right-col .carousel-section{margin-top:4px}.home-hero-right-col .carousel-arrow-float{width:26px !important;height:26px !important}.home-hero-right-col .carousel-arrow-float svg{width:14px !important;height:14px !important}.home-hero-right-col .carousel-track .similar-game-card{flex:0 0 96px !important;min-width:96px !important;max-width:96px !important}.home-hero-right-col .card-with-title .card-thumb-frame{border-radius:18px !important;-webkit-clip-path:inset(0 round 18px) !important;clip-path:inset(0 round 18px) !important}.home-hero-right-col .card-with-title .card-thumb-frame img,.home-hero-right-col .card-with-title .card-thumb-frame video{border-radius:18px !important;-webkit-clip-path:inset(0 round 18px) !important;clip-path:inset(0 round 18px) !important}.home-hero-right-col .card-title-under{font-size:11px !important;font-weight:500 !important;margin-top:3px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;color:#94a3b8}.home-hero-right-col .card-with-title .similar-game-badge{font-size:8.5px !important;padding:1.5px 5px !important;top:5px !important;right:5px !important}@media (max-width:1120px){.home-hero-showcase{grid-template-columns:1fr;gap:18px}.home-hero-banner-wrap{height:auto}.home-hero-right-col{height:auto;max-height:none;gap:18px}}@media (min-width:769px) and (max-width:1120px){.home-hero-banner-card{height:250px;min-height:250px;max-height:250px;padding:22px 28px;border-radius:24px !important}.hero-banner-content{max-width:100%;gap:10px}.hero-banner-title{font-size:23px;line-height:1.22}.hero-banner-desc{font-size:13.5px;max-width:420px}.hero-banner-overlay{background:linear-gradient( 90deg,rgba(8,12,22,0.92) 0%,rgba(8,12,22,0.78) 55%,rgba(8,12,22,0.25) 100% )}.home-hero-right-col .hero-bento-track .hero-bento-grid{flex:0 0 100%;width:100%;min-width:0;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:112px 112px;gap:9px}.home-hero-right-col .bento-hero-left{grid-column:1 / 2 !important;grid-row:1 / 3 !important;height:100% !important;display:block !important}.home-hero-right-col .bento-mid-1{grid-column:2 / 3 !important;grid-row:1 / 2 !important;height:100% !important;display:block !important}.home-hero-right-col .bento-mid-2{grid-column:2 / 3 !important;grid-row:2 / 3 !important;height:100% !important;display:block !important}.home-hero-right-col .bento-mid-3{grid-column:3 / 4 !important;grid-row:1 / 2 !important;height:100% !important;display:block !important}.home-hero-right-col .bento-mid-4{grid-column:3 / 4 !important;grid-row:2 / 3 !important;height:100% !important;display:block !important}.home-hero-right-col .bento-card{border-radius:20px !important}.home-hero-right-col .bento-card img{border-radius:20px !important}.home-hero-right-col .carousel-track .similar-game-card{flex:0 0 104px !important;min-width:104px !important;max-width:104px !important}}@media (max-width:768px){.home-hero-showcase{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.home-hero-banner-wrap{height:auto}.home-hero-banner-card{height:215px;min-height:215px;max-height:215px;padding:16px 18px;border-radius:20px !important}.hero-banner-img{object-position:85% center}.hero-banner-content{max-width:100%;gap:7px}.hero-banner-pill{font-size:10.5px;padding:3px 10px}.hero-banner-title{font-size:19px;line-height:1.2;white-space:normal}.hero-banner-desc{font-size:12px;line-height:1.35;max-width:250px}.hero-banner-actions{gap:8px;margin-top:3px}.btn-hero-cta{padding:7px 15px;font-size:12.5px;border-radius:8px}.btn-hero-secondary{padding:7px 13px;font-size:12px;border-radius:8px}.hero-banner-overlay{background:linear-gradient( 90deg,rgba(8,12,22,0.95) 0%,rgba(8,12,22,0.82) 58%,rgba(8,12,22,0.28) 100% )}.home-hero-right-col{height:auto;max-height:none;gap:14px;width:100%}.home-hero-right-col .hero-bento-carousel-wrap{overflow:visible !important;width:100% !important;position:relative}.home-hero-right-col .hero-bento-track{display:block !important;width:100% !important;overflow:visible !important;padding:16px 0 6px 0 !important}.home-hero-right-col .hero-bento-track .hero-bento-grid{display:grid !important;width:100% !important;max-width:100% !important;grid-template-columns:1fr 1fr !important;grid-template-rows:110px 110px !important;gap:8px !important;box-sizing:border-box !important}.home-hero-right-col .hero-bento-track .hero-bento-grid:not(:first-child){display:none !important}.home-hero-right-col .bento-hero-left{display:none !important}.home-hero-right-col .bento-mid-1{grid-column:1 / 2 !important;grid-row:1 / 2 !important;display:block !important;height:100% !important}.home-hero-right-col .bento-mid-2{grid-column:2 / 3 !important;grid-row:1 / 2 !important;display:block !important;height:100% !important}.home-hero-right-col .bento-mid-3{grid-column:1 / 2 !important;grid-row:2 / 3 !important;display:block !important;height:100% !important}.home-hero-right-col .bento-mid-4{grid-column:2 / 3 !important;grid-row:2 / 3 !important;display:block !important;height:100% !important}.home-hero-right-col .bento-card{border-radius:16px !important;min-width:0 !important;max-width:none !important;flex:none !important;width:100% !important;height:100% !important;display:block !important}.home-hero-right-col .bento-card img{border-radius:16px !important;width:100% !important;height:100% !important;object-fit:cover !important}.home-hero-right-col .bento-card-badge{font-size:8.5px !important;padding:2.5px 6.5px !important;top:6px !important;left:6px !important;border-radius:99px !important}.home-hero-right-col .bento-card-overlay{border-radius:16px !important;padding:6px 8px !important}.home-hero-right-col .bento-card-title{font-size:11px !important;font-weight:600 !important;line-height:1.25 !important}.home-hero-right-col .carousel-track .similar-game-card{flex:0 0 92px !important;min-width:92px !important;max-width:92px !important}}@media (max-width:480px){.home-hero-banner-card{height:198px;min-height:198px;max-height:198px;padding:14px 14px;border-radius:18px !important}.hero-banner-title{font-size:17px;line-height:1.2}.hero-banner-desc{font-size:11.5px;line-height:1.3;max-width:200px}.home-hero-right-col .hero-bento-track .hero-bento-grid{grid-template-rows:98px 98px !important;gap:7px !important}.home-hero-right-col .bento-card,.home-hero-right-col .bento-card img{border-radius:14px !important}.home-hero-right-col .bento-card-badge{font-size:8px !important;padding:1.5px 5px !important;top:5px !important;left:5px !important}.home-hero-right-col .bento-card-title{font-size:10px !important}.home-hero-right-col .carousel-track .similar-game-card{flex:0 0 86px !important;min-width:86px !important;max-width:86px !important}}body.theme-light .home-hero-banner-card{background:#ffffff;border-color:rgba(0,0,0,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.08)}body.theme-light .hero-banner-overlay{background:linear-gradient( 90deg,rgba(255,255,255,0.96) 0%,rgba(255,255,255,0.88) 42%,rgba(255,255,255,0.35) 66%,rgba(255,255,255,0.04) 100% )}body.theme-light .hero-banner-title{color:#0f172a}body.theme-light .hero-banner-desc{color:#475569}body.theme-light .btn-hero-secondary{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.12);color:#334155}body.theme-light .btn-hero-secondary:hover{background:rgba(0,0,0,0.08);color:#0f172a}.hero-bento-section{margin-bottom:18px;width:100%}.hero-bento-grid{display:grid;grid-template-columns:1.35fr 0.9fr 0.9fr 1.35fr;grid-template-rows:126px 126px;gap:10px;width:100%;box-sizing:border-box}.bento-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;display:block;z-index:1;transition:transform 0.22s cubic-bezier(0.16,1,0.3,1),border-color 0.22s ease,box-shadow 0.22s ease,z-index 0s}.bento-card:hover{transform:scale(1.08) translateY(-2px);border-color:rgba(255,255,255,0.22);box-shadow:0 16px 38px rgba(0,0,0,0.75),0 4px 14px rgba(0,0,0,0.5);z-index:50}.bento-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1)}.bento-card:hover img{transform:scale(1.03)}.bento-hero-left{grid-column:1 / 2;grid-row:1 / 3}.bento-mid-1{grid-column:2 / 3;grid-row:1 / 2}.bento-mid-2{grid-column:2 / 3;grid-row:2 / 3}.bento-mid-3{grid-column:3 / 4;grid-row:1 / 2}.bento-mid-4{grid-column:3 / 4;grid-row:2 / 3}.bento-hero-right{grid-column:4 / 5;grid-row:1 / 3}.bento-card-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;z-index:2;box-shadow:0 3px 10px rgba(0,0,0,0.4)}.badge-top-pick{background:linear-gradient(135deg,#ff385c,#ff7a00);color:#fff}.badge-streamer{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff}.badge-hot-tag{background:#0b0f19;color:#ffb800;border:1px solid rgba(255,184,0,0.4)}.bento-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,11,17,0.94) 0%,rgba(9,11,17,0.35) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;pointer-events:none;opacity:0;transform:translateY(6px);z-index:4;transition:opacity 0.22s ease,transform 0.22s ease}.bento-card:hover .bento-card-overlay{opacity:1;transform:translateY(0)}.bento-hero-left .bento-card-overlay,.bento-hero-right .bento-card-overlay{padding:18px 20px}.bento-card-title{font-family:var(--font-heading);font-size:14.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.bento-hero-left .bento-card-title,.bento-hero-right .bento-card-title{font-size:20px;font-weight:600;margin-bottom:6px}.bento-card-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted)}.bento-card-meta .rating{color:var(--accent-gold);font-weight:700;display:flex;align-items:center;gap:3px}@media (max-width:1280px){.hero-bento-grid{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:124px 124px;gap:10px}.bento-hero-right{display:none}}body.game-page .lopi-content{padding:10px 12px 28px 12px}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;max-width:100%;margin:0 auto;align-items:start;width:100%}.game-stage-col{min-width:0;display:flex;flex-direction:column;gap:16px}.game-hero-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.game-screen-wrap{min-width:0;display:flex;flex-direction:column}.game-screen-wrap .game-viewport-card{aspect-ratio:16 / 9;width:100%;border-radius:14px 14px 0 0;background:#000;overflow:hidden;border:1px solid rgba(255,255,255,0.12);border-bottom:none;box-shadow:0 10px 40px rgba(0,0,0,0.6);position:relative}.game-screen-wrap .game-player-bar-v3{border-radius:0 0 14px 14px}.game-recommendations-rail{width:320px;min-width:320px;display:flex;flex-direction:column;min-height:0;box-sizing:border-box}.game-recommendations-rail .sidebar-widget{background:#0B101B;border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:12px 10px;box-shadow:0 6px 24px rgba(0,0,0,0.3);height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box}.sidebar-widget-title{flex-shrink:0;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-heading,'Outfit',-apple-system,BlinkMacSystemFont,sans-serif);font-size:15px;font-weight:700;color:#ffffff;white-space:nowrap;letter-spacing:-0.2px}.sidebar-widget-title .rec-title-left{display:inline-flex;align-items:center;gap:6px}.sidebar-widget-title .rec-title-icon{font-size:15px;line-height:1;filter:drop-shadow(0 2px 6px rgba(255,107,44,0.5))}.sidebar-widget-title .rec-title-text{font-size:14.5px;font-weight:700;color:#ffffff;letter-spacing:-0.2px}.sidebar-widget-title .rec-badge-pill{background:rgba(255,107,44,0.14);border:1px solid rgba(255,107,44,0.35);color:#ff8f5a;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:9999px;letter-spacing:0.2px;text-transform:uppercase;line-height:1.2}.game-recommendations-rail .related-games-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;grid-auto-rows:max-content;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-right:4px}.game-recommendations-rail .related-games-list::-webkit-scrollbar{width:5px}.game-recommendations-rail .related-games-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:4px}.game-recommendations-rail .related-games-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.16);border-radius:4px}.game-recommendations-rail .related-games-list::-webkit-scrollbar-thumb:hover{background:#FF6B2C}.game-recommendations-rail .btn-more-games-mobile{display:none !important}@media (min-width:1025px) and (max-width:1680px){.game-hero-stage{grid-template-columns:minmax(0,1fr) 220px !important;gap:12px !important}.game-recommendations-rail{width:220px !important;min-width:220px !important}.game-recommendations-rail .sidebar-widget{padding:10px 8px !important}.sidebar-widget-title{margin-bottom:8px !important;padding-bottom:6px !important}.sidebar-widget-title .rec-title-text{font-size:14px !important}.game-recommendations-rail .related-games-list{grid-template-columns:1fr !important;gap:8px !important}}@media (min-width:1681px){.game-hero-stage{grid-template-columns:minmax(0,1fr) 320px !important;gap:14px !important}.game-recommendations-rail{width:320px !important;min-width:320px !important}.game-recommendations-rail .sidebar-widget{padding:12px 10px !important}.sidebar-widget-title .rec-title-text{font-size:15px !important}.game-recommendations-rail .related-games-list{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}}.game-bottom-flow{display:flex;flex-direction:column;gap:24px}.ad-leaderboard-strip,.promo-strip-wrap{width:100%;background:rgba(11,16,27,0.55);border:1px dashed rgba(255,255,255,0.12);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.ad-slot-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.35);margin-bottom:6px;font-weight:600;display:block;text-align:center}.ad-placeholder-leaderboard,.promo-strip-frame{width:100%;max-width:728px;height:auto;aspect-ratio:728 / 90;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.02);border-radius:8px;border:1px solid rgba(255,255,255,0.05);overflow:hidden}.house-ad-link,.house-promo-link{display:block;text-decoration:none;width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,filter 0.2s ease}.house-ad-link,.house-promo-link:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 8px 24px rgba(0,0,0,0.6),0 0 16px rgba(255,107,44,0.3)}.house-ad-link,.house-promo-link img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.ad-mobile-inline-strip,.promo-mobile-wrap{display:none;width:100%;flex-direction:column;align-items:center;justify-content:center;margin:16px 0;box-sizing:border-box}.game-ad-rail,.game-side-rail{width:300px;min-width:300px;position:sticky;top:74px}.ad-rail-sticky-wrap,.side-rail-sticky-wrap{display:flex;flex-direction:column;gap:16px}.ad-rail-box,.side-rail-card{background:rgba(11,16,27,0.55);border:1px dashed rgba(255,255,255,0.12);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.ad-unit-300x250,.promo-frame-rect{width:300px;max-width:100%;height:250px;background:rgba(255,255,255,0.02);border-radius:8px;border:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-unit-300x600,.promo-frame-tower{width:300px;max-width:100%;height:600px;background:rgba(255,255,255,0.02);border-radius:8px;border:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;overflow:hidden}@media (max-width:1024px){.player-layout{display:flex !important;flex-direction:column !important;gap:16px !important;width:100% !important;max-width:100% !important}.game-stage-col,.game-hero-stage,.game-screen-wrap,.game-recommendations-rail,.game-bottom-flow,.player-main-col,.player-sidebar-col{display:contents !important}.game-ad-rail,.game-side-rail{display:none !important}.game-viewport-card{order:1 !important}.game-player-bar-v3{order:2 !important}.sidebar-widget,.game-recommendations-rail{order:3 !important;width:100% !important;height:auto !important;max-height:none !important}.game-meta-card-playgama,.game-meta-hero-card{order:4 !important}#gameMobileInlineAd,.promo-mobile-wrap{order:5 !important;display:flex !important}.ad-leaderboard-strip,.promo-strip-wrap,.promo-banner-728,#gameLeaderboardAd{display:none !important}.player-similar-section,.player-bottom-content{order:8 !important}}.player-main-col{min-width:0;display:flex;flex-direction:column;gap:14px}.player-sidebar-col{width:330px;min-width:330px;display:flex;flex-direction:column;gap:14px}.game-viewport-card{background:#000;border-radius:14px 14px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,0.12);border-bottom:none;box-shadow:0 10px 40px rgba(0,0,0,0.6);position:relative;aspect-ratio:16 / 9;width:100%;max-height:calc(100vh - 130px)}.game-iframe{width:100%;height:100%;border:none;display:block}#gameViewport:fullscreen{width:100vw !important;height:100vh !important;max-width:100vw !important;max-height:100vh !important;margin:0 !important;padding:0 !important;border-radius:0 !important;border:none !important;background:#000 !important;box-shadow:none !important;aspect-ratio:unset !important;overflow:hidden !important;display:block !important}#gameViewport:-webkit-full-screen{width:100vw !important;height:100vh !important;max-width:100vw !important;max-height:100vh !important;margin:0 !important;padding:0 !important;border-radius:0 !important;border:none !important;background:#000 !important;box-shadow:none !important;aspect-ratio:unset !important;overflow:hidden !important;display:block !important}#gameViewport.is-fullscreen,body.game-fullscreen-active #gameViewport{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;max-width:100vw !important;max-height:100vh !important;margin:0 !important;padding:0 !important;border-radius:0 !important;border:none !important;background:#000 !important;box-shadow:none !important;aspect-ratio:unset !important;z-index:2147483647 !important;overflow:hidden !important;display:block !important}#gameViewport:fullscreen .game-iframe,#gameViewport:fullscreen #gameIframe{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;border:none !important;border-radius:0 !important;display:block !important;z-index:1 !important}#gameViewport:-webkit-full-screen .game-iframe,#gameViewport:-webkit-full-screen #gameIframe{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;border:none !important;border-radius:0 !important;display:block !important;z-index:1 !important}#gameViewport.is-fullscreen .game-iframe,#gameViewport.is-fullscreen #gameIframe,body.game-fullscreen-active #gameIframe{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;border:none !important;border-radius:0 !important;display:block !important;z-index:1 !important}.fullscreen-exit-floating{display:none}#gameViewport:fullscreen .fullscreen-exit-floating,#gameViewport:-webkit-full-screen .fullscreen-exit-floating,#gameViewport.is-fullscreen .fullscreen-exit-floating{display:inline-flex !important;position:absolute !important;top:14px !important;right:14px !important;z-index:20 !important;background:rgba(15,20,32,0.88) !important;color:#fff !important;border:1px solid rgba(255,107,44,0.5) !important;border-radius:999px !important;padding:8px 16px !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;box-shadow:0 4px 20px rgba(0,0,0,0.7),0 0 14px rgba(255,107,44,0.3) !important;transition:all 0.2s ease !important;align-items:center !important;gap:7px !important;user-select:none !important;-webkit-user-select:none !important}#gameViewport:fullscreen .fullscreen-exit-floating:hover,#gameViewport:-webkit-full-screen .fullscreen-exit-floating:hover,#gameViewport.is-fullscreen .fullscreen-exit-floating:hover{background:#FF6B2C !important;border-color:#FF6B2C !important;transform:translateY(-2px) scale(1.03) !important;box-shadow:0 8px 24px rgba(255,107,44,0.5) !important}#gameViewport.is-fullscreen{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}body.cinema-mode{background:#050811 !important;overflow-x:hidden}body.cinema-mode .lopi-header,body.cinema-mode .lopi-sidebar,body.cinema-mode .sidebar-backdrop,body.cinema-mode .player-sidebar-col,body.cinema-mode .ad-container,body.cinema-mode #seoContainer,body.cinema-mode .similar-games-section,body.cinema-mode .main-footer{opacity:0 !important;pointer-events:none !important;transition:opacity 0.3s ease;display:none !important}body.cinema-mode .app-container{display:block !important;max-width:100% !important;padding:0 !important;margin:0 !important}body.cinema-mode .lopi-content{max-width:1200px !important;margin:0 auto !important;padding:16px !important}body.cinema-mode .game-viewport-card{height:calc(100vh - 120px) !important;max-height:850px !important;box-shadow:0 0 80px rgba(0,0,0,0.95),0 0 40px rgba(255,107,44,0.15) !important;border:1px solid rgba(255,255,255,0.12) !important}.theater-exit-floating{display:none;position:fixed;top:18px;right:24px;z-index:999999;background:rgba(15,23,42,0.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:700;cursor:pointer;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,0.6);transition:all 0.2s ease}body.cinema-mode .theater-exit-floating{display:flex !important}.theater-exit-floating:hover{background:#FF6B2C;border-color:#FF6B2C;transform:scale(1.05)}.game-player-bar-v3{background:#0B101B !important;border:1px solid rgba(255,255,255,0.08) !important;border-top:none !important;border-radius:0 0 14px 14px !important;padding:10px 16px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;box-shadow:0 8px 24px rgba(0,0,0,0.4) !important;margin-top:-14px !important;box-sizing:border-box !important;position:relative !important;z-index:2 !important;min-height:56px !important}.player-bar-left{display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important}.player-bar-game-icon{width:40px !important;height:40px !important;border-radius:10px !important;object-fit:cover !important;flex-shrink:0 !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 2px 8px rgba(0,0,0,0.3) !important;background:#111622 !important}.player-bar-meta-wrap{display:flex !important;flex-direction:column !important;justify-content:center !important;gap:2px !important;min-width:0 !important}.player-bar-game-title{font-family:var(--font-heading,"Outfit",sans-serif) !important;font-size:15px !important;font-weight:700 !important;color:#ffffff !important;margin:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;letter-spacing:-0.2px !important;line-height:1.2 !important}.player-bar-game-category{font-family:var(--font-body,-apple-system,sans-serif) !important;font-size:12px !important;font-weight:500 !important;color:#94a3b8 !important;margin:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.2 !important}.player-bar-right{display:flex !important;align-items:center !important;gap:8px !important;flex-shrink:0 !important}.player-bar-rating-pill{display:flex !important;align-items:center !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:10px !important;overflow:hidden !important;height:36px !important;box-sizing:border-box !important;transition:all 0.2s ease !important}.player-bar-rating-pill:hover{background:rgba(255,255,255,0.09) !important;border-color:rgba(255,255,255,0.18) !important}.btn-pill-like-v3,.btn-pill-dislike-v3{background:transparent !important;border:none !important;height:100% !important;padding:0 12px !important;font-size:13px !important;font-weight:600 !important;cursor:pointer !important;display:flex !important;align-items:center !important;gap:6px !important;transition:all 0.18s ease !important;outline:none !important}.btn-pill-like-v3{color:#cbd5e1 !important}.btn-pill-like-v3 svg{color:#22c55e !important;stroke:#22c55e !important;transition:transform 0.18s ease,fill 0.18s ease !important}.btn-pill-like-v3:hover{color:#22c55e !important;background:rgba(34,197,94,0.12) !important}.btn-pill-like-v3:hover svg{transform:scale(1.15) !important}.btn-pill-like-v3.active{color:#22c55e !important;background:rgba(34,197,94,0.2) !important}.btn-pill-like-v3.active svg{fill:#22c55e !important;stroke:#22c55e !important}.player-bar-divider{width:1px !important;height:16px !important;background:rgba(255,255,255,0.12) !important}.btn-pill-dislike-v3{color:#cbd5e1 !important}.btn-pill-dislike-v3 svg{color:#ef4444 !important;stroke:#ef4444 !important;transition:transform 0.18s ease,fill 0.18s ease !important}.btn-pill-dislike-v3:hover{color:#ef4444 !important;background:rgba(239,68,68,0.12) !important}.btn-pill-dislike-v3:hover svg{transform:scale(1.15) !important}.btn-pill-dislike-v3.active{color:#ef4444 !important;background:rgba(239,68,68,0.2) !important}.btn-pill-dislike-v3.active svg{fill:#ef4444 !important;stroke:#ef4444 !important}.btn-bar-pill{height:36px !important;padding:0 14px !important;border-radius:10px !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;color:#f1f5f9 !important;display:inline-flex !important;align-items:center !important;gap:7px !important;cursor:pointer !important;flex-shrink:0 !important;box-shadow:none !important;transition:all 0.18s cubic-bezier(0.16,1,0.3,1) !important;font-family:var(--font-body,-apple-system,sans-serif) !important;font-size:13px !important;font-weight:600 !important;outline:none !important}.btn-bar-pill:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.22) !important;color:#ffffff !important;transform:translateY(-1px) !important}.btn-bar-pill:active{transform:translateY(0) !important}.btn-bar-pill svg{width:15px !important;height:15px !important;stroke-width:2.2 !important}.btn-bar-pill .bar-btn-text{font-family:var(--font-body,-apple-system,sans-serif) !important;font-size:13px !important;font-weight:600 !important;color:inherit !important;display:inline-block !important}.btn-bar-favorite{width:36px !important;height:36px !important;border-radius:10px !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;color:#cbd5e1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;padding:0 !important;flex-shrink:0 !important;transition:all 0.18s ease !important;outline:none !important}.btn-bar-favorite:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.22) !important;color:#ff4757 !important;transform:translateY(-1px) !important}.btn-bar-favorite.is-favorited svg,.btn-bar-favorite.active svg{fill:#ff4757 !important;stroke:#ff4757 !important}.btn-bar-sound.is-muted{color:#f87171 !important;background:rgba(239,68,68,0.16) !important;border-color:rgba(239,68,68,0.45) !important;box-shadow:0 0 10px rgba(239,68,68,0.25) !important}.btn-bar-sound.is-muted:hover{background:rgba(239,68,68,0.26) !important;border-color:rgba(239,68,68,0.7) !important;color:#ffffff !important}.game-meta-hero-card{background:#0B101B;border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:24px;margin:16px 0 20px;display:grid;grid-template-columns:1fr 300px;gap:24px;box-shadow:0 8px 30px rgba(0,0,0,0.35)}@media (max-width:900px){.game-meta-hero-card{grid-template-columns:1fr;padding:18px;gap:20px}}.meta-hero-left{display:flex;flex-direction:column;min-width:0}.hero-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:#64748b;margin-bottom:10px;flex-wrap:wrap}.hero-breadcrumbs a{color:#a855f7;text-decoration:none;transition:color 0.15s ease}.hero-breadcrumbs a:hover{color:#c084fc;text-decoration:underline}.hero-breadcrumbs .breadcrumb-sep{color:#475569}.hero-breadcrumbs .breadcrumb-current{color:#cbd5e1;font-weight:600}.hero-game-title{font-family:var(--font-heading);font-size:28px;font-weight:600;color:#ffffff;margin:0 0 12px 0;letter-spacing:-0.4px;line-height:1.2}.btn-hero-share{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:99px;color:#f1f5f9;font-size:12.5px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:all 0.18s ease}.btn-hero-share:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);color:#ffffff;transform:translateY(-1px)}.btn-hero-share svg{width:14px;height:14px}.hero-meta-table{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.hero-meta-row{display:grid;grid-template-columns:120px 1fr;align-items:baseline;font-size:13.5px;line-height:1.5}.hero-meta-label{color:#64748b;font-weight:500}.hero-meta-value{color:#f1f5f9;font-weight:600}.hero-meta-value a{color:#c084fc;text-decoration:none;font-weight:700;transition:color 0.15s ease}.hero-meta-value a:hover{color:#d8b4fe;text-decoration:underline}.hero-meta-rating{display:inline-flex;align-items:baseline;gap:6px}.hero-meta-rating-num{font-size:15px;font-weight:700;color:#ffffff}.hero-meta-rating-sub{font-size:12px;color:#64748b;font-weight:400}.hero-tags-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hero-tag-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#141B2D;border:1px solid rgba(255,255,255,0.08);border-radius:8px;color:#e2e8f0;font-size:12.5px;font-weight:600;text-decoration:none;transition:all 0.18s ease;user-select:none}.hero-tag-badge:hover{background:#1e2842;border-color:rgba(168,85,247,0.4);color:#ffffff;transform:translateY(-1px)}.hero-tag-badge .tag-count{color:#c084fc;font-size:11.5px;font-weight:700}.hero-tag-badge.tag-badge-hub{background:rgba(255,107,44,0.1);border-color:rgba(255,107,44,0.35);color:#ffedd5}.hero-tag-badge.tag-badge-hub:hover{background:rgba(255,107,44,0.2);border-color:#FF6B2C}.hero-tag-badge.tag-badge-hub .tag-count{color:#FF6B2C;text-transform:uppercase;font-size:10px;letter-spacing:0.5px}.category-subgenres-strip{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.subgenres-label{color:#94a3b8;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.subgenres-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.subgenre-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:#f1f5f9;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.subgenre-pill:hover{background:rgba(255,107,44,0.15);border-color:rgba(255,107,44,0.45);color:#FF6B2C;transform:translateY(-1px)}.hero-ad-slot{width:300px;min-height:250px;background:#070a12;border:1px dashed rgba(255,255,255,0.12);border-radius:10px;display:flex;flex-direction:column;position:relative;overflow:hidden;justify-content:center;align-items:center}.hero-ad-badge{position:absolute;top:8px;left:8px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.15);color:#94a3b8;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:0.5px}.hero-spotlight-card{width:300px;height:250px;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;text-decoration:none;background:#0B101B;border:1px solid rgba(255,107,44,0.35);box-shadow:0 8px 24px rgba(0,0,0,0.4);transition:all 0.25s ease;box-sizing:border-box}.hero-spotlight-card:hover{transform:translateY(-2px);border-color:#FF6B2C;box-shadow:0 12px 32px rgba(255,107,44,0.35)}.hero-spotlight-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.5;transition:transform 0.3s ease,opacity 0.3s ease}.hero-spotlight-card:hover .hero-spotlight-bg{transform:scale(1.06);opacity:0.65}.hero-spotlight-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,27,0.2) 0%,rgba(11,16,27,0.95) 80%)}.hero-spotlight-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px}.hero-spotlight-badge{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:0.5px;color:#fff;background:linear-gradient(135deg,#FF6B2C,#FF8F3D);padding:3px 8px;border-radius:6px;box-shadow:0 2px 8px rgba(255,107,44,0.4)}.hero-spotlight-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.25}.hero-spotlight-sub{font-size:12px;color:#94a3b8;margin:0}.hero-spotlight-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:99px;margin-top:4px;align-self:flex-start;transition:all 0.2s ease}.hero-spotlight-card:hover .hero-spotlight-btn{background:#FF6B2C;border-color:#FF6B2C;color:#fff}.promo-banner-728{width:100%;min-height:75px;background:linear-gradient(135deg,#0e1526 0%,#151d33 100%);border:1px solid rgba(255,255,255,0.08);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;margin:12px 0 16px;gap:16px;box-shadow:0 4px 20px rgba(0,0,0,0.25);box-sizing:border-box}.promo-banner-left{display:flex;align-items:center;gap:14px;min-width:0}.promo-badge-pulse{background:linear-gradient(135deg,#FF6B2C,#FF8F3D);color:#fff;font-size:11px;font-weight:600;letter-spacing:0.6px;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 10px rgba(255,107,44,0.45)}.promo-text-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.promo-title{font-size:14.5px;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-sub{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-promo-action{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:#ffffff;padding:8px 16px;border-radius:99px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all 0.2s ease}.btn-promo-action:hover{background:#FF6B2C;border-color:#FF6B2C;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.promo-banner-728{flex-direction:column;align-items:flex-start;padding:14px;gap:10px}.btn-promo-action{width:100%;text-align:center}}.controls-visual-container{display:flex;flex-direction:column;gap:16px;margin:16px 0}.control-item-card{display:flex;align-items:center;gap:20px;background:#0B101B;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:14px 18px;transition:border-color 0.2s ease}.control-item-card:hover{border-color:rgba(255,255,255,0.15)}.control-keycap-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.keycap-3d{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;background:linear-gradient(180deg,#252e42 0%,#171e2e 100%);border:1px solid rgba(255,255,255,0.16);border-bottom:3px solid #0b0f19;border-radius:8px;color:#f1f5f9;font-family:'JetBrains Mono','Outfit',monospace;font-size:13px;font-weight:700;box-shadow:0 3px 0 #0a0d16,0 6px 12px rgba(0,0,0,0.45);text-shadow:0 1px 2px rgba(0,0,0,0.6);user-select:none;transition:all 0.1s ease}.keycap-3d:hover{transform:translateY(1px);border-bottom-width:2px;box-shadow:0 2px 0 #0a0d16,0 4px 8px rgba(0,0,0,0.35);color:#ffffff}.keycap-3d.keycap-space{min-width:140px;font-size:11.5px;letter-spacing:0.5px}.keycap-3d.keycap-wide{min-width:65px}.keycap-cluster-wasd{display:flex;flex-direction:column;align-items:center;gap:4px}.keycap-cluster-row{display:flex;gap:4px}.visual-mouse-device{width:32px;height:44px;border:2px solid rgba(255,255,255,0.3);border-radius:16px;position:relative;display:flex;justify-content:center}.visual-mouse-device::before{content:'';position:absolute;top:6px;width:3px;height:8px;background:#FF6B2C;border-radius:2px}.visual-mouse-device.click-left::after{content:'';position:absolute;top:0;left:0;width:50%;height:18px;background:rgba(255,107,44,0.25);border-top-left-radius:14px}.control-action-info{display:flex;flex-direction:column;gap:2px}.control-action-title{font-size:14px;font-weight:600;color:#ffffff}.control-action-desc{font-size:12.5px;color:#94a3b8}.btn-v2-next{font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.18s cubic-bezier(0.16,1,0.3,1) !important}.btn-v2-next:hover{background:linear-gradient(135deg,#FF6B2C,#FF8F3D) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.2) !important;box-shadow:0 4px 14px rgba(255,107,44,0.4) !important;transform:translateY(-1px)}.btn-v2-next svg{transition:transform 0.18s ease}.btn-v2-next:hover svg{transform:translateX(2px)}@media (max-width:900px){.player-toolbar-v2{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 14px}.toolbar-v2-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}}.dual-ad-strip{display:grid;grid-template-columns:1fr 300px;gap:16px}.ad-container{background:rgba(18,19,38,0.7);border:1px dashed rgba(255,255,255,0.15);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:10px}.ad-label{font-size:9.5px;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-sub);margin-bottom:6px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:440px;width:100%;padding:30px;text-align:center;box-shadow:0 25px 50px rgba(0,0,0,0.8);position:relative}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer}.modal-card h3{font-family:var(--font-heading);font-size:22px;font-weight:600;margin-bottom:8px}.modal-card p{font-size:13.5px;color:var(--text-muted);margin-bottom:24px}.btn-google-login{width:100%;background:#fff;color:#111;border:none;border-radius:var(--radius-full);padding:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;transition:var(--transition-fast)}.btn-google-login:hover{background:#eaeaea}.btn-guest-play{width:100%;background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-guest-play:hover{background:var(--bg-card-hover)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:24px}.control-item{background:var(--bg-card);border:1px solid var(--border-subtle);padding:10px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px}.control-key{background:#232342;border:1px solid rgba(255,255,255,0.15);box-shadow:0 2px 0 rgba(0,0,0,0.5);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;font-family:monospace;color:#fff}.control-desc{font-size:13px;color:var(--text-muted)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px 18px}.faq-question{font-weight:700;font-size:14px;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:8px}.faq-answer{font-size:13px;color:var(--text-muted);line-height:1.6}.player-sidebar-col{display:flex;flex-direction:column;gap:20px}.sidebar-widget{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.sidebar-widget-title{font-family:var(--font-heading);font-size:19px;font-weight:600;letter-spacing:-0.3px;color:#ffffff;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.related-games-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.stream-game-card{display:block;text-decoration:none;border-radius:14px !important;overflow:hidden !important;background:#060912;border:1px solid rgba(255,255,255,0.08);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,box-shadow 0.2s ease;position:relative;aspect-ratio:16 / 10;will-change:transform}.stream-game-card:hover{transform:translateY(-3px) scale(1.02) !important;border-color:#FF6B2C !important;box-shadow:0 10px 24px rgba(0,0,0,0.75),0 0 14px rgba(255,107,44,0.35) !important;z-index:10 !important}.stream-game-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:13px !important;transition:transform 0.25s ease}.stream-game-card:hover img{transform:scale(1.04)}.stream-game-card .similar-game-badge{position:absolute;top:8px;right:8px;background:rgba(9,12,21,0.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:2px 7px;border-radius:99px;font-size:11px;font-weight:700;color:#ffb800;border:1px solid rgba(255,255,255,0.14);display:flex;align-items:center;gap:3px;z-index:3}.stream-card-overlay{position:absolute;inset:auto 0 0 0;width:100%;box-sizing:border-box;padding:24px 8px 8px 8px;background:linear-gradient(to top,rgba(7,10,19,0.98) 0%,rgba(7,10,19,0.82) 65%,transparent 100%);display:flex;flex-direction:column;gap:4px;z-index:4;opacity:0;transition:opacity 0.2s cubic-bezier(0.16,1,0.3,1);pointer-events:none}.stream-game-card:hover .stream-card-overlay{opacity:1}.stream-card-title{width:100%;font-family:var(--font-heading);font-size:12.5px;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;display:block;margin:0;text-shadow:0 2px 6px rgba(0,0,0,0.8)}.stream-card-bottom-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.stream-cat-pill{font-size:9.5px;font-weight:700;color:#c4b5fd;background:rgba(168,85,247,0.18);border:1px solid rgba(168,85,247,0.3);padding:1.5px 6px;border-radius:9999px;text-transform:capitalize;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.stream-card-play-pill{display:flex;align-items:center;gap:3px;background:linear-gradient(135deg,#FF6B2C 0%,#ff8f5a 100%);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:9999px;flex-shrink:0;box-shadow:0 2px 8px rgba(255,107,44,0.4)}.btn-more-games-mobile{display:none}.game-editorial-content{margin-top:24px;color:#CBD5E1}.editorial-section{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.06)}.editorial-section:last-child{border-bottom:none}.editorial-heading{font-family:var(--font-heading);font-size:18px;font-weight:600;color:#ffffff;margin-bottom:12px;letter-spacing:-0.2px}.editorial-p{font-size:14px;line-height:1.75;color:#94A3B8;margin-bottom:12px}.editorial-p strong{color:#ffffff}.editorial-desc{color:#CBD5E1}.editorial-sub{color:#64748B;font-size:13.5px}.editorial-features-list{list-style-type:disc;padding-left:20px;margin:0 0 8px;display:flex;flex-direction:column;gap:8px}.editorial-features-list li{font-size:13.5px;line-height:1.65;color:#94A3B8}.editorial-features-list li strong{color:#ffffff}.controls-guide-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.control-platform-group{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,0.2);max-width:100%;box-sizing:border-box;overflow:hidden}.control-platform-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#ffffff}.control-platform-header h4{font-size:14px;font-weight:700;margin:0;letter-spacing:0.2px}.control-platform-header svg{color:var(--primary,#FF6B2C);flex-shrink:0}.control-chip-grid{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.control-row{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.07);padding:8px 14px;border-radius:9px;min-height:42px;flex:0 1 auto;max-width:100%;box-sizing:border-box;transition:background var(--transition-fast),border-color var(--transition-fast)}.control-row:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14)}.keycap{background:#1E293B;border:1px solid rgba(255,255,255,0.25);border-bottom:3px solid rgba(255,255,255,0.45);border-radius:6px;padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:700;color:#ffffff;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 5px rgba(0,0,0,0.35)}.keycap.mobile-keycap{background:#0f2744;border-color:rgba(59,130,246,0.35);border-bottom:3px solid rgba(59,130,246,0.65);color:#93c5fd}.control-desc{font-size:13.5px;color:#CBD5E1;font-weight:500;line-height:1.4;white-space:normal;word-break:break-word;overflow-wrap:break-word;min-width:0;flex:1 1 auto}.how-to-play-guide-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important;background:linear-gradient(135deg,rgba(255,107,44,0.07),rgba(30,41,59,0.45));border:1px solid rgba(255,107,44,0.22);border-radius:12px;padding:18px 22px;margin-top:12px;display:block !important}.guide-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#FF8F3D}.guide-card-header h4{font-size:14px;font-weight:700;margin:0}.guide-card-text{font-size:14px;line-height:1.7;color:#CBD5E1;margin:0;display:block;word-break:normal;width:100%}.editorial-details-table{width:100%;border-collapse:collapse}.editorial-details-table tr{border-bottom:1px solid rgba(255,255,255,0.05)}.editorial-details-table th{text-align:left;padding:10px 0;font-size:13px;font-weight:600;color:#64748B;width:180px}.editorial-details-table td{padding:10px 0;font-size:13px;color:#CBD5E1}.editorial-link{color:var(--primary);text-decoration:none;font-weight:600}.editorial-link:hover{text-decoration:underline}.editorial-faq-list{display:flex;flex-direction:column;gap:16px}.editorial-faq-item{display:flex;flex-direction:column;gap:4px}.editorial-faq-q{font-size:14px;font-weight:700;color:#ffffff;margin:0}.editorial-faq-a{font-size:13.5px;color:#94A3B8;line-height:1.6;margin:0}.main-footer{position:relative;background:linear-gradient(180deg,rgba(12,16,28,0.98) 0%,rgba(6,8,14,1) 100%);border-top:1px solid rgba(255,255,255,0.08);padding:52px 36px 36px;margin-top:60px;overflow:hidden}.main-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,107,44,0.85) 35%,rgba(255,140,0,0.85) 65%,transparent 100%);z-index:2}body.theme-light .main-footer{background:linear-gradient(180deg,#f8fafc 0%,#edf2f7 100%);border-top:1px solid #e2e8f0}.footer-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.footer-brand-strip{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,0.07);flex-wrap:wrap}body.theme-light .footer-brand-strip{border-bottom-color:rgba(0,0,0,0.08)}.footer-brand-left{display:flex;flex-direction:column;gap:14px;max-width:480px}.footer-logo-link{display:inline-block;align-self:flex-start;transition:transform 0.2s ease}.footer-logo-link:hover{transform:scale(1.02)}.footer-logo-img{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,0.5))}.footer-tagline{color:#94a3b8;font-size:13.5px;line-height:1.65;margin:0}body.theme-light .footer-tagline{color:#64748b}.footer-social-strip{display:flex;align-items:center;gap:10px;margin-top:2px}.footer-social-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.footer-social-btn:hover{background:rgba(255,107,44,0.15);border-color:rgba(255,107,44,0.5);color:#FF6B2C;transform:translateY(-2px);box-shadow:0 4px 14px rgba(255,107,44,0.28)}body.theme-light .footer-social-btn{background:#ffffff;border-color:#cbd5e1;color:#64748b}.footer-brand-right{display:flex;flex-direction:column;gap:14px;align-items:flex-end}@media (max-width:900px){.footer-brand-right{align-items:flex-start;width:100%}}.footer-contact-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:#e2e8f0;font-size:13.5px;font-weight:500;text-decoration:none;transition:all 0.2s ease}.footer-contact-link:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25);color:#ffffff}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}@media (max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-col h3,.footer-col h4{font-family:var(--font-heading);font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:#ffffff;margin-bottom:16px;display:flex;align-items:center;gap:8px}body.theme-light .footer-col h3,body.theme-light .footer-col h4{color:#0f172a}#feedContainer{min-height:calc(100vh - 80px);width:100%}.feed-skeleton-wrap{width:100%}.skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.07) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%;animation:skeletonPulse 1.6s ease-in-out infinite;border-radius:var(--radius-md);min-height:104px}@keyframes skeletonPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.footer-col ul li a{color:#94a3b8;text-decoration:none;font-size:13px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:6px}.footer-col ul li a:hover{color:#ffffff;transform:translateX(3px)}body.theme-light .footer-col ul li a{color:#64748b}body.theme-light .footer-col ul li a:hover{color:#0f172a}.footer-feature-card{background:linear-gradient(145deg,rgba(20,26,44,0.9) 0%,rgba(12,16,28,0.95) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.35)}.footer-feature-card::after{content:'';position:absolute;top:0;right:0;width:90px;height:90px;background:radial-gradient(circle,rgba(255,107,44,0.18) 0%,transparent 70%);pointer-events:none}body.theme-light .footer-feature-card{background:#ffffff;border-color:#cbd5e1}.feature-tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:0.8px;color:var(--primary);text-transform:uppercase}.footer-feature-card h5{margin:0;font-family:var(--font-heading);font-size:16px;font-weight:600;color:#fff}body.theme-light .footer-feature-card h5{color:#1e1b4b}.footer-feature-card p{margin:0;font-size:12.5px;color:#94a3b8;line-height:1.55}body.theme-light .footer-feature-card p{color:#475569}.feature-card-actions{display:flex;gap:8px;margin-top:4px}.footer-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:700;text-decoration:none;transition:all 0.2s ease;cursor:pointer;border:none}.footer-card-btn.primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(255,107,44,0.3)}.footer-card-btn.primary:hover{background:var(--primary-hover);box-shadow:0 4px 14px rgba(255,107,44,0.45);transform:translateY(-1px)}.footer-card-btn.secondary{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#e2e8f0}.footer-card-btn.secondary:hover{background:rgba(255,255,255,0.12);color:#fff;transform:translateY(-1px)}body.theme-light .footer-card-btn.secondary{background:#ffffff;border-color:#cbd5e1;color:#334155}.footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(255,255,255,0.07);flex-wrap:wrap;gap:20px}body.theme-light .footer-bottom-bar{border-top-color:rgba(0,0,0,0.08)}.footer-copy-left{display:flex;flex-direction:column;gap:4px}.footer-copyright-text{font-size:12.5px;color:#94a3b8;font-weight:500}body.theme-light .footer-copyright-text{color:#64748b}.footer-sub-disclaimer{font-size:11.5px;color:#64748b;line-height:1.4}.footer-bottom-center{display:flex;align-items:center}.footer-mail-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:999px;color:#cbd5e1;text-decoration:none;font-size:12px;font-weight:600;transition:all 0.2s ease}.footer-mail-chip:hover{background:rgba(255,107,44,0.12);border-color:rgba(255,107,44,0.4);color:#FF6B2C;transform:translateY(-1px)}.footer-status-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.system-status-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);border-radius:999px;font-size:12px;font-weight:600;color:#34d399;letter-spacing:0.2px}.system-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.35;transform:scale(1.35)}}.footer-quick-links{display:flex;align-items:center;gap:10px;font-size:12.5px}.footer-quick-links a{color:#94a3b8;text-decoration:none;transition:color 0.15s}.footer-quick-links a:hover{color:#ffffff}body.theme-light .footer-quick-links a{color:#64748b}body.theme-light .footer-quick-links a:hover{color:#0f172a}.footer-dot-sep{color:rgba(255,255,255,0.18)}.contact-hub-wrapper{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:36px}.contact-hero-banner{background:linear-gradient(135deg,rgba(255,107,44,0.12) 0%,rgba(20,26,44,0.9) 100%);border:1px solid rgba(255,107,44,0.25);border-radius:var(--radius-lg);padding:36px;position:relative;overflow:hidden}.contact-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(255,107,44,0.18);border:1px solid rgba(255,107,44,0.35);border-radius:999px;font-size:11px;font-weight:600;color:#FF6B2C;letter-spacing:0.6px;text-transform:uppercase;margin-bottom:12px}.contact-hero-banner h1{font-family:var(--font-heading);font-size:32px;font-weight:900;color:#ffffff;margin:0 0 10px;letter-spacing:-0.5px}.contact-hero-banner p{color:#94a3b8;font-size:15px;max-width:680px;line-height:1.6;margin:0}.contact-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.contact-channel-card{background:rgba(18,24,38,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:12px;transition:all 0.25s ease;position:relative}.contact-channel-card:hover{background:rgba(24,32,52,0.95);border-color:rgba(255,107,44,0.4);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.channel-icon-wrap{width:42px;height:42px;border-radius:10px;background:rgba(255,107,44,0.12);color:#FF6B2C;display:flex;align-items:center;justify-content:center}.channel-title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:#ffffff;margin:0}.channel-desc{font-size:13px;color:#94a3b8;line-height:1.5;margin:0;flex-grow:1}.channel-email-btn{display:inline-flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-sm);color:#FF6B2C;font-size:13px;font-weight:700;text-decoration:none;transition:all 0.2s ease}.channel-email-btn:hover{background:#FF6B2C;border-color:#FF6B2C;color:#ffffff}.contact-main-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}@media (max-width:860px){.contact-main-grid{grid-template-columns:1fr}}.contact-form-container{background:rgba(18,24,38,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:22px}.contact-form-container h2{font-family:var(--font-heading);font-size:20px;font-weight:600;color:#ffffff;margin:0}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:600px){.contact-form-row{grid-template-columns:1fr}}.contact-field-group{display:flex;flex-direction:column;gap:8px}.contact-field-label{font-size:13px;font-weight:700;color:#e2e8f0}.contact-input,.contact-select,.contact-textarea{width:100%;background:rgba(10,14,24,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:#ffffff;font-family:inherit;transition:all 0.2s ease;outline:none}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:#FF6B2C;box-shadow:0 0 0 3px rgba(255,107,44,0.2);background:rgba(14,20,34,0.95)}.contact-textarea{min-height:130px;resize:vertical}.btn-contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:var(--primary);color:#ffffff;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(255,107,44,0.35)}.btn-contact-submit:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,44,0.5)}.contact-side-panel{display:flex;flex-direction:column;gap:20px}.contact-info-widget{background:rgba(18,24,38,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:14px}.contact-info-widget h3{font-family:var(--font-heading);font-size:16px;font-weight:600;color:#ffffff;margin:0}.contact-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.contact-info-item{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#94a3b8;line-height:1.5}.contact-info-item svg{flex-shrink:0;color:#FF6B2C;margin-top:2px}.contact-success-box{display:none;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.35);border-radius:var(--radius-md);padding:20px;color:#34d399;text-align:center;font-size:14px;line-height:1.6}.contact-success-box.show{display:block;animation:fadeIn 0.3s ease}body.theme-light .footer-dot-sep{color:rgba(0,0,0,0.2)}.footer-admin-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:rgba(255,107,44,0.12);border:1px solid rgba(255,107,44,0.35);color:#FF6B2C !important;font-weight:700;font-size:11.5px;text-decoration:none;transition:all 0.2s ease}.footer-admin-pill:hover{background:#FF6B2C;color:#ffffff !important;box-shadow:0 4px 14px rgba(255,107,44,0.4);transform:translateY(-1px)}.legal-page-wrap{max-width:960px;margin:36px auto 60px;padding:0 20px}.legal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px;box-shadow:0 20px 40px rgba(0,0,0,0.4)}.legal-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.legal-header h1{font-family:var(--font-heading);font-size:30px;font-weight:600;color:#fff;margin-bottom:8px}body.theme-light .legal-header h1{color:#111}.legal-header p{color:var(--text-muted);font-size:14px}.legal-content h2{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;margin:28px 0 12px}body.theme-light .legal-content h2{color:#111}.legal-content p,.legal-content li{color:var(--text-muted);font-size:14.5px;line-height:1.8;margin-bottom:16px}.legal-content ul{padding-left:24px;margin-bottom:20px}.legal-nav-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;margin-top:36px;border-top:1px solid var(--border-subtle)}.legal-nav-chips a{padding:6px 14px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-size:12.5px;font-weight:600;text-decoration:none;transition:var(--transition-fast)}.legal-nav-chips a:hover,.legal-nav-chips a.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width:1300px){.bento-grid{grid-template-columns:repeat(4,1fr)}.game-card.hero{grid-column:span 2;grid-row:span 2}.game-card.wide{grid-column:span 2}}@media (max-width:960px){.footer-grid{grid-template-columns:repeat(2,1fr) !important;gap:28px !important}.footer-col-feature{grid-column:span 2 !important}.footer-brand-strip{flex-direction:column;align-items:flex-start;gap:24px}.footer-badges-right{width:100%}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:140px;gap:12px}.game-card.hero{grid-column:span 2;grid-row:span 2}.game-card.wide{grid-column:span 2}.player-layout{grid-template-columns:1fr;gap:16px}.player-sidebar-col{display:block;width:100%;min-width:0}.similar-games-grid{grid-template-columns:repeat(3,1fr)}.dual-ad-strip{flex-direction:column}}@media (max-width:900px){html,body{max-width:100vw !important;overflow-x:hidden !important}.app-container{display:block !important;width:100% !important;max-width:100vw !important;overflow-x:hidden !important;margin-top:60px !important}.lopi-sidebar,.lopi-sidebar.slim{position:fixed !important;top:60px !important;bottom:0 !important;left:0 !important;width:44px !important;min-width:44px !important;max-width:44px !important;height:calc(100vh - 60px) !important;z-index:100 !important;background:#090e17 !important;border-right:1px solid rgba(255,255,255,0.08) !important;box-shadow:none !important;transition:width 0.22s cubic-bezier(0.16,1,0.3,1),box-shadow 0.22s ease !important;overflow-x:hidden !important;overflow-y:auto !important;padding:5px 0 !important;display:flex !important;flex-direction:column !important;scrollbar-width:none !important}.lopi-sidebar::-webkit-scrollbar,.lopi-sidebar.slim::-webkit-scrollbar{display:none !important}.lopi-sidebar .sidebar-scroll-content{width:100% !important;padding:0 !important}.lopi-sidebar .sidebar-nav{padding:0 !important;gap:1.5px !important}.lopi-sidebar .sidebar-nav li{width:100% !important}.lopi-sidebar .sidebar-nav-item{width:32px !important;height:32px !important;margin:1.5px auto !important;padding:0 !important;justify-content:center !important;border-radius:7px !important;display:flex !important;align-items:center !important;transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease !important}.lopi-sidebar .sidebar-nav-item:active{transform:scale(0.92) !important}.lopi-sidebar .sidebar-nav-item .nav-left{justify-content:center !important;width:100% !important;gap:0 !important}.lopi-sidebar .sidebar-nav-item .icon{width:18px !important;height:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important}.lopi-sidebar .sidebar-nav-item .icon svg{width:16px !important;height:16px !important}.lopi-sidebar .sidebar-nav-item .nav-text{display:none !important}.lopi-sidebar .sidebar-divider{margin:3px 5px !important;background:rgba(255,255,255,0.08) !important}.lopi-sidebar .sidebar-footer-scroll{display:none !important}body.sidebar-mobile-open .lopi-sidebar,body.sidebar-mobile-open .lopi-sidebar.slim{width:195px !important;min-width:195px !important;max-width:195px !important;top:60px !important;height:calc(100vh - 60px) !important;z-index:2500 !important;box-shadow:10px 0 30px rgba(0,0,0,0.85) !important;background:#0B101C !important;padding:6px 0 !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-nav-item{width:calc(100% - 10px) !important;margin:1.5px 5px !important;padding:0 8px !important;justify-content:flex-start !important;height:32px !important;border-radius:7px !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-nav-item .nav-left{justify-content:flex-start !important;gap:8px !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-nav-item .icon{width:18px !important;height:18px !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-nav-item .icon svg{width:16px !important;height:16px !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-nav-item .nav-text{display:inline-block !important;opacity:1 !important;visibility:visible !important;font-size:12px !important;font-weight:600 !important;color:#cbd5e1 !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-footer-scroll{display:flex !important;flex-direction:column !important;padding:8px 10px !important}body.sidebar-mobile-open .lopi-sidebar .sidebar-footer-links,body.sidebar-mobile-open .lopi-sidebar .sidebar-copyright{display:flex !important;opacity:1 !important;font-size:10.5px !important}.sidebar-backdrop{display:none;position:fixed;top:60px !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,0.65) !important;backdrop-filter:blur(4px) !important;z-index:1999 !important}body.sidebar-mobile-open .sidebar-backdrop{display:block !important}.lopi-content,.crazy-content{margin-left:44px !important;width:calc(100% - 44px) !important;max-width:calc(100vw - 44px) !important;padding:10px 10px 24px 10px !important;min-width:0 !important;box-sizing:border-box !important}.lopi-header{height:60px !important;background:#0b101c !important;padding:0 12px 0 6px !important;gap:8px !important;justify-content:space-between !important;border-bottom:1px solid rgba(255,255,255,0.09) !important;box-shadow:0 4px 16px rgba(0,0,0,0.4) !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:3000 !important}.notifications-dropdown{top:66px !important;right:12px !important;left:12px !important;width:auto !important;max-width:calc(100vw - 24px) !important;max-height:calc(82vh) !important;padding:14px 16px !important;border-radius:16px !important;z-index:999999 !important}.toggle-btn-wrap{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important}.header-left{gap:8px !important;padding-left:2px !important;flex-shrink:0 !important;display:flex !important;align-items:center !important}.btn-toggle-sidebar{width:36px !important;height:36px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:8px !important;background:transparent !important;border:none !important;color:#cbd5e1 !important;cursor:pointer !important;padding:0 !important;margin:0 !important}.btn-toggle-sidebar svg{width:22px !important;height:22px !important}.brand-full-logo,.site-logo{height:40px !important;max-width:155px !important;object-fit:contain !important;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5)) !important}.search-container{display:none !important}.header-right{display:flex !important;align-items:center !important;gap:7px !important;flex-shrink:0 !important}.btn-random-game,.btn-fav-games,#btnRandomGame,#btnHeaderFavorites{display:none !important}.btn-mobile-search,#btnNotifications.btn-header-notifications{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;padding:0 !important;border-radius:99px !important;background:rgba(255,255,255,0.06) !important;border:none !important;color:#cbd5e1 !important;cursor:pointer !important;transition:all 0.15s ease !important;flex-shrink:0 !important;position:relative !important}.btn-mobile-search:hover,#btnNotifications.btn-header-notifications:hover{background:rgba(255,255,255,0.12) !important;color:#ffffff !important}.btn-mobile-search svg,#btnNotifications.btn-header-notifications svg{width:17px !important;height:17px !important}.btn-login{width:36px !important;height:36px !important;padding:0 !important;border-radius:99px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,#FF6B2C 0%,#FF834B 100%) !important;border:1px solid rgba(255,255,255,0.22) !important;box-shadow:0 2px 10px rgba(255,107,44,0.4) !important;flex-shrink:0 !important;cursor:pointer !important}.btn-login .login-label{display:none !important}.btn-login svg{width:17px !important;height:17px !important;stroke-width:2.3 !important;margin:0 !important}.user-profile-badge-btn{width:36px !important;height:36px !important;padding:0 !important;border-radius:99px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:none !important;box-shadow:none !important;flex-shrink:0 !important;cursor:pointer !important}.user-profile-badge-btn .user-badge-level{display:none !important}.user-profile-badge-btn .user-avatar-circle{width:34px !important;height:34px !important;border-radius:99px !important;border-width:2px !important;display:flex !important;align-items:center !important;justify-content:center !important}.user-profile-badge-btn .user-avatar-svg svg{width:22px !important;height:22px !important}.btn-hamburger,.btn-nav-icon{width:36px !important;height:36px !important}body.mobile-search-open .search-container{display:flex !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;height:54px !important;background:#0b101c !important;z-index:1200 !important;margin:0 !important;max-width:100% !important;padding:7px 12px !important;box-sizing:border-box !important;border-bottom:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 8px 32px rgba(0,0,0,0.75) !important;align-items:center !important;animation:searchSlideDownMobile 0.18s cubic-bezier(0.16,1,0.3,1) !important}body.mobile-search-open .search-input-wrap{width:100% !important;height:40px !important;position:relative !important}body.mobile-search-open .search-input{width:100% !important;height:40px !important;font-size:13.5px !important;padding:0 40px 0 38px !important;background:#141b2d !important;border:1px solid rgba(255,255,255,0.18) !important;border-radius:9px !important;color:#ffffff !important}body.mobile-search-open .search-icon{left:12px !important}body.mobile-search-open .search-shortcut{display:none !important}body.mobile-search-open .btn-search-close-mobile{display:flex !important;position:absolute !important;right:6px !important;top:50% !important;transform:translateY(-50%) !important;width:32px !important;height:32px !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:none !important;color:#94a3b8 !important;cursor:pointer !important;padding:0 !important}body.mobile-search-open .btn-search-close-mobile:hover{color:#ffffff !important}body.mobile-search-open .search-dropdown{position:fixed !important;top:54px !important;left:0 !important;right:0 !important;width:100% !important;max-height:calc(100vh - 64px) !important;border-radius:0 0 16px 16px !important;background:#0b101c !important;border:1px solid rgba(255,255,255,0.12) !important;border-top:none !important;box-shadow:0 20px 40px rgba(0,0,0,0.85) !important;z-index:1201 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}body.mobile-search-open .mobile-search-backdrop{display:block !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,0.65) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;z-index:1199 !important}@keyframes searchSlideDownMobile{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.player-layout{display:flex !important;flex-direction:column !important;gap:16px !important;width:100% !important;max-width:100% !important}.player-main-col,.game-stage-col,.game-hero-stage,.game-screen-wrap,.game-recommendations-rail,.game-bottom-flow{display:contents !important}.player-sidebar-col{display:contents !important}.game-ad-rail,.game-side-rail{display:none !important}.game-viewport-card{order:1 !important;border-radius:12px 12px 0 0 !important;max-height:52vh !important;aspect-ratio:16 / 9 !important;box-shadow:0 4px 20px rgba(0,0,0,0.6) !important;width:100% !important}.game-player-bar-v3{order:2 !important;border-radius:0 0 12px 12px !important;padding:8px 10px !important;gap:8px !important;background:#0B101B !important;border:1px solid rgba(255,255,255,0.08) !important;border-top:none !important;margin-top:-14px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;box-sizing:border-box !important;width:100% !important}.sidebar-widget,.game-recommendations-rail{order:3 !important;background:#0B101B !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:14px !important;padding:14px 12px !important;box-shadow:0 6px 24px rgba(0,0,0,0.3) !important;width:100% !important;height:auto !important;max-height:none !important;box-sizing:border-box !important}.sidebar-spotlight-card,#sidebarSpotlightLink{display:none !important}.game-meta-card-playgama,.game-meta-hero-card{order:4 !important;margin:0 !important;padding:16px 14px !important;grid-template-columns:1fr !important;gap:16px !important;border-radius:14px !important;width:100% !important;box-sizing:border-box !important}#gameMobileInlineAd,.promo-mobile-wrap{order:5 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:100% !important;margin:10px auto !important;box-sizing:border-box !important}.promo-mobile-wrap .promo-frame-rect{max-width:100% !important;border-radius:12px !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 20px rgba(0,0,0,0.35) !important}.promo-banner-728,.ad-leaderboard-strip,.promo-strip-wrap,#gameLeaderboardAd{display:none !important}.player-bottom-content,.player-similar-section{order:8 !important;width:100% !important}.game-player-bar-v3{order:2 !important;border-radius:0 0 12px 12px !important;padding:8px 10px !important;gap:8px !important;background:#0B101B !important;border:1px solid rgba(255,255,255,0.08) !important;border-top:none !important;display:flex !important;align-items:center !important;justify-content:space-between !important;box-sizing:border-box !important;width:100% !important}.player-bar-left{flex:1 1 auto !important;min-width:0 !important;display:flex !important;align-items:center !important;gap:8px !important;overflow:hidden !important}.player-bar-game-icon{width:34px !important;height:34px !important;border-radius:8px !important;flex-shrink:0 !important}.player-bar-game-title{font-size:14px !important;font-weight:700 !important;color:#ffffff !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;flex:1 !important;min-width:0 !important;margin:0 !important}.player-bar-right{flex:0 0 auto !important;display:flex !important;align-items:center !important;gap:5px !important;flex-shrink:0 !important}.btn-bar-cloud,.btn-bar-report,.btn-bar-controls,#btnSoundToggle,.theater-exit-floating{display:none !important}.player-bar-rating-pill{height:34px !important;border-radius:99px !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;flex-shrink:0 !important}.btn-pill-like-v3,.btn-pill-dislike-v3{height:100% !important;padding:0 8px !important;font-size:11.5px !important;display:inline-flex !important;align-items:center !important}.btn-bar-favorite,.btn-bar-bookmark{width:34px !important;height:34px !important;border-radius:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}.btn-bar-pill{width:34px !important;height:34px !important;padding:0 !important;border-radius:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;gap:0 !important}.btn-bar-pill .bar-btn-text,.btn-bar-fullscreen .bar-btn-text,.btn-bar-share .bar-btn-text,.btn-bar-pill span,.btn-bar-fullscreen span,.btn-bar-share span{display:none !important}.btn-bar-fullscreen{background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%) !important;border:1px solid rgba(168,85,247,0.5) !important;color:#ffffff !important;padding:0 !important;width:34px !important;height:34px !important;border-radius:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 2px 10px rgba(168,85,247,0.45) !important;cursor:pointer !important;flex-shrink:0 !important}.promo-banner-728{flex-direction:column !important;align-items:stretch !important;padding:12px 14px !important;gap:8px !important;border-radius:12px !important}.promo-banner-left{width:100% !important;display:flex !important;align-items:center !important;gap:10px !important}.promo-badge-pulse{font-size:10px !important;padding:4px 8px !important;border-radius:6px !important}.promo-text-wrap{flex:1 !important;min-width:0 !important}.promo-title{font-size:13px !important;white-space:normal !important;line-height:1.35 !important}.promo-sub{display:none !important}.btn-promo-action{width:100% !important;text-align:center !important;padding:9px 12px !important;font-size:12px !important;font-weight:700 !important;box-sizing:border-box !important;border-radius:99px !important}.hero-breadcrumbs{display:none !important}.hero-game-title{font-size:20px !important;margin:0 0 8px 0 !important;line-height:1.25 !important}.btn-hero-share{height:30px !important;padding:0 12px !important;font-size:12px !important;margin-bottom:12px !important}.hero-meta-table{gap:6px !important;margin-bottom:14px !important}.hero-meta-row{grid-template-columns:100px 1fr !important;font-size:12.5px !important;line-height:1.4 !important}.hero-tags-wrap{gap:6px !important}.hero-tag-badge{padding:5px 10px !important;font-size:11.5px !important;border-radius:6px !important}.hero-spotlight-card{width:100% !important;height:170px !important;border-radius:10px !important}.sidebar-widget-title{font-size:19px !important;font-weight:600 !important;letter-spacing:-0.3px !important;font-family:var(--font-heading) !important;color:#ffffff !important;margin-bottom:14px !important;display:flex !important;justify-content:space-between !important;align-items:center !important}.related-games-list{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;width:100% !important}.stream-game-card{display:block !important;position:relative !important;width:100% !important;aspect-ratio:16 / 10 !important;border-radius:12px !important;overflow:hidden !important;background:#080c16 !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 4px 16px rgba(0,0,0,0.4) !important;text-decoration:none !important;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,box-shadow 0.2s ease !important}.stream-game-card:active{transform:scale(0.985) !important;border-color:#FF6B2C !important}.stream-game-card img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.stream-game-card .similar-game-badge{position:absolute !important;top:6px !important;right:6px !important;background:rgba(9,12,21,0.88) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;padding:2px 7px !important;border-radius:99px !important;font-size:11px !important;font-weight:600 !important;color:#ffb800 !important;border:1px solid rgba(255,255,255,0.15) !important;display:flex !important;align-items:center !important;gap:3px !important;z-index:3 !important;box-shadow:0 4px 12px rgba(0,0,0,0.5) !important}.stream-card-overlay{position:absolute !important;inset:auto 0 0 0 !important;padding:24px 8px 8px 8px !important;background:linear-gradient(to top,rgba(6,9,17,0.96) 0%,rgba(6,9,17,0.75) 60%,transparent 100%) !important;display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:6px !important;z-index:4 !important;opacity:1 !important}.stream-overlay-text{flex:1 1 auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:3px !important}.stream-card-title{font-family:var(--font-heading) !important;font-size:12px !important;font-weight:700 !important;color:#ffffff !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.25 !important;text-shadow:0 2px 8px rgba(0,0,0,0.8) !important}.stream-cat-pill{font-size:9.5px !important;font-weight:700 !important;color:#c4b5fd !important;background:rgba(139,92,246,0.25) !important;border:1px solid rgba(139,92,246,0.4) !important;padding:1px 6px !important;border-radius:4px !important;text-transform:capitalize !important;width:fit-content !important;backdrop-filter:blur(4px) !important}.stream-card-play-pill{display:flex !important;align-items:center !important;gap:3px !important;background:linear-gradient(135deg,#FF6B2C 0%,#ff8f5a 100%) !important;color:#ffffff !important;font-size:10.5px !important;font-weight:600 !important;padding:3px 8px !important;border-radius:99px !important;flex-shrink:0 !important;box-shadow:0 2px 8px rgba(255,107,44,0.4) !important}.related-games-list .stream-game-card:nth-child(n+11){display:none !important}.related-games-list .stream-game-card.is-visible{display:block !important;animation:fadeInCard 0.25s ease-out !important}@keyframes fadeInCard{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-more-games-mobile{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;margin-top:14px !important;padding:12px 16px !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:12px !important;color:#ffffff !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.2s ease !important;box-shadow:0 4px 14px rgba(0,0,0,0.2) !important}.btn-more-games-mobile:hover,.btn-more-games-mobile:active{background:rgba(255,107,44,0.2) !important;border-color:rgba(255,107,44,0.5) !important;color:#FF6B2C !important}.btn-more-games-mobile svg{transition:transform 0.2s ease !important}.btn-more-games-mobile.expanded svg{transform:rotate(180deg) !important}.btn-more-games-mobile{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;margin-top:10px !important;padding:10px 14px !important;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:10px !important;color:#e2e8f0 !important;font-size:12.5px !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.2s ease !important}.btn-more-games-mobile:hover,.btn-more-games-mobile:active{background:rgba(255,107,44,0.15) !important;border-color:rgba(255,107,44,0.4) !important;color:#FF6B2C !important}.btn-more-games-mobile svg{transition:transform 0.2s ease !important}.btn-more-games-mobile.expanded svg{transform:rotate(180deg) !important}.game-editorial-content{margin-top:4px !important}.editorial-section{background:#0B101B !important;border:1px solid rgba(255,255,255,0.07) !important;border-radius:14px !important;padding:16px !important;margin-bottom:12px !important;box-shadow:0 4px 18px rgba(0,0,0,0.25) !important}.editorial-heading{font-size:16px !important;font-weight:600 !important;color:#ffffff !important;margin-bottom:10px !important}.editorial-p{font-size:13.5px !important;line-height:1.65 !important;color:#94a3b8 !important;margin-bottom:8px !important}.editorial-features-list{gap:6px !important;padding-left:18px !important}.editorial-features-list li{font-size:13px !important;line-height:1.6 !important;color:#94a3b8 !important}.editorial-controls-grid{grid-template-columns:1fr !important;gap:8px !important}.control-chip-grid{display:flex !important;flex-direction:column !important;gap:8px !important;width:100% !important;box-sizing:border-box !important}.control-row{display:flex !important;align-items:center !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:10px 12px !important;gap:12px !important;border-radius:8px !important;background:rgba(255,255,255,0.03) !important}.keycap{flex-shrink:0 !important;white-space:nowrap !important}.control-desc{font-size:13px !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:break-word !important;flex:1 1 auto !important;min-width:0 !important;line-height:1.4 !important}.editorial-details-table th{width:110px !important;font-size:12px !important;padding:8px 0 !important}.editorial-details-table td{font-size:12px !important;padding:8px 0 !important}.editorial-faq-item{padding:10px 12px !important;background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.05) !important;border-radius:8px !important;margin-bottom:8px !important}.editorial-faq-q{font-size:13.5px !important;color:#ffffff !important}.editorial-faq-a{font-size:12.5px !important;color:#94a3b8 !important;line-height:1.55 !important}}@media (max-width:480px){.btn-bar-fullscreen .bar-btn-text{display:none !important}.btn-bar-fullscreen{padding:0 !important;width:36px !important;justify-content:center !important}.hero-meta-row{grid-template-columns:85px 1fr !important;font-size:12px !important}.hero-spotlight-card{height:155px !important}.related-games-list{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}}@media (max-width:600px){.bento-grid{grid-template-columns:repeat(2,1fr) !important;grid-auto-rows:125px !important;gap:10px !important}.similar-games-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}.main-footer{padding:40px 16px 88px !important}.footer-grid{grid-template-columns:1fr !important;gap:24px !important}.footer-col-feature{grid-column:span 1 !important}.footer-badges-right{flex-direction:column;align-items:stretch}.footer-trust-pill{width:100%;box-sizing:border-box}.footer-bottom-bar{flex-direction:column !important;align-items:flex-start !important;gap:16px !important;text-align:left !important}.footer-status-right{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.footer-quick-links{flex-wrap:wrap;gap:10px}}.mobile-bottom-nav{display:none !important}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:10.5px;font-weight:600;flex:1;height:100%;cursor:pointer;background:none;border:none;transition:color var(--transition-fast)}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--primary)}.mobile-play-bar{display:block;margin-bottom:8px}.btn-mobile-fullscreen{width:100%;padding:10px 14px;background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow)}.player-bottom-content{max-width:1620px;margin:24px auto 0;display:flex;flex-direction:column;gap:28px}.similar-games-grid{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px 12px !important;width:100% !important;box-sizing:border-box !important}.similar-games-grid .similar-game-card,.similar-games-grid .similar-game-card.card-with-title{display:flex !important;flex-direction:column !important;width:100% !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box !important;text-decoration:none !important;cursor:pointer !important;background:transparent !important;border:none !important;padding:0 !important;margin:0 !important;position:relative !important}.similar-games-grid .card-thumb-frame{position:relative !important;width:100% !important;aspect-ratio:16 / 10 !important;border-radius:14px !important;overflow:hidden !important;background:#111622 !important;border:1px solid rgba(255,255,255,0.08) !important;-webkit-clip-path:inset(0 round 14px) !important;clip-path:inset(0 round 14px) !important;isolation:isolate !important;transition:transform 0.2s cubic-bezier(0.2,0.8,0.2,1),border-color 0.2s ease,box-shadow 0.2s ease !important}.similar-games-grid .similar-game-card:hover .card-thumb-frame{transform:translateY(-2px) scale(1.02) !important;border-color:rgba(255,107,44,0.6) !important;box-shadow:0 10px 24px rgba(0,0,0,0.6),0 0 14px rgba(255,107,44,0.25) !important;z-index:10 !important}.similar-games-grid .card-thumb-frame img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:14px !important;-webkit-clip-path:inset(0 round 14px) !important;clip-path:inset(0 round 14px) !important}.similar-games-grid .card-thumb-frame video{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;position:absolute !important;inset:0 !important;opacity:0 !important;transition:opacity 0.2s ease !important;border-radius:14px !important}.similar-games-grid .similar-game-card:hover video{opacity:1 !important}.similar-games-grid .similar-game-badge{position:absolute !important;top:8px !important;right:8px !important;left:auto !important;bottom:auto !important;background:rgba(9,12,21,0.85) !important;backdrop-filter:blur(4px) !important;padding:2.5px 7px !important;border-radius:6px !important;font-size:11px !important;font-weight:700 !important;color:#ffb800 !important;border:1px solid rgba(255,255,255,0.14) !important;display:flex !important;align-items:center !important;gap:3px !important;z-index:5 !important;transition:opacity 0.18s ease !important}.similar-games-grid .similar-game-card:hover .similar-game-badge{opacity:0 !important}.similar-games-grid .card-title-under{display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;margin-top:6px !important;font-family:var(--font-heading,'Outfit',-apple-system,BlinkMacSystemFont,sans-serif) !important;font-size:13px !important;font-weight:500 !important;color:#94a3b8 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.3 !important;letter-spacing:-0.1px !important;text-align:left !important;padding:0 2px !important;box-sizing:border-box !important;transition:color 0.18s ease !important}.similar-games-grid .similar-game-card:hover .card-title-under{color:#ffffff !important}@media (max-width:1100px){.similar-games-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px 10px !important}}@media (max-width:768px){.similar-games-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px 8px !important}}@media (max-width:480px){.similar-games-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 8px !important}}.similar-game-card:not(.card-with-title){position:relative;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);display:block;text-decoration:none;cursor:pointer;z-index:1;transform-origin:center center;transition:transform 0.22s cubic-bezier(0.2,0.8,0.2,1),border-color 0.2s ease,box-shadow 0.22s ease,z-index 0s;will-change:transform}.similar-game-card:not(.card-with-title):hover{transform:scale(1.15) translateY(-2px);border-color:rgba(255,255,255,0.22);box-shadow:0 16px 38px rgba(0,0,0,0.75),0 4px 14px rgba(0,0,0,0.5);z-index:50}.similar-game-card:not(.card-with-title) img{width:100%;height:100%;object-fit:cover;transition:none}.similar-game-card:not(.card-with-title):hover img{transform:none}.card-video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;z-index:2;transition:opacity 0.3s ease;border-radius:inherit}.card-with-title:hover .card-video-preview,.similar-game-card:hover .card-video-preview,.bento-card:hover .card-video-preview{opacity:1 !important}.similar-game-badge{position:absolute;top:8px;right:8px;background:#090c15;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#ffb800;border:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;gap:3px;z-index:3;transition:opacity 0.18s ease}.similar-game-card:hover .similar-game-badge{opacity:0;pointer-events:none}.similar-game-info{display:none !important}.similar-game-card:hover .similar-game-info{display:none !important;opacity:0 !important;pointer-events:none !important}.similar-game-title{font-family:var(--font-heading);font-size:13.5px;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.similar-game-meta-row{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1}.card-pill-tag{background:rgba(255,255,255,0.14);color:#ffffff;font-weight:700;font-size:10px;padding:2.5px 6px;border-radius:4px;text-transform:capitalize;letter-spacing:0.2px}.card-plays-stat{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:rgba(255,255,255,0.85);font-size:10.5px}.card-plays-stat svg{color:var(--primary);fill:currentColor}.card-rating-stat{display:inline-flex;align-items:center;gap:2.5px;font-weight:700;color:#ffb800;font-size:10.5px;margin-left:auto}.card-rating-stat svg{fill:#ffb800}.feed-section{margin-bottom:22px}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.feed-title-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:24px;font-weight:600;letter-spacing:-0.3px;color:#fff;text-decoration:none;transition:color var(--transition-fast)}.feed-title-link:hover{color:var(--primary)}.feed-title-link svg{transition:transform var(--transition-fast)}.feed-title-link:hover svg{transform:translateX(4px)}.feed-grid-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%}.carousel-section{margin-bottom:26px;position:relative}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.carousel-nav-arrows{display:none !important}.carousel-arrow-float{position:absolute;top:calc(50% - 5px);transform:translateY(-50%);z-index:9999 !important;width:42px;height:64px;background:rgba(11,16,28,0.95);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);border-radius:14px;color:#ffffff;display:flex !important;align-items:center;justify-content:center;cursor:pointer !important;box-shadow:0 8px 24px rgba(0,0,0,0.75);opacity:0;pointer-events:none;transition:opacity 0.2s cubic-bezier(0.16,1,0.3,1),transform 0.18s cubic-bezier(0.16,1,0.3,1),background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;padding:0}.carousel-arrow-float.prev{left:8px}.carousel-arrow-float.next{right:8px}.carousel-section:hover .carousel-arrow-float,.carousel-track-container:hover .carousel-arrow-float,.leaderboards-banner:hover .carousel-arrow-float{opacity:1 !important;pointer-events:auto !important}.carousel-arrow-float:hover{background:#1e293b !important;border-color:rgba(255,255,255,0.5) !important;transform:translateY(-50%) scale(1.08) !important;box-shadow:0 12px 32px rgba(0,0,0,0.9),0 0 20px rgba(255,107,44,0.35) !important;opacity:1 !important;color:#ffffff !important}.carousel-arrow-float:active{transform:translateY(-50%) scale(0.95) !important}.carousel-arrow-float svg{flex-shrink:0;color:#ffffff;transition:transform 0.15s ease}.carousel-arrow-float.prev:hover svg{transform:translateX(-2px)}.carousel-arrow-float.next:hover svg{transform:translateX(2px)}@media (max-width:768px),(hover:none){.carousel-arrow-float{display:none !important}}.carousel-track-container{position:relative;width:100%;overflow:hidden}.hero-bento-carousel-wrap{position:relative;width:100%;overflow:hidden}.hero-bento-track{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-behavior:smooth;gap:16px;padding:4px 2px 14px 2px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none !important;-webkit-overflow-scrolling:touch}.hero-bento-track::-webkit-scrollbar{display:none}.hero-bento-track .hero-bento-grid{flex:0 0 calc(100% - 36px);min-width:780px}@media (max-width:1024px){.hero-bento-track .hero-bento-grid{flex:0 0 92%;min-width:640px}}.carousel-track{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-behavior:smooth;gap:12px;padding:14px 4px 20px 4px !important;margin-top:-10px;margin-bottom:-10px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none !important;-webkit-overflow-scrolling:touch}.carousel-track::-webkit-scrollbar{display:none}.carousel-track .similar-game-card{flex:0 0 calc((100% - (5 * 12px)) / 5.4);min-width:190px;max-width:245px}.carousel-track-portrait .game-card-portrait{flex:0 0 calc((100% - (5 * 12px)) / 5.4);min-width:170px;max-width:225px}@media (min-width:1550px){.carousel-track .similar-game-card{flex:0 0 calc((100% - (6 * 12px)) / 6.4);min-width:200px}.carousel-track-portrait .game-card-portrait{flex:0 0 calc((100% - (6 * 12px)) / 6.4);min-width:180px}}@media (max-width:1300px){.feed-grid-row{grid-template-columns:repeat(5,minmax(0,1fr))}.carousel-track .similar-game-card{flex:0 0 calc((100% - (4 * 12px)) / 4.4);min-width:180px}.carousel-track-portrait .game-card-portrait{flex:0 0 calc((100% - (4 * 12px)) / 4.4);min-width:165px}}@media (max-width:1060px){.feed-grid-row{grid-template-columns:repeat(4,minmax(0,1fr))}.carousel-track .similar-game-card{flex:0 0 calc((100% - (3 * 10px)) / 3.4);min-width:170px;gap:10px}.carousel-track-portrait .game-card-portrait{flex:0 0 calc((100% - (3 * 10px)) / 3.4);min-width:150px;gap:10px}}@media (max-width:768px){.feed-title-link,.section-title{font-size:16px !important;letter-spacing:-0.2px !important;gap:6px !important}.feed-title-link svg,.section-title svg{width:14px !important;height:14px !important}.feed-header,.section-header{margin-bottom:6px !important}.feed-section,.carousel-section{margin-bottom:16px !important}.carousel-track{gap:8px !important;padding:2px 2px 8px 2px !important}.feed-grid-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}.carousel-track .similar-game-card{flex:0 0 185px !important;min-width:175px !important;max-width:205px !important;border-radius:10px !important}.carousel-track-portrait .game-card-portrait{flex:0 0 135px !important;min-width:125px !important;max-width:145px !important}.similar-game-card .card-title,.bento-card .card-title,.game-card .card-title{font-size:11px !important;line-height:1.25 !important;padding:0 6px 6px !important}.badge-pill,.bento-card-badge,.badge-top-pick,.badge-streamer,.badge-hot-tag,.portrait-badge{font-size:8.5px !important;padding:1.5px 5px !important;border-radius:4px !important;top:4px !important;left:4px !important}.card-rating,.bento-card-rating{font-size:9px !important;padding:1px 4px !important;border-radius:4px !important;top:4px !important;right:4px !important;gap:2px !important}.card-rating svg,.bento-card-rating svg{width:10px !important;height:10px !important}.horizontal-strip{gap:7px !important;margin-bottom:10px !important}.strip-item{flex:0 0 68px !important;height:60px !important;border-radius:8px !important}}@media (max-width:480px){.feed-title-link,.section-title{font-size:14.5px !important;gap:5px !important}.feed-title-link svg,.section-title svg{width:13px !important;height:13px !important}.feed-header,.section-header{margin-bottom:5px !important}.feed-section,.carousel-section{margin-bottom:14px !important}.carousel-track{gap:6px !important;padding:2px 2px 6px 2px !important}.feed-grid-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}.carousel-track .similar-game-card{flex:0 0 170px !important;min-width:160px !important;max-width:185px !important;border-radius:9px !important}.carousel-track-portrait .game-card-portrait{flex:0 0 122px !important;min-width:114px !important;max-width:132px !important}.similar-game-card .card-title,.bento-card .card-title,.game-card .card-title{font-size:11px !important;padding:0 5px 5px !important}.badge-pill,.bento-card-badge,.badge-top-pick,.badge-streamer,.badge-hot-tag,.portrait-badge{font-size:8px !important;padding:1px 4px !important}.card-rating,.bento-card-rating{font-size:8px !important;padding:1px 3px !important}.strip-item{flex:0 0 60px !important;height:52px !important;border-radius:7px !important}.lopi-content{padding:8px 8px 16px 8px !important}}.feed-grid-portrait{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%}@media (max-width:1300px){.feed-grid-portrait{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1060px){.feed-grid-portrait{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.feed-grid-portrait{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media (max-width:520px){.feed-grid-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-card-portrait{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);display:block;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.4);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.game-card-portrait:hover{transform:scale(1.14) translateY(-2px);border-color:rgba(255,255,255,0.22);box-shadow:0 16px 38px rgba(0,0,0,0.75),0 4px 14px rgba(0,0,0,0.5);z-index:50}.game-card-portrait img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.game-card-portrait:hover img{transform:scale(1.06)}.game-card-portrait .portrait-badge{position:absolute;top:8px;left:8px;background:#0f172a;color:#ff9254;border:1px solid rgba(255,146,84,0.7);font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-full);letter-spacing:0.5px;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,0.6)}.game-card-portrait .portrait-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(to top,rgba(9,12,21,0.95) 0%,rgba(9,12,21,0.6) 70%,transparent 100%);display:flex;flex-direction:column;gap:3px;z-index:2}.game-card-portrait .portrait-title{font-family:var(--font-heading);font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-portrait .portrait-meta{font-size:11px;color:var(--primary);font-weight:700}.leaderboards-banner{background:linear-gradient(135deg,rgba(255,184,0,0.08) 0%,rgba(15,20,34,0.95) 40%,rgba(9,12,21,0.98) 100%);border:1px solid rgba(255,184,0,0.25);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:34px;position:relative;overflow:hidden}.leaderboards-banner::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,184,0,0.12) 0%,transparent 70%);pointer-events:none}.leaderboards-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.leaderboards-title-wrap{display:flex;align-items:center;gap:12px}.leaderboards-trophy{width:38px;height:38px;background:rgba(255,184,0,0.15);border:1px solid rgba(255,184,0,0.3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#ffb800}.leaderboards-title-text h3{font-family:var(--font-heading);font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.leaderboards-title-text p{font-size:12.5px;color:var(--text-muted)}.leaderboards-badges{display:flex;align-items:center;gap:8px}.leaderboard-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-full);font-size:11.5px;font-weight:700;color:#f1f5f9}.leaderboard-chip.chip-gold{background:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.4);color:#ffb800}.leaderboard-chip.chip-timer{background:rgba(255,107,44,0.12);border-color:rgba(255,107,44,0.35);color:var(--primary)}.genre-hub-block{display:grid;grid-template-columns:340px 1fr;gap:18px;margin-bottom:38px;align-items:stretch}@media (max-width:1080px){.genre-hub-block{grid-template-columns:1fr}}.genre-hub-intro{background:#101524;border:1px solid rgba(255,255,255,0.08);border-left:3px solid #FF6B2C;border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.25)}.genre-hub-intro h3{font-family:var(--font-heading);font-size:19px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-0.2px}.genre-hub-intro p{font-size:13px;color:#94A3B8;line-height:1.6;margin-bottom:16px}.genre-hub-intro a{font-size:13px;font-weight:700;color:#FF834B;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform 0.2s ease,color 0.2s ease}.genre-hub-intro a:hover{color:#FFA575;transform:translateX(3px)}.genre-hub-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media (max-width:1400px){.genre-hub-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:860px){.genre-hub-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (max-width:540px){.genre-hub-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.genre-tile{background:#111726;border:1px solid rgba(255,255,255,0.07);border-radius:9px;padding:10px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease;min-height:42px}.genre-tile:hover{transform:translateY(-2px);border-color:rgba(255,107,44,0.4);background:rgba(255,107,44,0.08)}.genre-tile .genre-name{font-size:12.5px;font-weight:600;color:#F1F5F9;letter-spacing:0.1px;line-height:1.2}.genre-tile .genre-count{font-size:11px;font-weight:500;color:#64748b}.feed-header-left{display:flex;align-items:center;gap:12px}.category-header-badge{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.category-header-badge svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feed-header-titles{display:flex;flex-direction:column}.category-header-subtitle{display:block;font-size:12px;color:#94A3B8;font-weight:500;margin-top:1px}.category-see-all-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);color:#CBD5E1;font-size:12px;font-weight:700;padding:6px 13px;border-radius:99px;text-decoration:none;transition:all 0.2s ease}.category-see-all-pill:hover{background:rgba(255,107,44,0.15);border-color:rgba(255,107,44,0.4);color:#FF834B;transform:translateX(2px)}.carousel-track .similar-game-card.card-spotlight-lead{flex:0 0 calc(((100% - (5 * 12px)) / 5.4) * 1.65);min-width:280px;max-width:360px;border-color:rgba(255,107,44,0.35);background:linear-gradient(135deg,rgba(255,107,44,0.12),rgba(18,24,38,0.95))}.card-spotlight-lead .bento-card-badge{position:absolute;top:10px;left:10px;z-index:5}.card-rank-badge{position:absolute;top:8px;left:8px;z-index:5;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:0.4px;color:#ffffff}.rank-1{background:linear-gradient(135deg,#F59E0B,#B45309);box-shadow:0 2px 10px rgba(245,158,11,0.5)}.rank-2{background:linear-gradient(135deg,#94A3B8,#475569);box-shadow:0 2px 8px rgba(148,163,184,0.4)}.rank-3{background:linear-gradient(135deg,#D97706,#92400E);box-shadow:0 2px 8px rgba(217,119,6,0.4)}@media (max-width:768px){.category-header-subtitle{display:none}.category-header-badge{width:30px;height:30px}.category-header-badge svg{width:16px;height:16px}.category-see-all-pill span{font-size:11px}}.floating-action-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin:32px 0 20px}.btn-floating-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:11px 24px;border-radius:var(--radius-full);font-size:13.5px;font-weight:700;color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.4);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.btn-floating-pill:hover{transform:translateY(-2px);border-color:var(--primary);background:var(--bg-card-hover)}.btn-floating-pill.pill-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);box-shadow:0 4px 18px var(--primary-glow)}.btn-floating-pill.pill-primary:hover{background:var(--primary-hover)}.game-hub-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 28px;margin-top:24px;box-shadow:0 8px 30px rgba(0,0,0,0.35)}.game-hub-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.game-hub-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-trust-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,107,44,0.12);border:1px solid rgba(255,107,44,0.35);color:var(--primary);padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700}.hub-rating-box{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 16px}.hub-score{font-family:var(--font-heading);font-size:22px;font-weight:900;color:#ffb800;display:flex;align-items:center;gap:4px}.hub-score-meta{display:flex;flex-direction:column}.hub-score-title{font-size:11.5px;font-weight:700;color:#fff}.hub-score-sub{font-size:10.5px;color:var(--text-muted)}.game-hub-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);margin-top:18px;overflow-x:auto}.hub-tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13.5px;font-weight:700;padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.hub-tab-btn:hover{color:#fff}.hub-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.hub-tab-pane{display:none;padding-top:22px}.hub-tab-pane.active{display:block}.keycap-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}.keycap-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:14px}.keycap{display:inline-block;background:#1e2638;border:1px solid rgba(255,255,255,0.18);border-bottom:3px solid rgba(0,0,0,0.8);border-radius:6px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600;color:#fff;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0,0,0,0.4);white-space:nowrap}.keycap-action{font-size:13px;font-weight:600;color:#e2e8f0}.feature-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:14px 0}.feature-item{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-subtle);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;color:#e2e8f0}.feature-item svg{color:var(--primary);flex-shrink:0}.specs-table{width:100%;border-collapse:collapse;margin-top:12px}.specs-table tr{border-bottom:1px solid var(--border-subtle)}.specs-table th{text-align:left;padding:12px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-sub);width:220px}.specs-table td{padding:12px 14px;font-size:13.5px;font-weight:600;color:#fff}.category-hero{background:transparent;border:none;padding:8px 0 24px 0;margin-bottom:8px;position:relative}.category-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:10px}.category-breadcrumbs a{color:#94a3b8;text-decoration:none;font-weight:600;transition:color 0.15s ease}.category-breadcrumbs a:hover{color:var(--primary)}.category-hero h1{font-family:var(--font-heading);font-size:32px;font-weight:600;color:#fff;margin:0 0 8px 0;letter-spacing:-0.4px;line-height:1.15}.category-hero p{font-size:15px;line-height:1.65;color:var(--text-muted);max-width:840px;margin:0}.category-games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:100%}@media (max-width:1240px){.category-games-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width:860px){.category-games-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:768px){.category-games-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}}@media (max-width:480px){.category-games-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}}.lopi-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:40px 0 28px;width:100%;user-select:none}.lopi-pagination .page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;font-family:var(--font-heading);font-size:13.5px;font-weight:700;color:#cbd5e1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);text-decoration:none}.lopi-pagination .page-btn:hover:not(:disabled):not(.active){background:rgba(255,107,44,0.12);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.lopi-pagination .page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(255,107,44,0.25);cursor:default}.lopi-pagination .page-btn:disabled{opacity:0.25;cursor:not-allowed;pointer-events:none}.lopi-pagination .page-arrow{width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.03)}.lopi-pagination .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;color:var(--text-muted);font-size:14px;font-weight:700}.category-seo-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:36px 32px;margin-top:24px;margin-bottom:24px;box-shadow:0 8px 30px rgba(0,0,0,0.3)}.category-seo-section h2{font-family:var(--font-heading);font-size:22px;font-weight:600;color:#ffffff;margin:0 0 12px;letter-spacing:-0.3px}.category-seo-section h3{font-family:var(--font-heading);font-size:16.5px;font-weight:700;color:#ffffff;margin:24px 0 8px}.category-seo-section p{font-size:14px;line-height:1.75;color:#94a3b8;margin-bottom:14px}.category-seo-section p:last-child{margin-bottom:0}.category-seo-section a{color:var(--primary);text-decoration:none;font-weight:600;transition:color 0.15s ease}.category-seo-section a:hover{text-decoration:underline;color:var(--primary-hover)}.category-seo-section ul{padding-left:20px;color:#94a3b8;font-size:14px;line-height:1.75;margin:10px 0 18px}.category-seo-section li{margin-bottom:6px}.category-seo-section strong{color:#f1f5f9}.user-profile-badge-btn{display:flex;align-items:center;gap:8px;height:40px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:3px 12px 3px 4px;border-radius:99px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);user-select:none}.user-profile-badge-btn:hover{background:rgba(255,107,44,0.14);border-color:rgba(255,107,44,0.45);box-shadow:0 4px 16px rgba(255,107,44,0.25);transform:translateY(-1px)}.user-avatar-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #FF6B2C !important;background:rgba(255,107,44,0.18) !important;color:#FF8F3D !important;font-size:16px;flex-shrink:0;box-shadow:0 0 10px rgba(255,107,44,0.3)}.user-badge-level{font-size:11px;font-weight:600;color:#ffffff !important;background:linear-gradient(135deg,#FF6B2C,#FF853A) !important;padding:3px 8px;border-radius:99px;letter-spacing:0.4px;box-shadow:0 2px 8px rgba(255,107,44,0.35)}.profile-dropdown-drawer{position:fixed;top:66px;right:18px;width:320px;background:#0d121f;border:1px solid rgba(255,255,255,0.12);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,0.85),0 0 30px rgba(255,107,44,0.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2100;opacity:0;pointer-events:none;transform:translateY(-10px) scale(0.97);transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.profile-dropdown-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.profile-drawer-card{padding:20px;display:flex;flex-direction:column;position:relative}.drawer-close-btn{position:absolute;top:14px;right:14px;background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:4px;transition:color 0.15s ease}.drawer-close-btn:hover{color:#fff}.drawer-user-info{display:flex;align-items:center;gap:14px;margin-bottom:16px}.drawer-avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;flex-shrink:0}.drawer-lvl-pill{position:absolute;bottom:-4px;background:var(--primary);color:#fff;font-size:9px;font-weight:600;padding:1px 5px;border-radius:8px;border:1px solid #0d121f}.drawer-name-group{flex:1;min-width:0}.drawer-username{font-size:15px;font-weight:700;color:#fff;margin:0 0 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-email{font-size:12px;color:#8F9CAE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.btn-drawer-profile{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;background:linear-gradient(135deg,#FF6B2C,#FF8F3D);color:#fff;font-size:13px;font-weight:700;border-radius:10px;text-decoration:none;box-shadow:0 4px 14px rgba(255,107,44,0.35);transition:all 0.18s ease;margin-bottom:16px}.btn-drawer-profile:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,107,44,0.5)}.drawer-xp-box{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:10px 12px;margin-bottom:16px}.drawer-xp-header{display:flex;justify-content:space-between;font-size:11.5px;color:#cbd5e1;margin-bottom:6px}.drawer-xp-bar-track{width:100%;height:6px;background:rgba(255,255,255,0.08);border-radius:4px;overflow:hidden}.drawer-xp-bar-fill{height:100%;background:linear-gradient(90deg,#FF6B2C,#FFB800);border-radius:4px;transition:width 0.3s ease}.drawer-menu-list{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,0.08);padding-top:12px;margin-bottom:8px}.drawer-menu-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:500;transition:all 0.15s ease;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.drawer-menu-item:hover{background:rgba(255,255,255,0.06);color:#fff;transform:translateX(3px)}.drawer-menu-item svg{color:#94a3b8;flex-shrink:0;transition:color 0.15s ease}.drawer-menu-item:hover svg{color:var(--primary)}.drawer-menu-item.item-logout{color:#f87171;margin-top:4px}.drawer-menu-item.item-logout svg{color:#f87171}.drawer-menu-item.item-logout:hover{background:rgba(239,68,68,0.12);color:#ff8888}.drawer-footer-note{text-align:center;font-size:11px;color:#64748b;padding-top:6px}.profile-page-content{padding:0 24px 60px !important}.gamer-cover-banner{width:100%;height:220px;border-radius:0 0 20px 20px;background:linear-gradient(135deg,#090d16 0%,#171d33 45%,#2a1538 100%);position:relative;box-shadow:inset 0 -20px 40px rgba(0,0,0,0.6);border-bottom:1px solid rgba(255,255,255,0.1)}.btn-change-cover{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:7px;padding:7px 14px;background:#0d121f;border:1px solid rgba(255,255,255,0.18);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.18s ease}.btn-change-cover:hover{background:#FF6B2C;border-color:#FF6B2C;transform:translateY(-1px)}.gamer-header-card{display:flex;align-items:flex-end;gap:22px;padding:0 20px 24px;margin-top:-55px;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,0.08)}.gamer-avatar-wrap{position:relative;flex-shrink:0}.gamer-avatar-box{width:105px;height:105px;border-radius:22px;border:3px solid #FF6B2C;background:#111625;display:flex;align-items:center;justify-content:center;font-size:52px;box-shadow:0 10px 30px rgba(0,0,0,0.8),0 0 20px rgba(255,107,44,0.3);cursor:pointer;position:relative;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1)}.gamer-avatar-box:hover{transform:scale(1.05) rotate(-2deg)}.avatar-edit-chip{position:absolute;bottom:-4px;right:-4px;width:26px;height:26px;background:#FF6B2C;border:2px solid #0d121f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.gamer-level-tag{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#FF6B2C;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.3)}.gamer-identity{flex:1;min-width:0}.gamer-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.gamer-username{font-size:26px;font-weight:600;color:#fff;margin:0}.gamer-verified-badge{width:18px;height:18px;background:#3b82f6;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.gamer-meta-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;margin-bottom:8px}.gamer-location{display:inline-flex;align-items:center;gap:5px}.gamer-bio{font-size:13.5px;color:#cbd5e1;margin:0;max-width:600px;line-height:1.5}.gamer-header-actions{display:flex;gap:10px;flex-shrink:0}.btn-gamer-action{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.18s ease}.btn-edit-profile{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);color:#fff}.btn-edit-profile:hover{background:rgba(255,255,255,0.16);transform:translateY(-1px)}.btn-share-profile{background:rgba(255,107,44,0.15);border:1px solid rgba(255,107,44,0.35);color:#FF8F3D}.btn-share-profile:hover{background:#FF6B2C;color:#fff;transform:translateY(-1px)}.sidebar-spotlight-btn:hover{background:#ffffff;color:#0f172a;transform:translateY(-1px)}@media screen and (orientation:landscape) and (max-height:520px){:root{--header-h:44px;--sidebar-w-slim:50px}.lopi-header{height:44px !important;padding:0 12px !important}.site-logo,.brand-full-logo{height:28px !important}.search-container{max-width:240px !important}.search-input{height:32px !important;font-size:13px !important}.btn-header-action,.btn-login{height:32px !important;padding:0 10px !important;font-size:13px !important}.lopi-content{padding:6px 10px 30px !important}.player-layout{display:flex !important;flex-direction:column !important;gap:12px !important}.player-main-col{width:100% !important;max-width:100% !important}.game-viewport-card{height:calc(100vh - 56px) !important;max-height:calc(100vh - 56px) !important;min-height:280px !important;border-radius:8px !important}.mobile-play-bar{display:none !important}.game-player-bar-v3{padding:8px 12px !important}.player-side-col{width:100% !important}.sidebar-spotlight-card{display:none !important}.related-games-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr)) !important}}.gamer-body-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:24px}.gamer-stats-sidebar{display:flex;flex-direction:column;gap:16px}.profile-side-card{background:#111625;border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px}.side-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13.5px;font-weight:700;color:#fff}.level-pill{background:rgba(255,107,44,0.2);color:#FF8F3D;font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600}.side-xp-details{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin-bottom:6px}.xp-pct{color:#FF8F3D;font-weight:700}.xp-track{width:100%;height:7px;background:rgba(255,255,255,0.08);border-radius:6px;overflow:hidden;margin-bottom:8px}.xp-fill{height:100%;background:linear-gradient(90deg,#FF6B2C,#FFB800);border-radius:6px}.xp-hint{font-size:11.5px;color:#64748b;margin:0;line-height:1.4}.side-card-heading{font-size:13px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 14px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{display:flex;flex-direction:column;background:rgba(255,255,255,0.03);padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.05)}.stat-val{font-size:18px;font-weight:600;color:#fff;font-family:var(--font-heading)}.stat-label{font-size:11px;color:#94a3b8;margin-top:2px}.top-genre-badge{background:rgba(255,107,44,0.12);border:1px solid rgba(255,107,44,0.3);color:#FF8F3D;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700}.profile-tabs-bar{display:flex;gap:10px;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:14px;margin-bottom:20px;overflow-x:auto}.profile-tab-btn{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;padding:9px 18px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all 0.18s ease;white-space:nowrap}.profile-tab-btn:hover{background:rgba(255,255,255,0.08);color:#fff}.profile-tab-btn.active{background:linear-gradient(135deg,#FF6B2C,#FF8F3D);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(255,107,44,0.35)}.profile-tab-content{display:none}.profile-tab-content.active{display:block}.tab-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tab-header-row h3{font-size:18px;font-weight:700;color:#fff;margin:0}.count-tag{background:rgba(255,255,255,0.06);color:#94a3b8;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.achievements-list{display:flex;flex-direction:column;gap:12px}.achievement-card{display:flex;align-items:center;gap:16px;background:#111625;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px 18px;transition:all 0.2s ease}.achievement-card.unlocked{border-color:rgba(255,107,44,0.35);background:linear-gradient(135deg,#111625,rgba(255,107,44,0.06))}.achievement-card.locked{opacity:0.6}.ach-icon-box{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.achievement-card.unlocked .ach-icon-box{background:rgba(255,107,44,0.18);border:1px solid rgba(255,107,44,0.4)}.ach-info{flex:1;min-width:0}.ach-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ach-title-row h4{font-size:15px;font-weight:700;color:#fff;margin:0}.ach-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:0.5px}.achievement-card.unlocked .ach-badge{background:rgba(34,197,94,0.18);color:#4ade80}.achievement-card.locked .ach-badge{background:rgba(255,255,255,0.08);color:#64748b}.ach-desc{font-size:12.5px;color:#94a3b8;margin:0}.ach-xp-reward{font-size:13px;font-weight:600;color:#FFB800;background:rgba(255,184,0,0.12);padding:4px 10px;border-radius:6px;flex-shrink:0}.profile-settings-form{max-width:500px;display:flex;flex-direction:column;gap:16px;background:#111625;padding:22px;border-radius:14px;border:1px solid rgba(255,255,255,0.08)}.profile-settings-form .form-row{display:flex;flex-direction:column;gap:6px}.profile-settings-form label{font-size:12.5px;font-weight:600;color:#cbd5e1}.avatar-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:14px;border:2px solid transparent;cursor:pointer;transition:all 0.18s ease}.avatar-option:hover,.avatar-option.selected{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.5)}.avatar-opt-icon{font-size:34px}.avatar-opt-name{font-size:11px;font-weight:700;color:#fff}.banner-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.banner-option{border-radius:12px;border:2px solid rgba(255,255,255,0.1);overflow:hidden;cursor:pointer;transition:all 0.18s ease}.banner-option:hover,.banner-option.selected{border-color:var(--primary);transform:translateY(-2px)}.banner-preview{height:70px;width:100%}.banner-opt-name{display:block;padding:8px 10px;font-size:12px;font-weight:700;color:#fff;background:#111625}.auth-modal-backdrop{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:rgba(4,7,14,0.82);z-index:99999 !important;animation:authBackdropFade 0.25s ease forwards;display:none;align-items:center;justify-content:center;padding:16px}.auth-modal-backdrop.open{display:flex !important}@keyframes authBackdropFade{from{opacity:0}to{opacity:1}}.auth-modal-card{position:relative;width:100%;max-width:410px;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 22px 18px;background:radial-gradient(ellipse at 50% -10%,rgba(255,107,44,0.2) 0%,rgba(139,92,246,0.08) 35%,rgba(11,15,25,0.98) 70%,#070a12 100%);border:1px solid rgba(255,255,255,0.12);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,0.9),0 0 50px rgba(255,107,44,0.15),inset 0 1px 0 rgba(255,255,255,0.15);color:#fff;text-align:center;animation:authCardPop 0.28s cubic-bezier(0.16,1,0.3,1) forwards}.auth-modal-card::-webkit-scrollbar{width:4px}.auth-modal-card::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:99px}@keyframes authCardPop{from{opacity:0;transform:scale(0.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-card .modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.auth-modal-card .modal-close:hover{background:rgba(255,255,255,0.14);color:#fff;transform:rotate(90deg)}.auth-brand-emblem-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.auth-brand-emblem{position:relative;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,rgba(255,107,44,0.25) 0%,rgba(139,92,246,0.15) 100%);border:1.5px solid rgba(255,107,44,0.45);box-shadow:0 0 20px rgba(255,107,44,0.35),inset 0 1px 0 rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:transform 0.25s ease}.auth-brand-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.5))}.auth-brand-emblem:hover{transform:scale(1.05) rotate(2deg)}.auth-brand-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#FF6B2C;background:rgba(255,107,44,0.12);border:1px solid rgba(255,107,44,0.25);padding:2px 8px;border-radius:99px}.auth-modal-card h3{font-size:21px;font-weight:700;letter-spacing:-0.4px;margin:0 0 5px;color:#fff}.auth-modal-card p.auth-subdesc{font-size:13px;color:#94a3b8;margin:0 0 16px;line-height:1.45}.auth-tabs-nav{display:flex;background:rgba(6,9,18,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:99px;padding:4px;margin-bottom:16px;gap:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.4)}.auth-tab-btn{flex:1;background:transparent;border:none;color:#94a3b8;padding:8px 14px;font-size:13.5px;font-weight:600;border-radius:99px;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.auth-tab-btn:hover{color:#fff}.auth-tab-btn.active{background:linear-gradient(135deg,#FF6B2C 0%,#FF8F3D 100%);color:#fff;font-weight:700;box-shadow:0 3px 12px rgba(255,107,44,0.45)}.google-btn-wrapper{width:100%;margin-bottom:12px;display:flex;justify-content:center;align-items:center;min-height:44px}.google-btn-container{width:100%;display:flex;justify-content:center}.google-btn-container iframe{margin:0 auto !important;border-radius:99px !important}.auth-form-fields{display:flex;flex-direction:column;gap:11px;margin-bottom:12px}.auth-input-group{position:relative;display:flex;align-items:center;width:100%}.auth-input-icon{position:absolute;left:13px;color:#64748b;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:color 0.2s ease}.auth-input-field{width:100%;padding:11px 40px 11px 38px;background:rgba(8,12,22,0.75);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:13.5px;font-family:inherit;box-sizing:border-box;transition:all 0.2s ease;outline:none}.auth-input-field:focus{border-color:#FF6B2C;background:rgba(12,18,32,0.95);box-shadow:0 0 0 3px rgba(255,107,44,0.22),0 0 16px rgba(255,107,44,0.15)}.auth-input-group:focus-within .auth-input-icon{color:#FF6B2C}.btn-toggle-eye{position:absolute;right:12px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.15s ease}.btn-toggle-eye:hover{color:#cbd5e1}.auth-field-extras{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:-3px 2px 2px}.btn-auth-sublink{background:transparent;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:0;transition:color 0.15s ease;text-decoration:underline}.btn-auth-sublink:hover{color:#FF6B2C}.btn-auth-submit-primary{width:100%;padding:12px 18px;background:linear-gradient(135deg,#FF6B2C 0%,#FF8F3D 100%);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:14.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px rgba(255,107,44,0.4),inset 0 1px 0 rgba(255,255,255,0.25);transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.btn-auth-submit-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,107,44,0.55),inset 0 1px 0 rgba(255,255,255,0.3)}.btn-auth-submit-primary:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(255,107,44,0.3)}.btn-arcade-guest{margin-top:14px;width:100%;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.14);border-radius:99px;color:#94a3b8;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s ease}.btn-arcade-guest:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.25);color:#fff}.auth-switch-row{margin-top:14px;font-size:12.5px;color:#94a3b8;text-align:center}.btn-link-auth-switch{background:transparent;border:none;color:#FF6B2C;font-weight:600;font-size:12.5px;cursor:pointer;padding:0 4px;text-decoration:underline;transition:color 0.15s ease}.btn-link-auth-switch:hover{color:#ff8f3d}.auth-divider{display:flex;align-items:center;text-align:center;margin:18px 0;color:#64748b;font-size:12px}.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid rgba(255,255,255,0.1)}.auth-divider span{padding:0 10px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.auth-input{width:100%;padding:10px 14px;background:#111625;border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:#fff;font-size:13.5px;font-family:inherit;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#FF6B2C;box-shadow:0 0 0 2px rgba(255,107,44,0.25)}.btn-auth-submit{width:100%;padding:11px;background:linear-gradient(135deg,#FF6B2C,#FF8F3D);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all 0.18s ease}.btn-auth-submit:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,107,44,0.4)}.auth-error{color:#f87171;font-size:12px;background:rgba(239,68,68,0.12);padding:8px 12px;border-radius:6px;border:1px solid rgba(239,68,68,0.3)}.auth-step-panel{animation:authFadeIn 0.2s ease}@keyframes authFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.auth-marketing-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;user-select:none;margin:-2px 0 4px 0;text-align:left}.auth-marketing-label input[type="checkbox"]{width:16px;height:16px;margin-top:1px;accent-color:#FF6B2C;cursor:pointer;flex-shrink:0}.auth-marketing-text{font-size:12px;color:#94a3b8;line-height:1.4}.auth-marketing-label:hover .auth-marketing-text{color:#cbd5e1}.auth-otp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.btn-auth-back{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:#94a3b8;font-size:12.5px;cursor:pointer;padding:4px 0;transition:color 0.15s ease}.btn-auth-back:hover{color:#fff}.auth-otp-badge{background:rgba(16,185,129,0.15);color:#34d399;border:1px solid rgba(16,185,129,0.3);font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:0.5px}.auth-otp-instruction{font-size:13px;color:#94a3b8;margin:0 0 16px 0;line-height:1.45;text-align:center}.auth-highlight-email{color:#fff;font-weight:600;word-break:break-all}.auth-otp-input{width:100%;padding:14px 12px;background:#0d121f;border:2px solid rgba(255,255,255,0.15);border-radius:12px;color:#fff;font-family:'Courier New',Courier,monospace,var(--font-body);font-size:26px;font-weight:800;letter-spacing:14px;text-align:center;box-sizing:border-box;transition:all 0.2s ease}.auth-otp-input:focus{outline:none;border-color:#FF6B2C;box-shadow:0 0 0 4px rgba(255,107,44,0.25),0 0 16px rgba(255,107,44,0.2);background:#111625}.auth-otp-input::placeholder{letter-spacing:12px;color:#475569}.auth-resend-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:12.5px;color:#94a3b8}.btn-resend-link{background:transparent;border:none;color:#FF6B2C;font-weight:600;font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline;transition:opacity 0.15s ease}.btn-resend-link:hover:not(:disabled){color:#ff8f3d}.btn-resend-link:disabled{color:#64748b;text-decoration:none;cursor:not-allowed}@media (max-width:900px){.gamer-header-card{flex-direction:column;align-items:flex-start;gap:14px;margin-top:-45px}.gamer-body-layout{grid-template-columns:1fr}.gamer-header-actions{width:100%}.btn-gamer-action{flex:1;justify-content:center}}.user-avatar-svg,.drawer-avatar-svg,.gamer-avatar-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-avatar-svg svg{width:18px;height:18px}.drawer-avatar-svg svg{width:28px;height:28px}.gamer-avatar-icon svg{width:56px;height:56px}.avatar-opt-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px}.avatar-opt-icon svg{width:32px;height:32px}.avatar-edit-chip svg{width:12px;height:12px;color:#fff}.top-genre-badge svg{color:var(--primary);flex-shrink:0}.profile-tab-btn svg{color:#94a3b8;transition:color 0.15s ease;flex-shrink:0}.profile-tab-btn.active svg,.profile-tab-btn:hover svg{color:var(--primary)}.ach-icon-box svg{width:22px;height:22px}.seo-editorial-section{max-width:1400px;margin:40px auto 20px;padding:0 20px;position:relative}.seo-editorial-card{background:rgba(18,24,38,0.65);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:32px 36px 24px;position:relative;transition:all 0.3s ease}.seo-editorial-card:hover{border-color:rgba(255,255,255,0.14)}.seo-editorial-title{font-size:clamp(20px,2.5vw,24px);font-weight:800;letter-spacing:-0.3px;color:#FFFFFF;margin:0 0 16px;display:flex;align-items:center;gap:10px}.seo-editorial-title svg{color:var(--primary,#FF6B2C);flex-shrink:0}.seo-editorial-content{position:relative;max-height:120px;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1)}.seo-editorial-content.is-expanded{max-height:2500px}.seo-editorial-content p{color:#94A3B8;font-size:15px;line-height:1.7;margin:0 0 16px}.seo-editorial-content strong{color:#F1F5F9}.seo-editorial-content h3{font-size:17px;font-weight:700;color:#E2E8F0;margin:24px 0 12px;display:flex;align-items:center;gap:8px}.seo-editorial-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:20px 0}.seo-feature-item{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:14px 18px}.seo-feature-item h4{font-size:15px;font-weight:700;color:#FF834B;margin:0 0 6px}.seo-feature-item p{font-size:13px;color:#94A3B8;margin:0;line-height:1.5}.seo-fade-mask{position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,rgba(18,24,38,0) 0%,rgba(18,24,38,0.95) 100%);pointer-events:none;transition:opacity 0.3s ease}.seo-editorial-content.is-expanded .seo-fade-mask{opacity:0}.seo-btn-wrap{text-align:center;margin-top:14px;position:relative;z-index:5}.btn-read-more-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:99px;color:#F1F5F9;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.btn-read-more-toggle:hover{background:rgba(255,107,44,0.15);border-color:rgba(255,107,44,0.4);color:#FF834B;transform:translateY(-1px)}.btn-read-more-toggle svg{transition:transform 0.25s ease}.btn-read-more-toggle.is-open svg{transform:rotate(180deg)}@media (max-width:768px){.seo-editorial-card{padding:24px 20px 20px}.seo-editorial-features{grid-template-columns:1fr}}.error-404-wrapper{max-width:1280px;margin:36px auto 60px;padding:0 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.error-hero-card{display:flex;flex-direction:column;align-items:center;max-width:720px;margin-bottom:32px}.error-favicon-badge{width:56px;height:56px;border-radius:16px;background:rgba(255,107,44,0.1);border:1px solid rgba(255,107,44,0.25);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 24px rgba(255,107,44,0.2)}.error-favicon-badge img{width:36px;height:36px;object-fit:contain}.error-status-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,107,44,0.14);border:1px solid rgba(255,107,44,0.3);color:#FF834B;font-size:13px;font-weight:800;padding:4px 14px;border-radius:99px;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:14px}.error-title{font-size:clamp(28px,4.5vw,42px);font-weight:800;letter-spacing:-0.5px;color:#FFFFFF;margin:0 0 12px;line-height:1.2}.error-subtitle{font-size:clamp(15px,2vw,18px);color:#94A3B8;margin:0 0 28px;line-height:1.5;max-width:520px}.btn-back-home{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366F1 0%,#8B5CF6 100%);color:#FFFFFF !important;font-size:16px;font-weight:700;padding:14px 36px;border-radius:99px;text-decoration:none;box-shadow:0 8px 24px rgba(99,102,241,0.35);transition:all 0.22s cubic-bezier(0.16,1,0.3,1)}.btn-back-home:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(99,102,241,0.55);background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%)}.popular-section-header{font-size:clamp(15px,1.8vw,17px);font-weight:600;color:#CBD5E1;margin:24px 0 24px;letter-spacing:-0.2px}.popular-404-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:32px}@media (max-width:1024px){.popular-404-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width:640px){.popular-404-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.popular-404-card{position:relative;border-radius:14px;overflow:hidden;background:#151A28;border:1px solid rgba(255,255,255,0.08);aspect-ratio:16 / 10;display:block;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.popular-404-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,0.5);border-color:rgba(255,107,44,0.45)}.popular-404-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.popular-404-card:hover img{transform:scale(1.05)}.popular-404-card-info{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 8px;background:linear-gradient(to top,rgba(10,13,20,0.95) 0%,rgba(10,13,20,0) 100%);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.popular-404-card-title{color:#FFFFFF;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%;text-align:left}.popular-404-card-badge{font-size:11px;font-weight:800;background:rgba(255,107,44,0.9);color:#fff;padding:2px 7px;border-radius:6px;box-shadow:0 2px 6px rgba(255,107,44,0.4)}.error-chips-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.btn-error-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:#E2E8F0 !important;font-size:14px;font-weight:600;padding:10px 22px;border-radius:99px;text-decoration:none;cursor:pointer;transition:all 0.2s ease}.btn-error-chip:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25);color:#FFFFFF !important;transform:translateY(-2px)}.pwa-install-toast{position:fixed;bottom:24px;right:24px;z-index:99999;max-width:420px;width:calc(100% - 32px);transform:translateY(140%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;opacity:0;pointer-events:none}.pwa-install-toast.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.pwa-toast-card{background:rgba(14,19,32,0.94);border:1px solid rgba(255,107,44,0.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:14px 16px;box-shadow:0 16px 40px rgba(0,0,0,0.6),0 0 25px rgba(255,107,44,0.15);display:flex;align-items:center;justify-content:space-between;gap:14px}.pwa-toast-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pwa-toast-icon-wrap{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-toast-icon{width:30px;height:30px;object-fit:contain}.pwa-toast-text{min-width:0}.pwa-toast-badge{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:0.6px;color:#FF834B;text-transform:uppercase;margin-bottom:2px}.pwa-toast-text h4{margin:0;font-size:13.5px;font-weight:700;color:#FFFFFF;line-height:1.2}.pwa-toast-text p{margin:2px 0 0;font-size:11.5px;color:#94A3B8;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-pwa-install-action{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#FF6B2C 0%,#FF834B 100%);color:#FFFFFF !important;border:none;font-size:13px;font-weight:700;padding:8px 16px;border-radius:99px;cursor:pointer;box-shadow:0 4px 14px rgba(255,107,44,0.35);transition:all 0.2s ease}.btn-pwa-install-action:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 18px rgba(255,107,44,0.5)}.btn-pwa-dismiss-action{background:transparent;border:none;color:#64748B;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color 0.15s ease,background 0.15s ease}.btn-pwa-dismiss-action:hover{color:#E2E8F0;background:rgba(255,255,255,0.08)}#btnHeaderPwaInstall,.btn-header-pwa-install{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:none !important}@media (max-width:768px){.pwa-install-toast{bottom:16px !important;left:50% !important;right:auto !important;width:calc(100% - 32px) !important;max-width:350px !important;margin:0 auto !important;transform:translate(-50%,140%) !important}.pwa-install-toast.is-visible{transform:translate(-50%,0) !important}.pwa-toast-card{padding:10px 14px !important;border-radius:14px !important;gap:10px !important}.pwa-toast-icon-wrap{width:36px !important;height:36px !important;border-radius:9px !important}.pwa-toast-icon{width:24px !important;height:24px !important}.pwa-toast-badge{font-size:8.5px !important;margin-bottom:0 !important}.pwa-toast-text h4{font-size:13px !important}.pwa-toast-text p{display:none !important}.btn-pwa-install-action{font-size:12px !important;padding:6px 12px !important;gap:4px !important}.btn-pwa-install-action svg{width:13px !important;height:13px !important}.btn-pwa-dismiss-action{padding:4px !important}.btn-pwa-dismiss-action svg{width:14px !important;height:14px !important}}.leaderboards-banner,.genre-hub-section,.seo-editorial-section{content-visibility:auto;contain-intrinsic-size:0 320px}.feed-section,.carousel-section{content-visibility:visible !important;contain:none !important;overflow:visible !important}.similar-game-card,.game-card-portrait,.bento-card,.stream-game-card{contain:layout}body.is-scrolling iframe{pointer-events:none !important}.game-video-section{width:100%}.game-video-facade-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#0d1322;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.4)}.game-video-facade{position:absolute;inset:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;transition:transform 0.3s ease}.game-video-facade::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,19,34,0.3) 0%,rgba(13,19,34,0.75) 100%);transition:background 0.3s ease}.game-video-facade:hover::before{background:linear-gradient(180deg,rgba(13,19,34,0.15) 0%,rgba(13,19,34,0.6) 100%)}.game-video-play-btn{position:relative;z-index:2;width:68px;height:48px;background:#ff0000;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,0,0,0.5);transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275),background-color 0.2s ease}.game-video-facade:hover .game-video-play-btn{transform:scale(1.12);background:#cc0000}.game-video-play-btn svg{width:22px;height:22px;fill:#ffffff;margin-left:3px}.game-video-title-bar{position:absolute;top:14px;left:16px;right:16px;z-index:2;display:flex;align-items:center;gap:10px}.game-video-title-bar span{font-size:14px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-bar-icon.btn-bar-favorite{transition:transform 0.2s ease,background 0.2s ease}.btn-bar-icon.btn-bar-favorite.is-favorited svg{fill:#ef4444 !important;stroke:#ef4444 !important;animation:heartPulsePop 0.35s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes heartPulsePop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}.game-player-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(15,23,42,0.94);backdrop-filter:blur(12px);border:1px solid rgba(255,107,44,0.35);color:#fff;font-size:13.5px;font-weight:600;padding:10px 20px;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,0.6),0 0 15px rgba(255,107,44,0.2);z-index:999999;opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s cubic-bezier(0.175,0.885,0.32,1.275)}.game-player-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.game-share-modal-backdrop{position:fixed;inset:0;background:rgba(5,8,15,0.78);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.game-share-modal-backdrop.is-active{opacity:1;pointer-events:auto}.game-share-dialog{background:#111827;border:1px solid rgba(255,255,255,0.1);border-radius:12px;width:100%;max-width:440px;padding:22px;box-shadow:0 16px 40px rgba(0,0,0,0.65),0 0 16px rgba(255,107,44,0.1);transform:scale(0.96);transition:transform 0.22s cubic-bezier(0.16,1,0.3,1)}.game-share-modal-backdrop.is-active .game-share-dialog{transform:scale(1)}.share-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.share-dialog-title-wrap{display:flex;align-items:center;gap:10px}.share-dialog-title-wrap h4{font-size:16px;font-weight:700;color:#fff;margin:0}.share-close-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:#94a3b8;width:30px;height:30px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background 0.15s,color 0.15s}.share-close-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.share-game-preview{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:8px;padding:10px;margin-bottom:16px}.share-game-preview img{width:52px;height:52px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,0.1)}.share-game-meta{display:flex;flex-direction:column}.share-game-meta strong{font-size:14px;font-weight:700;color:#fff}.share-game-meta span{font-size:12px;color:#94a3b8;margin-top:2px}.share-channels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.share-channel-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:8px;padding:10px 4px;cursor:pointer;transition:transform 0.15s,background 0.15s,border-color 0.15s;color:#fff}.share-channel-btn:hover{transform:translateY(-1px)}.share-channel-btn.btn-discord:hover{background:#5865F2;border-color:#5865F2}.share-channel-btn.btn-whatsapp:hover{background:#25D366;border-color:#25D366}.share-channel-btn.btn-telegram:hover{background:#229ED9;border-color:#229ED9}.share-channel-btn.btn-twitter:hover{background:#000;border-color:#555}.share-channel-btn.btn-reddit:hover{background:#FF4500;border-color:#FF4500}.channel-icon{display:flex;align-items:center;justify-content:center}.channel-label{font-size:11px;font-weight:600;color:#cbd5e1}.share-copy-box{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.09);border-radius:8px;padding:4px 5px 4px 10px}.share-copy-box input{flex:1;background:transparent;border:none;color:#94a3b8;font-size:12px;outline:none;font-family:inherit;min-width:0}.btn-share-copy{display:inline-flex;align-items:center;gap:6px;background:#FF6B2C;color:#fff;border:none;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.15s,transform 0.15s}.btn-share-copy:hover{filter:brightness(1.1)}.btn-share-copy.copied{background:#22c55e !important}.hero-game-meta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:10px 0 14px 0;font-size:13px;color:#94a3b8}.meta-bar-item{display:inline-flex;align-items:center;gap:6px}.meta-bar-studio{color:#cbd5e1}.meta-dev-link{color:#FF8F3D;text-decoration:none;font-weight:600}.meta-dev-link:hover{text-decoration:underline}.meta-bar-rating strong{color:#fff;font-weight:700}.meta-votes{color:#64748b;font-size:12px}.meta-bar-badge{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;color:#cbd5e1}.hud-command-deck{display:flex;flex-direction:column;gap:14px;width:100%}.hud-platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.hud-platform-card{background:rgba(18,24,38,0.7);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:16px 18px;box-shadow:0 4px 20px rgba(0,0,0,0.25)}.hud-card-header{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#fff}.hud-card-header svg{color:#FF6B2C}.hud-card-header h4{font-size:13.5px;font-weight:700;margin:0;letter-spacing:0.3px;color:#f1f5f9}.hud-keys-list{display:flex;flex-direction:column;gap:8px}.hud-key-entry{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.05);padding:7px 12px;border-radius:8px}.gaming-keycap{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);border:1px solid rgba(255,255,255,0.2);border-bottom:3px solid rgba(255,107,44,0.6);border-radius:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,0.4);flex-shrink:0}.gaming-keycap.mobile-cap{border-bottom-color:rgba(56,189,248,0.7);color:#bae6fd}.hud-action-label{font-size:13px;font-weight:500;color:#cbd5e1}.hud-tips-panel{background:linear-gradient(135deg,rgba(255,107,44,0.08) 0%,rgba(15,23,42,0.6) 100%);border:1px solid rgba(255,107,44,0.25);border-radius:14px;padding:16px 20px}.hud-tips-header{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#FF8F3D}.hud-tips-header h4{font-size:14px;font-weight:700;margin:0;color:#fff}.hud-tips-text{font-size:13.5px;line-height:1.65;color:#cbd5e1;margin:0}.favorites-overlay{position:fixed;inset:0;background:rgba(5,8,15,0.72);backdrop-filter:blur(6px);z-index:99998;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.favorites-overlay.is-open{opacity:1;pointer-events:auto}.favorites-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:#0d121f;border-left:1px solid rgba(255,255,255,0.1);box-shadow:-15px 0 45px rgba(0,0,0,0.8);z-index:99999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.favorites-drawer.is-open{transform:translateX(0)}.fav-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,0.08)}.fav-drawer-title-wrap{display:flex;align-items:center;gap:10px}.fav-drawer-title-wrap h3{font-size:16px;font-weight:800;color:#fff;margin:0}.fav-count-pill{background:#ef4444;color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:12px}.fav-drawer-close{background:rgba(255,255,255,0.06);border:none;color:#94a3b8;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background 0.2s,color 0.2s}.fav-drawer-close:hover{background:rgba(255,255,255,0.15);color:#fff}.fav-drawer-body{flex:1;overflow-y:auto;padding:16px}.fav-items-list{display:flex;flex-direction:column;gap:10px}.fav-game-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:9px 12px;transition:transform 0.2s ease,opacity 0.2s ease,background 0.2s ease}.fav-game-row:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14)}.fav-game-thumb-link{flex-shrink:0}.fav-game-thumb-link img{border-radius:10px;object-fit:cover;display:block}.fav-game-info{flex:1;min-width:0}.fav-game-title{color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-game-title:hover{color:#FF8F3D}.fav-game-meta{display:flex;gap:8px;font-size:11.5px;margin-top:3px}.fav-rating{color:#facc15;font-weight:700}.fav-cat{color:#64748b}.fav-game-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-fav-play{background:#FF6B2C;color:#fff;font-size:12px;font-weight:700;text-decoration:none;padding:5px 12px;border-radius:20px;transition:transform 0.15s,background 0.15s}.btn-fav-play:hover{background:#ff834b;transform:scale(1.04)}.btn-fav-remove{background:transparent;border:none;color:#64748b;width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:color 0.15s,background 0.15s}.btn-fav-remove:hover{color:#ef4444;background:rgba(239,68,68,0.1)}.fav-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px}.fav-empty-icon{width:80px;height:80px;border-radius:50%;background:rgba(255,107,44,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.fav-empty-state h4{font-size:17px;color:#fff;font-weight:800;margin:0 0 8px 0}.fav-empty-state p{font-size:13px;color:#94a3b8;line-height:1.6;margin:0 0 24px 0;max-width:280px}.fav-suggestions-label{font-size:11.5px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:#64748b;margin-bottom:10px}.fav-suggestions-list{display:flex;flex-direction:column;gap:8px;width:100%}.fav-suggest-item{background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.06);padding:9px 14px;border-radius:10px;color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none;text-align:left;transition:background 0.2s,color 0.2s}.fav-suggest-item:hover{background:rgba(255,107,44,0.12);color:#FF8F3D;border-color:rgba(255,107,44,0.3)}.fav-drawer-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.25);display:flex;flex-direction:column;gap:12px}.fav-footer-meta{display:flex;align-items:center;gap:7px;font-size:12px;color:#94a3b8}.btn-fav-open-profile{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:#fff;font-size:13px;font-weight:700;text-align:center;text-decoration:none;padding:10px;border-radius:10px;transition:background 0.2s}.btn-fav-open-profile:hover{background:rgba(255,255,255,0.12)}.category-subgenre-pills{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 0;background:transparent;border:none;margin-bottom:24px}.subgenre-pills-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#64748b;margin-right:4px}.subgenre-pills-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.subgenre-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:7px;color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.subgenre-pill:hover{background:rgba(255,107,44,0.1);border-color:rgba(255,107,44,0.35);color:#FF6B2C;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.2)}.subgenre-pill .pill-icon{font-size:14px}.category-editorial-card{background:transparent;border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);border-left:none;border-right:none;border-radius:0;padding:40px 0 32px;box-shadow:none;margin-top:32px}.editorial-header-strip{margin-bottom:18px}.editorial-badge{display:inline-block;padding:4px 10px;background:rgba(255,107,44,0.12);border:1px solid rgba(255,107,44,0.28);border-radius:6px;color:#FF6B2C;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:10px}.editorial-title{font-family:var(--font-heading,"Outfit",sans-serif);font-size:24px;font-weight:800;color:#ffffff;letter-spacing:-0.4px;line-height:1.35;margin:0}.editorial-body{font-size:15px;line-height:1.8;color:#94a3b8;margin-bottom:28px;max-width:900px}.editorial-body p{margin-bottom:14px}.editorial-body p:last-child{margin-bottom:0}.editorial-mechanics-deck{margin:32px 0;padding:0;background:transparent;border:none}.mechanics-deck-title{font-size:18px;font-weight:700;color:#f1f5f9;margin:0 0 16px;letter-spacing:-0.2px}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.mechanic-card{padding:18px 20px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);border-left:3px solid #FF6B2C;border-radius:10px;transition:transform 0.2s ease,background 0.2s ease}.mechanic-card:hover{background:rgba(255,255,255,0.04);transform:translateY(-2px)}.mechanic-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mechanic-card-dot{width:6px;height:6px;border-radius:50%;background:#FF6B2C;box-shadow:0 0 6px rgba(255,107,44,0.6)}.mechanic-card h4{font-size:14.5px;font-weight:700;color:#ffffff;margin:0}.mechanic-card p{font-size:13px;line-height:1.6;color:#94a3b8;margin:0}.editorial-featured-row{margin:36px 0}.featured-row-title{font-size:16px;font-weight:700;color:#e2e8f0;margin:0 0 14px}.featured-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.featured-game-item{display:flex;flex-direction:column;padding:16px 18px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;text-decoration:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.featured-game-item:hover{background:rgba(255,107,44,0.08);border-color:rgba(255,107,44,0.35);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.3)}.featured-item-title{font-size:14.5px;font-weight:700;color:#ffffff;margin-bottom:6px}.featured-item-desc{font-size:12.5px;line-height:1.55;color:#94a3b8;margin-bottom:12px}.featured-item-cta{font-size:12px;font-weight:700;color:#FF6B2C;margin-top:auto}.category-faq-accordion{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08)}.faq-accordion-title{font-size:19px;font-weight:800;color:#ffffff;margin:0 0 20px;letter-spacing:-0.3px}.faq-accordion-list{display:flex;flex-direction:column;gap:0}.faq-accordion-item{border:none;border-bottom:1px solid rgba(255,255,255,0.08);background:transparent;border-radius:0;overflow:hidden;transition:background 0.2s ease}.faq-accordion-item:first-child{border-top:1px solid rgba(255,255,255,0.08)}.faq-accordion-item.active{background:rgba(255,255,255,0.02)}.faq-accordion-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 8px;background:none;border:none;cursor:pointer;text-align:left;color:#f1f5f9;font-family:inherit;font-size:15px;font-weight:600;transition:color 0.2s ease}.faq-accordion-question:hover{color:#FF6B2C}.faq-accordion-item.active .faq-accordion-question{color:#FF6B2C}.faq-chevron{flex-shrink:0;color:#64748b;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),color 0.2s ease}.faq-accordion-item.active .faq-chevron{transform:rotate(180deg);color:#FF6B2C}.faq-accordion-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.16,1,0.3,1),opacity 0.25s ease,padding 0.3s ease;padding:0 8px}.faq-accordion-item.active .faq-accordion-answer{max-height:600px;opacity:1;padding:0 8px 18px}.faq-accordion-answer p{margin:0;font-size:14px;line-height:1.75;color:#94a3b8}.developer-profile-hero{padding:24px 28px;background:rgba(18,24,38,0.6);border:1px solid rgba(255,255,255,0.08);border-radius:12px;margin-bottom:28px;box-shadow:0 4px 20px rgba(0,0,0,0.25)}.dev-hero-inner{display:flex;align-items:flex-start;gap:24px}.dev-avatar-wrap{position:relative;flex-shrink:0}.dev-avatar{width:76px;height:76px;border-radius:12px;background:#FF6B2C;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.dev-verified-badge-icon{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#10b981;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;border:2.5px solid #0b0f19;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.dev-info-col{flex:1}.dev-badges-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.dev-badge-verified{padding:3px 9px;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.25);border-radius:6px;color:#34d399;font-size:11.5px;font-weight:700}.dev-badge-hq,.dev-badge-founded{padding:3px 9px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:#94a3b8;font-size:11.5px;font-weight:500}.dev-studio-title{font-family:var(--font-heading,"Outfit",sans-serif);font-size:26px;font-weight:700;color:#ffffff;letter-spacing:-0.4px;margin:0 0 8px}.dev-studio-bio{font-size:14.5px;line-height:1.65;color:#94a3b8;margin:0 0 16px;max-width:820px}.dev-links-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.btn-dev-website{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;background:rgba(255,107,44,0.1);border:1px solid rgba(255,107,44,0.25);border-radius:8px;color:#FF6B2C;font-size:12.5px;font-weight:600;text-decoration:none;transition:all 0.2s ease}.btn-dev-website:hover{background:#FF6B2C;color:#ffffff;transform:translateY(-1px)}.dev-games-count{font-size:13px;font-weight:600;color:#64748b}.dev-catalog-section{margin-top:24px}.dev-catalog-header{margin-bottom:18px}.dev-catalog-header h2{font-size:20px;font-weight:800;color:#ffffff;margin:0 0 4px}.dev-catalog-tagline{font-size:13px;color:#94a3b8}.developer-profile-page .category-games-grid .game-card,.developer-profile-page .category-games-grid .similar-game-card{color:inherit;text-decoration:none}.developer-profile-page .category-games-grid .game-card .card-title,.developer-profile-page .category-games-grid .similar-game-title{color:#ffffff !important}@media (max-width:768px){.dev-hero-inner{flex-direction:column;gap:16px}.category-editorial-card{padding:24px 18px}.editorial-title{font-size:20px}}.search-cat-chip{background:rgba(255,255,255,0.05);color:#94a3b8;border:1px solid rgba(255,255,255,0.08);padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all 0.16s ease;font-family:inherit;outline:none}.search-cat-chip:hover{background:rgba(255,107,44,0.12);border-color:rgba(255,107,44,0.3);color:#FF6B2C}.search-cat-chip.active{background:#FF6B2C;border-color:#FF6B2C;color:#fff;box-shadow:0 2px 10px rgba(255,107,44,0.35)}.search-dropdown-view-all:hover{background:rgba(255,107,44,0.18) !important}.feed-section,.carousel-section{overflow:visible !important;content-visibility:visible !important;contain:none !important}.carousel-track-container,.hero-bento-carousel-wrap{position:relative;width:100%;overflow:visible !important}.carousel-track{padding:22px 0 26px 0 !important;margin-top:-16px !important;margin-bottom:-16px !important;overflow-x:auto !important;overflow-y:visible !important;scroll-padding:0 !important}.hero-bento-track{padding:22px 0 26px 0 !important;margin-top:-16px !important;margin-bottom:-16px !important;overflow-x:auto !important;overflow-y:visible !important;scroll-padding:0 !important}.hero-bento-grid{overflow:visible !important}.similar-game-card:not(.card-with-title),.game-card,.game-card-portrait:not(.card-with-title),.bento-card,.stream-game-card,.related-game-card{position:relative;border-radius:28px !important;overflow:hidden !important;transform-origin:center center;will-change:transform;isolation:isolate !important;transition:transform 0.22s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.22s ease,border-color 0.2s ease !important}.similar-game-card img,.game-card img,.game-card-portrait:not(.card-with-title) img,.bento-card img,.similar-game-card video,.game-card video,.bento-card video{border-radius:28px !important;width:100% !important;height:100% !important;object-fit:cover !important;transition:none !important;display:block}.similar-game-card:not(.card-with-title):hover,.game-card:hover,.game-card-portrait:not(.card-with-title):hover,.related-game-card:hover{transform:scale(1.10) translateY(-2px) !important;border-color:rgba(255,255,255,0.28) !important;box-shadow:0 16px 36px rgba(0,0,0,0.75),0 4px 14px rgba(0,0,0,0.5) !important;z-index:50 !important}.stream-game-card:hover{transform:translateY(-3px) scale(1.02) !important;border-color:#FF6B2C !important;box-shadow:0 10px 24px rgba(0,0,0,0.75),0 0 14px rgba(255,107,44,0.35) !important;z-index:10 !important}.bento-card:hover{transform:scale(1.035) !important;border-color:rgba(255,255,255,0.3) !important;box-shadow:0 12px 28px rgba(0,0,0,0.7),0 4px 10px rgba(0,0,0,0.4) !important;z-index:25 !important}.similar-game-card:hover img,.game-card:hover img,.game-card-portrait:not(.card-with-title):hover img,.bento-card:hover img,.stream-game-card:hover img{transform:none !important}.carousel-track>*:first-child:hover,.carousel-track>.similar-game-card:first-child:hover,.hero-bento-track>*:first-child:hover{transform-origin:left center !important}.carousel-track>*:last-child:hover,.carousel-track>.similar-game-card:last-child:hover,.hero-bento-track>*:last-child:hover{transform-origin:right center !important}.bento-hero-left:hover{transform-origin:left center !important}.bento-hero-right:hover{transform-origin:right center !important}.bento-mid-1:hover,.bento-mid-3:hover{transform-origin:center top !important}.bento-mid-2:hover,.bento-mid-4:hover{transform-origin:center bottom !important}.similar-game-card:not(.card-with-title) .similar-game-info{display:none !important}.similar-game-card:hover .similar-game-badge,.game-card:hover .game-card-badge,.game-card-portrait:hover .portrait-badge{opacity:0 !important;pointer-events:none !important}.card-with-title,a.card-with-title,.similar-game-card.card-with-title,a.similar-game-card.card-with-title,.game-card-portrait.card-with-title,a.game-card-portrait.card-with-title{display:flex !important;flex-direction:column !important;text-decoration:none !important;cursor:pointer !important;background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;overflow:visible !important;aspect-ratio:auto !important;padding:0 !important;transform:none !important;border-radius:0 !important;-webkit-mask-image:none !important;mask-image:none !important;-webkit-clip-path:none !important;clip-path:none !important;isolation:auto !important;position:relative !important}.card-with-title:hover,a.card-with-title:hover,.similar-game-card.card-with-title:hover,a.similar-game-card.card-with-title:hover,.game-card-portrait.card-with-title:hover,a.game-card-portrait.card-with-title:hover{transform:none !important;box-shadow:none !important;border:none !important;outline:none !important;background:transparent !important;z-index:50 !important}.card-with-title .card-thumb-frame{position:relative !important;width:100% !important;aspect-ratio:16 / 10 !important;border-radius:28px !important;overflow:hidden !important;background:var(--bg-surface,#131722) !important;border:1px solid var(--border-subtle,rgba(255,255,255,0.08)) !important;-webkit-clip-path:inset(0 round 28px) !important;clip-path:inset(0 round 28px) !important;isolation:isolate !important;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;transform:translateZ(0) !important;transform-origin:center center !important;will-change:transform !important;transition:transform 0.22s cubic-bezier(0.2,0.8,0.2,1),border-color 0.2s ease !important}.card-with-title .card-thumb-frame img,.card-with-title .card-thumb-frame video{border-radius:28px !important;-webkit-clip-path:inset(0 round 28px) !important;clip-path:inset(0 round 28px) !important;width:100% !important;height:100% !important;object-fit:cover !important;transition:none !important;display:block !important}.card-with-title:hover .card-thumb-frame{transform:scale(1.08) translateZ(0) !important;border-radius:28px !important;-webkit-clip-path:inset(0 round 28px) !important;clip-path:inset(0 round 28px) !important;border-color:rgba(255,255,255,0.45) !important;box-shadow:none !important;z-index:60 !important}.card-with-title .portrait-thumb-frame{position:relative !important;width:100% !important;aspect-ratio:3 / 4 !important;border-radius:20px !important;overflow:hidden !important;background:var(--bg-surface,#131722) !important;border:1px solid var(--border-subtle,rgba(255,255,255,0.08)) !important;-webkit-clip-path:inset(0 round 20px) !important;clip-path:inset(0 round 20px) !important;isolation:isolate !important;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;transform:translateZ(0) !important;transform-origin:center center !important;will-change:transform !important;transition:transform 0.22s cubic-bezier(0.2,0.8,0.2,1),border-color 0.2s ease !important}.card-with-title .portrait-thumb-frame img,.card-with-title .portrait-thumb-frame video{border-radius:20px !important;-webkit-clip-path:inset(0 round 20px) !important;clip-path:inset(0 round 20px) !important;width:100% !important;height:100% !important;object-fit:cover !important;transition:none !important;display:block !important}.card-with-title:hover .portrait-thumb-frame{transform:scale(1.08) translateZ(0) !important;border-radius:20px !important;-webkit-clip-path:inset(0 round 20px) !important;clip-path:inset(0 round 20px) !important;border-color:rgba(255,255,255,0.45) !important;box-shadow:none !important;z-index:60 !important}.card-with-title .portrait-thumb-frame .portrait-badge{position:absolute !important;top:8px !important;left:8px !important;background:#0f172a !important;color:#ff9254 !important;border:1px solid rgba(255,146,84,0.7) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;padding:3px 8px !important;border-radius:99px !important;letter-spacing:0.5px !important;z-index:2 !important;box-shadow:0 2px 10px rgba(0,0,0,0.6) !important}.card-with-title:hover .portrait-thumb-frame .similar-game-badge,.card-with-title:hover .portrait-thumb-frame .portrait-badge{opacity:0 !important;pointer-events:none !important}.carousel-track>.game-card-portrait:first-child:hover .portrait-thumb-frame{transform-origin:left center !important}.carousel-track>.game-card-portrait:last-child:hover .portrait-thumb-frame{transform-origin:right center !important}@media (max-width:768px){.card-with-title .card-thumb-frame,.card-with-title .card-thumb-frame img,.card-with-title .card-thumb-frame video,.card-with-title .portrait-thumb-frame,.card-with-title .portrait-thumb-frame img,.card-with-title .portrait-thumb-frame video{border-radius:18px !important;-webkit-clip-path:inset(0 round 18px) !important;clip-path:inset(0 round 18px) !important}.card-with-title .portrait-thumb-frame .portrait-badge{font-size:8px !important;padding:1.5px 5px !important;top:5px !important;left:5px !important}}.card-with-title .card-thumb-frame .similar-game-badge{width:auto !important;max-width:max-content !important;border-radius:99px !important;white-space:nowrap !important}.card-with-title .card-thumb-frame div.similar-game-badge{left:auto !important;right:8px !important;top:8px !important;bottom:auto !important}.card-with-title .card-thumb-frame span.similar-game-badge{left:8px !important;right:auto !important;top:8px !important;bottom:auto !important}.carousel-track>*:first-child:hover .card-thumb-frame,.carousel-track>.card-with-title:first-child:hover .card-thumb-frame{transform-origin:left center !important}.carousel-track>*:last-child:hover .card-thumb-frame,.carousel-track>.card-with-title:last-child:hover .card-thumb-frame{transform-origin:right center !important}.card-with-title:hover .card-thumb-frame .similar-game-badge{opacity:0 !important;pointer-events:none !important}.card-with-title .card-title-under,.card-title-under{display:block !important;flex:0 0 auto !important;margin-top:6px !important;font-family:var(--font-heading,'Outfit',-apple-system,BlinkMacSystemFont,sans-serif) !important;font-size:13px !important;font-weight:500 !important;color:#94a3b8 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.3 !important;letter-spacing:-0.1px !important;text-align:left !important;padding:0 2px !important;transition:color 0.18s ease !important;pointer-events:none !important;transform:none !important}.card-with-title:hover .card-title-under{color:#ffffff !important;transform:none !important}body.game-page .btn-toggle-sidebar{display:flex !important;visibility:visible !important;opacity:1 !important}@media (max-width:900px){body.game-page:not(.sidebar-mobile-open) .lopi-sidebar,body.game-page:not(.sidebar-mobile-open) .lopi-sidebar.slim,body.game-page:not(.sidebar-mobile-open) #appSidebar{display:none !important}body.game-page:not(.sidebar-mobile-open) .lopi-content{margin-left:0 !important;width:100% !important;max-width:100% !important;padding:10px 12px 24px 12px !important}body.game-page:not(.sidebar-mobile-open) .sidebar-backdrop{display:none !important}body.game-page.sidebar-mobile-open .lopi-sidebar,body.game-page.sidebar-mobile-open .lopi-sidebar.slim,body.game-page.sidebar-mobile-open #appSidebar{display:flex !important;position:fixed !important;top:60px !important;left:0 !important;width:195px !important;min-width:195px !important;max-width:195px !important;height:calc(100vh - 60px) !important;z-index:2500 !important;box-shadow:10px 0 30px rgba(0,0,0,0.85) !important;background:#0B101C !important;padding:6px 0 !important}body.game-page.sidebar-mobile-open .sidebar-backdrop{display:block !important;position:fixed !important;top:60px !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,0.65) !important;backdrop-filter:blur(4px) !important;z-index:1999 !important}}@media (max-width:900px){.main-footer{position:relative !important;z-index:10 !important;box-sizing:border-box !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:40px 16px 88px !important}body:not(.game-page)>.main-footer,body:not(.game-page)>.seo-editorial-section{margin-left:44px !important;width:calc(100% - 44px) !important;max-width:calc(100vw - 44px) !important;box-sizing:border-box !important}.footer-inner{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:0 !important}}@media (min-width:641px) and (max-width:1024px){.related-games-list{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;width:100% !important}.stream-game-card{border-radius:12px !important}.stream-card-overlay{padding:28px 10px 10px 10px !important;gap:8px !important}.stream-card-title{font-size:13.5px !important;font-weight:700 !important}.stream-card-play-pill{font-size:11.5px !important;padding:4px 10px !important}}@media (max-width:380px){.related-games-list{gap:6px !important}.stream-card-play-pill{display:none !important}.stream-card-title{font-size:11px !important}}.game-meta-card-playgama{background:#0B101B !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:16px !important;padding:24px 28px !important;display:flex !important;flex-direction:column !important;gap:20px !important;box-sizing:border-box !important;box-shadow:0 4px 20px rgba(0,0,0,0.25) !important}.meta-card-hero-row{display:grid !important;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr) !important;gap:32px !important;align-items:start !important;width:100% !important}.meta-card-col-left{display:flex !important;flex-direction:column !important;gap:16px !important;min-width:0 !important}.meta-card-col-right{display:flex !important;flex-direction:column !important;min-width:0 !important}.meta-game-title{font-family:var(--font-heading,"Outfit",sans-serif) !important;font-size:26px !important;font-weight:700 !important;color:#ffffff !important;margin:0 !important;line-height:1.2 !important;letter-spacing:-0.3px !important}.meta-rating-row{display:flex !important;align-items:center !important;gap:8px !important}.meta-stars-wrap{display:flex !important;align-items:center !important;gap:3px !important;color:#facc15 !important}.meta-rating-num{font-size:14.5px !important;font-weight:700 !important;color:#ffffff !important;margin-left:2px !important}.meta-votes-count{font-size:13px !important;color:#94a3b8 !important;font-weight:500 !important}.meta-age-pill{background:#22c55e !important;color:#ffffff !important;font-size:11px !important;font-weight:800 !important;border-radius:4px !important;padding:1px 6px !important;line-height:1.4 !important;margin-left:4px !important}.game-specs-list{display:flex !important;flex-direction:column !important;gap:7px !important;margin-top:4px !important}.spec-row{display:flex !important;align-items:baseline !important;gap:8px !important;font-size:13.5px !important;line-height:1.4 !important}.spec-label{color:#94a3b8 !important;font-weight:500 !important;flex-shrink:0 !important;min-width:140px !important}.spec-value{color:#e2e8f0 !important;font-weight:500 !important}.spec-link{color:#a855f7 !important;text-decoration:none !important;font-weight:600 !important;transition:color 0.18s ease,text-decoration 0.18s ease !important}.spec-link:hover{color:#c084fc !important;text-decoration:underline !important}.game-tags-pills-row{display:flex !important;flex-wrap:wrap !important;gap:8px 10px !important;margin-top:8px !important}.hero-tag-pill{background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:9999px !important;padding:6px 16px !important;font-size:13px !important;color:#c4b5fd !important;text-decoration:none !important;display:inline-flex !important;align-items:center !important;gap:7px !important;transition:all 0.18s ease !important;box-shadow:0 2px 6px rgba(0,0,0,0.2) !important}.hero-tag-pill:hover{background:rgba(168,85,247,0.18) !important;border-color:rgba(168,85,247,0.35) !important;color:#ffffff !important;transform:translateY(-1.5px) !important}.hero-tag-pill .tag-name{color:#c4b5fd !important;font-weight:600 !important}.hero-tag-pill:hover .tag-name{color:#ffffff !important}.hero-tag-pill .tag-num{color:#94a3b8 !important;font-size:11.5px !important;font-weight:500 !important}.game-report-row{margin-top:4px !important}.btn-report-game{background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.09) !important;border-radius:8px !important;color:#94a3b8 !important;font-size:12.5px !important;font-weight:600 !important;padding:6px 14px !important;display:inline-flex !important;align-items:center !important;gap:6px !important;cursor:pointer !important;transition:all 0.18s ease !important;outline:none !important}.btn-report-game:hover{background:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.2) !important;color:#ffffff !important}.card-video-container{background:rgba(255,255,255,0.03) !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:14px !important;padding:12px !important;display:flex !important;flex-direction:column !important;gap:10px !important;box-sizing:border-box !important;position:relative !important}.card-video-facade-wrap{position:relative !important;width:100% !important;aspect-ratio:16 / 9 !important;border-radius:10px !important;overflow:hidden !important;background:#000000 !important;box-shadow:0 4px 18px rgba(0,0,0,0.45) !important}.card-video-facade-wrap iframe{width:100% !important;height:100% !important;border:none !important;display:block !important}.card-video-facade{position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:transform 0.22s cubic-bezier(0.16,1,0.3,1) !important}.card-video-facade:hover{transform:scale(1.025) !important}.card-video-play-btn{background:transparent !important;border:none !important;outline:none !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),filter 0.2s ease !important;filter:drop-shadow(0 4px 14px rgba(0,0,0,0.6)) !important;z-index:2 !important}.card-video-play-btn svg.card-yt-play-icon{width:64px !important;height:46px !important;display:block !important}.card-video-facade:hover .card-video-play-btn{transform:scale(1.12) !important;filter:drop-shadow(0 6px 20px rgba(255,0,0,0.75)) !important}.card-video-title{font-family:var(--font-heading,"Outfit",sans-serif) !important;font-size:15px !important;font-weight:700 !important;color:#ffffff !important;margin:0 !important;line-height:1.35 !important;letter-spacing:-0.2px !important}.card-video-desc{font-size:12.5px !important;line-height:1.5 !important;color:#94a3b8 !important;margin:4px 0 0 0 !important}.meta-card-editorial-divider{width:100% !important;height:1px !important;background:rgba(255,255,255,0.08) !important;margin:8px 0 4px 0 !important}.meta-card-editorial-wrap{width:100% !important;box-sizing:border-box !important}.game-editorial-content{display:flex !important;flex-direction:column !important;gap:24px !important;margin-top:8px !important}.editorial-section{display:flex !important;flex-direction:column !important;gap:12px !important}.editorial-heading{font-family:var(--font-heading,"Outfit",sans-serif) !important;font-size:20px !important;font-weight:700 !important;color:#ffffff !important;margin:0 !important;letter-spacing:-0.2px !important}.editorial-desc{font-size:14.5px !important;line-height:1.7 !important;color:#94a3b8 !important;display:flex !important;flex-direction:column !important;gap:10px !important}.editorial-p{margin:0 !important;color:#94a3b8 !important;line-height:1.7 !important}.editorial-features-list{margin:4px 0 0 16px !important;padding:0 !important;color:#cbd5e1 !important;line-height:1.65 !important}.editorial-features-list li{margin-bottom:6px !important}@media (max-width:960px){.meta-card-hero-row{grid-template-columns:1fr !important;gap:24px !important}}@media (max-width:768px){.game-meta-card-playgama{padding:16px 18px !important}.spec-row{flex-direction:column !important;gap:2px !important}.spec-label{min-width:0 !important}}.player-bottom-loops{width:100% !important;display:flex !important;flex-direction:column !important;gap:36px !important;margin-top:40px !important;box-sizing:border-box !important}.bottom-loop-section{width:100% !important;display:flex !important;flex-direction:column !important;gap:14px !important;box-sizing:border-box !important}.bottom-loop-title{font-family:var(--font-heading,'Outfit',-apple-system,BlinkMacSystemFont,sans-serif) !important;font-size:22px !important;font-weight:700 !important;color:#ffffff !important;margin:0 !important;letter-spacing:-0.3px !important;line-height:1.25 !important}.bottom-page-actions{display:flex !important;justify-content:center !important;align-items:center !important;gap:16px !important;margin:24px 0 10px 0 !important;width:100% !important;box-sizing:border-box !important}.btn-bottom-pill{border:none !important;outline:none !important;font-family:var(--font-heading,'Outfit',-apple-system,BlinkMacSystemFont,sans-serif) !important;font-size:15px !important;font-weight:600 !important;padding:12px 32px !important;border-radius:9999px !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;text-decoration:none !important;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,background 0.2s ease,border-color 0.2s ease !important}.btn-bottom-pill:hover{transform:translateY(-2px) !important}.btn-bottom-pill:active{transform:translateY(0) !important}.btn-bottom-random{background:linear-gradient(135deg,#FF6B2C 0%,#ff8548 100%) !important;color:#ffffff !important;box-shadow:0 4px 18px rgba(255,107,44,0.38) !important}.btn-bottom-random:hover{background:linear-gradient(135deg,#ff5714 0%,#ff7330 100%) !important;box-shadow:0 8px 26px rgba(255,107,44,0.58) !important}.btn-bottom-top{background:rgba(255,255,255,0.08) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.12) !important}.btn-bottom-top:hover{background:rgba(255,255,255,0.14) !important;border-color:rgba(255,255,255,0.22) !important}.btn-bottom-top .btn-arrow-up{font-size:16px !important;line-height:1 !important}@media (max-width:768px){.player-bottom-loops{gap:28px !important;margin-top:30px !important}.bottom-loop-title{font-size:19px !important}.bottom-page-actions{gap:12px !important}.btn-bottom-pill{font-size:14px !important;padding:10px 22px !important}}
/* Language Switcher Dropdown */
.lang-selector-wrap{position:relative;display:inline-flex;align-items:center}
.btn-lang-switch{padding:0 12px;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}
.btn-lang-switch:hover,.btn-lang-switch.active{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.18)}
.lang-flag-current{font-size:16px;line-height:1}
.lang-code-current{font-size:13px;font-weight:700;letter-spacing:0.5px;color:#f1f5f9}
.lang-chevron{color:#94a3b8;transition:transform 0.2s ease}
.btn-lang-switch.active .lang-chevron{transform:rotate(180deg)}
.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:rgba(18,24,38,0.96);border:1px solid rgba(255,255,255,0.12);border-radius:14px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,0.5),0 2px 8px rgba(0,0,0,0.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10000;display:flex;flex-direction:column;gap:3px;animation:langDropdownIn .18s cubic-bezier(0.16,1,0.3,1)}
@keyframes langDropdownIn{from{opacity:0;transform:translateY(-6px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.lang-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#cbd5e1;font-size:13.5px;font-weight:500;font-family:var(--font-body);cursor:pointer;text-align:left;width:100%;transition:all .15s ease}
.lang-dropdown-item:hover{background:rgba(255,255,255,0.08);color:#fff}
.lang-dropdown-item.active{background:rgba(255,107,44,0.15);color:#FF6B2C;font-weight:700}
.dropdown-flag{font-size:16px;line-height:1}
.dropdown-name{flex:1}
.dropdown-check{font-size:13px;color:#FF6B2C}