:root{--nav-pad-bottom:max(env(safe-area-inset-bottom), 12px);--mobile-nav-total:calc(58px + var(--nav-pad-bottom));--mobile-nav-height:var(--mobile-nav-total);--vvh:100dvh}button,.button,summary,[role=button],.mobile-bottom-nav>a,.mobile-bottom-nav>button,.admin-bottom-nav>a,.admin-bottom-nav>button,.game-card-link,.navigation-links a,.admin-mobile-nav-link,.copy-button,.epic-bot-copy-btn,.epic-action-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 75ms ease-out,filter 75ms ease-out,background-color .15s,border-color .15s,color .15s,box-shadow .15s,opacity .15s}button:not(:disabled):active,.button:not(:disabled):not([aria-disabled=true]):active,[role=button]:active,.epic-action-btn:active,.copy-button:active{filter:brightness(.9);transform:scale(.97)}.game-card-link:active,.navigation-links a:active,.admin-mobile-nav-link:active{filter:brightness(.92);transform:scale(.985)}.mobile-bottom-nav>a:active>span,.mobile-bottom-nav>button:active>span,.admin-bottom-nav>a:active>span,.admin-bottom-nav>button:active>span{transform:scale(.88)}.button[aria-busy=true],button[aria-busy=true]{cursor:progress}.button-spinner{flex-shrink:0;animation:.7s linear infinite spin}.epic-bot-copy-btn.is-copied{color:#34d399;background:#10b98133;border-color:#10b9818c}@media (prefers-reduced-motion:reduce){button:not(:disabled):active,.button:active,[role=button]:active,.game-card-link:active,.mobile-bottom-nav>a:active>span,.admin-bottom-nav>a:active>span{transform:none}.button-spinner{animation-duration:1.6s}}.game-card{flex-direction:column;min-width:0;display:flex}.game-card-link{flex-direction:column;flex:auto;min-width:0;display:flex}.game-card .price-row{margin-top:auto}.game-card .add-to-cart{flex-shrink:0}.price-row strong,.shop-card .source-row strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:800}.discount{font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #17220c33}.shop-card{flex-direction:column;display:flex}.shop-card-body{flex-direction:column;flex:auto;min-width:0;display:flex}.shop-card .source-row{margin-top:auto}.shop-card .add-to-cart{margin-top:12px}.badge-pop{animation:.22s cubic-bezier(.2,1.4,.4,1) badge-pop}@keyframes badge-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.telegram-textarea{min-height:40px;max-height:120px;padding:9px 4px;border-radius:0!important}@media (max-width:799px){.mobile-bottom-nav,.admin-bottom-nav{padding:6px 10px var(--nav-pad-bottom);min-height:var(--mobile-nav-total)}.mobile-bottom-nav>a>span,.mobile-bottom-nav>button>span,.admin-bottom-nav>a>span,.admin-bottom-nav>button>span{border-radius:999px;place-items:center;width:58px;height:30px;transition:background-color .18s,transform 75ms ease-out;display:grid;position:relative}.mobile-bottom-nav [aria-current=page]>span,.admin-bottom-nav [aria-current=page]>span{background:color-mix(in srgb, var(--accent,#c8f56d) 18%, transparent)}.mobile-bottom-nav small,.admin-bottom-nav small{font-size:11px;line-height:1.1}.mobile-bottom-nav b{top:-3px;right:6px}.brand,.breadcrumb,.text-link,.table-link{align-items:center;min-height:44px;display:inline-flex}.breadcrumb{display:flex}.footer>div>a:not(.brand){align-items:center;min-height:44px;display:flex}.footer>div:not(:first-child){gap:0}.footer>div>strong{margin-bottom:4px}.epic-bot-copy-btn{justify-content:center;min-width:96px;min-height:44px;padding:0 14px;font-size:.85rem}.epic-bot-card{gap:12px}.sticky-cta-bar{bottom:calc(var(--mobile-nav-total) + 8px);z-index:30;background:linear-gradient(to top, var(--bg) 62%, transparent);pointer-events:none;margin:0 -4px;padding:22px 4px 4px;position:sticky}.sticky-cta-bar>*{pointer-events:auto;box-shadow:0 10px 28px #000a}.portal-notifications{position:static}.portal-notification-list,.admin-topbar .portal-notification-list{width:auto;max-height:calc(var(--vvh) - 68px - var(--mobile-nav-total) - 12px);background:var(--surface,#191b1e);border:1px solid var(--border,#2b2e32);position:fixed;top:68px;left:12px;right:12px}.portal-notification-list a,.portal-notification-list button{min-height:44px}html[data-chat-focus] .portal-heading,html[data-chat-focus] .portal-nav{display:none}html[data-chat-focus] .portal-shell{padding-top:12px}.admin-main{--chat-offset:148px}.telegram-chat-layout{--chat-offset:80px}.admin-main .telegram-chat-layout{--chat-offset:148px}html[data-chat-focus] .telegram-chat-layout:not(.layout-embedded){height:max(380px, calc(var(--vvh) - var(--chat-offset) - var(--mobile-nav-total) - 8px));min-height:0;max-height:none}.telegram-chat-layout.layout-embedded{height:min(740px,100dvh - 170px);min-height:420px;max-height:none}html[data-kb-open] .mobile-bottom-nav,html[data-kb-open] .admin-bottom-nav{display:none}html[data-kb-open] .telegram-chat-layout,html[data-kb-open] .telegram-chat-layout.layout-embedded,html[data-kb-open][data-chat-focus] .telegram-chat-layout:not(.layout-embedded){left:0;right:0;top:var(--vvt,0px);height:var(--vvh);z-index:80;overscroll-behavior:contain;border:0;border-radius:0;min-height:0;max-height:none;margin:0;position:fixed}.telegram-header-left{flex:auto;min-width:0}.telegram-header-info{flex:auto}.telegram-mobile-back{justify-content:center;min-width:44px;min-height:44px}.telegram-icon-action,.telegram-attach-btn,.telegram-emoji-trigger{width:44px;height:44px}.telegram-send-btn{width:44px!important;height:44px!important}.telegram-input-bar{padding:3px 4px 3px 6px}.telegram-input-container{padding:8px 10px 10px}.telegram-main-header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"left search close""pill pill pill";align-items:center;gap:6px;padding:8px 10px 10px;display:grid}.telegram-header-actions{display:contents}.telegram-header-left{grid-area:left;gap:4px}.telegram-header-actions .telegram-icon-action{grid-area:search}.telegram-header-actions .portal-chat-close-btn{grid-area:close;justify-content:center;width:44px;min-width:44px;height:44px;padding:0}.telegram-header-actions .telegram-status-pill{grid-area:pill;justify-self:start;margin-left:48px;padding:3px 9px;font-size:.64rem}.telegram-header-avatar,.telegram-title-sep,.telegram-user-self,.telegram-mobile-back span{display:none}.telegram-header-title-row{white-space:normal;flex-wrap:wrap;row-gap:0;line-height:1.25}.telegram-order-link{white-space:nowrap}.telegram-header-product{white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;min-width:0;font-size:.8rem;overflow:hidden}.telegram-header-sub{font-size:.72rem}html[data-kb-open] .telegram-header-actions .telegram-status-pill{display:none}html[data-kb-open] .telegram-main-header{padding-bottom:8px}}@media (max-width:767px){.admin-main .button,.admin-main button.button,.admin-main .button-row>button,.admin-main .button-row>a{min-height:44px}.admin-main .button-sm,.admin-main .button-icon{min-width:44px;min-height:44px}.admin-main summary{min-height:44px}.responsive-admin-table td .button-row{gap:8px}.responsive-admin-table td .button-row>*{min-height:44px}.select-hit{margin:-8px -4px}.admin-filter-pill,.admin-chat-tab{min-height:44px}}.pagination>a:not(.button){border:1px solid var(--border);border-radius:10px;align-items:center;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex}.select-hit{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@media (min-width:800px){.telegram-main-header{flex-wrap:wrap;row-gap:8px}.telegram-header-left{flex:240px}.telegram-header-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.telegram-header-avatar{flex-shrink:0}}@media (min-width:1000px) and (max-width:1599px){.admin-main .portal-workspace{grid-template-columns:minmax(0,1fr)}.admin-main .portal-workspace .chat-aside-panel{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}}@media (min-width:1600px){.admin-main .portal-workspace{grid-template-columns:minmax(0,1fr) 340px}}.telegram-textarea:focus,.telegram-textarea:focus-visible{box-shadow:none;outline:none}.telegram-input-bar:focus-within{border-color:color-mix(in srgb, var(--accent) 65%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.genre-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:28px 0 0;display:grid}.genre-chip{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.875rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.genre-chip:hover{border-color:var(--accent);color:var(--accent)}.genre-chip:active{background:var(--surface-2)}.shelf-skeleton-title{width:280px;max-width:70%;height:34px;margin-bottom:25px}.shelf-skeleton-card{aspect-ratio:3/4.4}.browse-banner{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--surface-2));border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 0;padding:30px 32px;display:flex}.browse-banner h2{margin-bottom:9px;font-size:1.5rem}.browse-banner p{color:var(--muted);font-size:.9rem}.browse-banner .button{flex:none}.catalog-grid>[hidden]{display:none!important}@media (min-width:901px){.catalog-grid.pre-collapse>.game-card:nth-child(n+31){display:none}}@media (min-width:601px) and (max-width:900px){.catalog-grid.pre-collapse>.game-card:nth-child(n+16){display:none}}@media (max-width:600px){.catalog-grid.pre-collapse>.game-card:nth-child(n+11){display:none}}.catalog-sentinel,.shop-sentinel{height:1px}.catalog-more,.shop-loading{min-height:56px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:14px;margin:18px 0 0;font-size:.875rem;display:flex}.catalog-more .button{min-height:44px}@media (min-width:601px) and (max-width:900px){.genre-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.genre-chips{scrollbar-width:none;scroll-snap-type:x proximity;margin:20px -18px 0;padding:2px 18px 6px;scroll-padding-inline:18px;display:flex;overflow-x:auto}.genre-chips::-webkit-scrollbar{display:none}.genre-chip{scroll-snap-align:start;flex:none;min-height:44px}.browse-banner{flex-direction:column;align-items:stretch;padding:24px 20px}.browse-banner h2{font-size:1.35rem}.browse-banner .button{justify-content:center;width:100%;min-height:48px}}
