@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#1a1f2e 0%,#2d3748 100%);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}[dir=rtl],[dir=rtl] body{text-align:right}[dir=rtl] .fab-container{left:20px;right:auto}[dir=ltr] .fab-container{right:20px;left:auto}#root{min-height:100vh;margin:0;padding:0}.fab-wrapper{position:fixed;z-index:1100;bottom:20px;right:20px;pointer-events:none;transition:opacity .26s ease,transform .26s ease}.fab-wrapper.open,.fab-wrapper .fab-btn{pointer-events:auto}.fab-wrapper.hidden{opacity:0;transform:translateY(10px)}@media (max-width: 768px){.fab-wrapper{left:18px;right:auto;bottom:18px}.fab-wrapper.hidden{opacity:0;transform:translateY(10px) translate(-6px)}}.fab-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(252,115,7,.55);background:linear-gradient(145deg,rgba(252,115,7,.95) 0%,rgba(184,91,20,.95) 55%,rgba(26,15,6,.92) 100%);color:#0a0502;box-shadow:0 10px 30px #0d05028c,0 2px 10px #236ab973;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:28px;line-height:1;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,background .22s ease;position:relative;overflow:hidden}.fab-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(252,115,7,.35),transparent 70%);opacity:0;transition:opacity .3s ease}.fab-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0d0502a6,0 4px 14px #fc73078c}.fab-btn:hover:after{opacity:1}.fab-btn:active{transform:scale(.94)}.fab-icon{pointer-events:none;color:#fff}.fab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fab-menu{position:absolute;bottom:0;right:0;list-style:none;padding:0;margin:0;transform-origin:bottom right}@media (max-width: 768px){.fab-menu{right:auto;left:0;transform-origin:bottom left}}.fab-menu.stack .fab-menu-item-wrapper{position:absolute;bottom:72px;right:0}@media (max-width: 768px){.fab-menu.stack .fab-menu-item-wrapper{right:auto;left:0}}.fab-menu.fan .fab-menu-item-wrapper{position:absolute;bottom:28px;right:28px}@media (max-width: 768px){.fab-menu.fan .fab-menu-item-wrapper{right:auto;left:28px}}@media (max-width: 768px){.fab-menu{left:50%;right:auto;transform:translate(-50%)}}.fab-menu-item-wrapper{opacity:0;transition:opacity .18s ease,transform .32s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.open .fab-menu-item-wrapper{opacity:1}.fab-menu-item-wrapper.has-submenu-open{z-index:5}.fab-menu-item{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,#236AB9 0%,#FC7307 100%);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 18px #0d05028c;position:relative;font-weight:600;font-size:13px;letter-spacing:.25px;transition:background .22s ease,transform .22s ease,box-shadow .22s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;min-width:156px;justify-content:flex-start}.fab-menu-item svg{width:18px;height:18px}.fab-menu-item:hover{transform:translateY(-3px);box-shadow:0 10px 28px #fc730773}.fab-menu-item:active{transform:scale(.95)}.fab-menu-label{font-size:13px;font-weight:600;letter-spacing:.3px}@media (max-width: 768px){.fab-menu-label{font-size:13px}.fab-menu-item{font-size:13px;min-width:120px;padding:8px 12px;gap:8px}.fab-menu-item svg{width:16px;height:16px}}.fab-menu-item.has-submenu{padding-right:12px;gap:6px}.fab-menu-item.has-submenu svg:last-child{margin-left:auto;width:14px;height:14px;transition:transform .2s ease}.fab-menu-item.submenu-open svg:last-child{transform:rotate(90deg)}.fab-submenu{position:absolute;top:0;right:calc(100% + 12px);list-style:none;padding:8px;background:linear-gradient(135deg,rgba(35,106,185,.95) 0%,rgba(252,115,7,.95) 100%);border-radius:12px;box-shadow:0 8px 24px #0d050299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:180px;max-width:220px;z-index:1002;white-space:nowrap;animation:fadeIn .2s ease-out;display:flex!important;flex-direction:column!important;gap:6px;margin:0}@media (max-width: 768px){.fab-submenu{right:auto;left:calc(100% + 8px);min-width:140px;max-width:180px;padding:6px;gap:4px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fab-submenu>.fab-submenu-item{opacity:1!important;position:static!important;margin:0!important;transform:none!important}.fab-submenu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:rgba(13,5,2,.3);color:#d4e4f7;border:1px solid rgba(252,115,7,.2);cursor:pointer;font-weight:500;font-size:12px;letter-spacing:.25px;transition:all .18s ease;width:100%;text-align:left;white-space:nowrap}.fab-submenu-item svg{width:16px;height:16px;flex-shrink:0}.fab-submenu-item:hover{background:rgba(252,115,7,.3);border-color:#fc730780;transform:translate(-3px);box-shadow:0 4px 12px #fc73074d}@media (max-width: 768px){.fab-submenu-item{font-size:12px;padding:8px 10px;gap:8px}.fab-submenu-item svg{width:14px;height:14px}.fab-submenu-item:hover{transform:translate(3px)}}.fab-submenu-item:active{transform:scale(.96)}.fab-submenu-label{font-size:12px;font-weight:500}.fab-submenu-item:focus-visible{outline:2px solid #FC7307;outline-offset:2px;box-shadow:0 0 0 4px #fc730740}.fab-btn:focus-visible,.fab-menu-item:focus-visible{outline:2px solid #FC7307;outline-offset:2px;box-shadow:0 0 0 4px #fc730740}.fab-menu.compact .fab-menu-label{display:none}.fab-menu.compact .fab-menu-item{padding:10px;border-radius:50%;width:46px;height:46px;justify-content:center}.fab-menu.compact .fab-menu-item svg{width:22px;height:22px}@media (min-width: 769px){.fab-menu.compact .fab-menu-label{display:inline}.fab-menu.compact .fab-menu-item{width:auto;height:auto;padding:10px 14px;border-radius:12px}}@media (max-width: 360px){.fab-menu-item{min-width:110px;font-size:12px;padding:7px 10px}.fab-submenu{min-width:120px;max-width:150px;left:calc(100% + 6px)}.fab-submenu-item{font-size:11px;padding:7px 8px}}@media (max-width: 768px){.game-list-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.game-catalog-grid{grid-template-columns:1fr!important;gap:15px!important}.game-list-grid .game-list-card{padding:8px!important;border-radius:12px!important;min-height:auto!important}.game-list-grid .game-card-art{aspect-ratio:1 / 1;height:auto!important}.game-list-grid .game-card-art-img{width:100%!important;height:100%!important;object-fit:cover!important}.game-list-grid .play-button{padding:8px 10px!important;font-size:14px!important;font-weight:600!important}.game-meta{display:flex!important;flex-wrap:wrap;justify-content:center;padding:8px 12px!important;font-size:13px!important}.game-meta>div:not(:first-child){display:none!important}.game-meta>div:first-child{width:100%;text-align:center;font-size:15px!important;font-weight:500}.game-list-grid~* .game-meta>div:not(:first-child),div[style*=statsBar]>div:not(:first-child){display:none!important}.game-list-grid .game-list-card>div:nth-child(2){display:none!important}.game-list-grid .game-card-art{position:relative!important}.game-list-grid .game-card-art>div:last-child{position:relative!important;z-index:10!important;width:100%!important;padding:8px!important;background:linear-gradient(180deg,transparent,rgba(13,5,2,.9))!important}.game-list-grid .game-card-art>div:last-child>span{display:block!important;font-weight:600!important;font-size:13px!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}}@media (max-width: 480px){.game-list-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.game-catalog-grid{grid-template-columns:1fr!important;gap:15px!important}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}}