.pwa-install-banner{position:fixed;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:100;width:min(90%,360px);animation:slideUp .4s ease-out}.pwa-install-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#041218e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(156,184,195,.28);box-shadow:0 8px 24px #0000008c;padding:10px 18px;border-radius:9px;font-family:var(--font-family-sports);font-size:.88rem;font-weight:700;letter-spacing:.3px;transition:all .2s ease;cursor:pointer}.pwa-install-btn:hover{background:#061a24f2;border-color:var(--green-primary);box-shadow:0 8px 28px #00c86f33}.pwa-install-logo-img{width:24px;height:24px;object-fit:cover;border-radius:5px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.pwa-install-divider{width:1px;height:18px;background:#fff3}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}:root{--eg-green-700: #047A36;--eg-green-600: #058C40;--eg-green-500: #06AA48;--eg-green-400: #14B957;--eg-green-300: #27C96A;--eg-danger: #D73838;--eg-warning: #D89520;--bg-main: #001016;--bg-deep: #000b10;--bg-surface: #03181d;--bg-surface-soft: #061f24;--green-primary: #00c86f;--green-strong: #00b864;--green-bright: #00e17f;--green-dark: #007e48;--text-primary: #ffffff;--text-secondary: #b8c6cd;--text-muted: #7f929b;--border-soft: rgba(156, 184, 195, .18);--border-medium: rgba(156, 184, 195, .28);--border-card: rgba(150, 175, 185, .25);--divider-color: rgba(255, 255, 255, .1);--danger-live: #ff253a;--danger-live-dark: #d91027;--shadow-soft: 0 10px 28px rgba(0, 0, 0, .22);--shadow-card: 0 4px 16px rgba(0, 0, 0, .35);--color-primary: #00b864;--color-primary-hover: #00a75b;--color-primary-active: #007e48;--color-primary-bright: #00e17f;--color-primary-glow: rgba(0, 200, 111, .35);--color-bg-live: #000000;--color-bg-games: #F4F6F9;--color-bg-games-gradient: linear-gradient(180deg, #F4F6F9 0%, #EBF0F5 100%);--color-header-feed: #00A859;--color-header-pay: #001016;--color-feed-card: #FFFFFF;--color-feed-border: #E2E8F0;--color-feed-text: #0F172A;--color-feed-text-secondary: #64748B;--color-feed-text-muted: #94A3B8;--color-accent-red: #ff253a;--color-accent-red-glow: rgba(255, 37, 58, .35);--color-white: #FFFFFF;--color-text-primary: #FFFFFF;--color-text-secondary: #b8c6cd;--color-text-muted: #7f929b;--color-text-dark: #111827;--color-text-dark-muted: #64748B;--color-card-white: #FFFFFF;--color-card-dark: rgba(0, 18, 22, .82);--color-border-subtle: rgba(156, 184, 195, .18);--color-border-card: rgba(150, 175, 185, .25);--font-family-sports: "Outfit", sans-serif;--font-family-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-scale: clamp(.95rem, .9rem + .35vw, 1.1rem);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.35rem;--font-size-2xl: 1.75rem;--font-size-3xl: clamp(2rem, 1.6rem + 2vw, 2.75rem);--font-size-price: clamp(2.25rem, 1.8rem + 2.5vw, 3.25rem);--radius-xs: 4px;--radius-button: 7px;--radius-sm: 8px;--radius-card: 9px;--radius-slide: 10px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-family-body);font-size:var(--font-scale);color:var(--text-primary);background-color:var(--bg-deep);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pwa-app-root{min-height:100dvh;display:flex;justify-content:center;align-items:stretch;background-color:#00080d;position:relative}.pwa-viewport{width:100%;max-width:440px;min-height:100dvh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-main);box-shadow:0 0 50px #000000d9;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.pwa-viewport:has(.feed-screen-container),.pwa-viewport:has(.payment-screen),.pwa-viewport:has(.streaming-page){background-color:var(--color-bg-games, #F4F6F9)}.app-screen{min-height:100dvh;width:100%;background:radial-gradient(circle at 50% 18%,rgba(0,200,111,.06),transparent 28%),linear-gradient(180deg,var(--bg-main) 0%,var(--bg-deep) 100%);color:var(--text-primary);font-family:var(--font-family-body)}.app-screen.payment-screen,.app-screen.streaming-page,.pwa-viewport:has(.feed-screen-container) .app-screen,.pwa-viewport:has(.payment-screen) .app-screen,.pwa-viewport:has(.streaming-page) .app-screen{background:var(--color-bg-games, #F4F6F9)!important;color:#0f172a!important}.screen-content{width:min(100%,430px);margin:0 auto;padding-inline:16px;box-sizing:border-box}.pwa-viewport::-webkit-scrollbar{width:4px}.pwa-viewport::-webkit-scrollbar-track{background:transparent}.pwa-viewport::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.live-dot{width:8px;height:8px;background-color:var(--danger-live);border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 8px var(--danger-live);animation:pulseLive 1.6s infinite ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:24px;height:24px;border:2.5px solid rgba(255,255,255,.2);border-top-color:var(--green-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
