:root{--bg-primary:#1a1f2e;--bg-secondary:#242938;--bg-card:#1e2435;--green:#00b050;--green-dark:#007a38;--yellow:#f5c518;--red:#e63946;--text-muted:#9aa0b4;--border:#2e3347;--radius:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{background:var(--bg-primary);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#3a4060;border-radius:2px}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.live-dot{animation:1.5s ease-in-out infinite pulse-live}.anim-slideDown{animation:.2s ease-out slideDown}.anim-slideUp{animation:.28s ease-out slideUp}.anim-fadeIn{animation:.2s ease-out fadeIn}.odds-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:52px;padding:8px 4px;transition:background .15s,border-color .15s;display:flex}.odds-btn:hover,.odds-btn:active{background:var(--green);border-color:var(--green)}.odds-btn.selected{background:var(--green);border-color:#00d060}.odds-btn.increased{border-color:var(--green);color:#00d060}.odds-btn.decreased{border-color:var(--red);color:var(--red)}.desktop-only{display:none!important}@media (min-width:768px){.desktop-only{display:flex!important}}.mobile-only{display:flex!important}@media (min-width:768px){.mobile-only{display:none!important}}.desktop-only-block{display:none!important}@media (min-width:768px){.desktop-only-block{display:block!important}}.app-sidebar{border-right:1px solid var(--border);background:#1a1f2e;flex-direction:column;flex-shrink:0;width:220px;min-height:100%;transition:width .2s;display:none;overflow:hidden auto}@media (min-width:768px){.app-sidebar{display:flex}}.app-sidebar.collapsed{width:52px}.bottom-nav{z-index:90;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);background:#0f1320;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.bottom-nav{display:none}}.header-promo-bar{display:none}@media (min-width:768px){.header-promo-bar{color:var(--text-muted);background:#0a0d18;justify-content:space-between;padding:5px 16px;font-size:11px;display:flex}}.header-desktop-nav{display:none}@media (min-width:768px){.header-desktop-nav{gap:2px;margin-left:8px;display:flex}}.header-desktop-auth{display:none}@media (min-width:768px){.header-desktop-auth{align-items:center;gap:8px;display:flex}}.header-desktop-search{display:none}@media (min-width:768px){.header-desktop-search{align-items:center;display:flex;position:relative}}.header-mobile-auth{display:flex}@media (min-width:768px){.header-mobile-auth{display:none}}.page-main{flex:1;min-width:0;padding-bottom:70px;transition:padding-right .25s}@media (min-width:768px){.page-main{padding-bottom:0}}.betslip-mobile-drawer{flex-direction:column;display:flex}@media (min-width:768px){.betslip-mobile-drawer{display:none}}.betslip-desktop-panel{display:none}@media (min-width:768px){.betslip-desktop-panel{border-left:1px solid var(--border);z-index:90;background:#1a1f2e;flex-direction:column;width:320px;height:100vh;display:flex;position:fixed;top:0;right:0}}.auth-modal-sheet{border-bottom:none;border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:95vh;overflow-y:auto}@media (min-width:640px){.auth-modal-sheet{border-bottom:1px solid var(--border);border-radius:12px;max-width:440px;max-height:90vh}}.modal-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (min-width:640px){.modal-overlay{align-items:center}}.grid-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:640px){.grid-stats{grid-template-columns:repeat(4,1fr)}}.grid-matches{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:560px){.grid-matches{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-matches{grid-template-columns:repeat(3,1fr)}}.grid-games{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:560px){.grid-games{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.grid-games{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.grid-games{grid-template-columns:repeat(5,1fr)}}.grid-promos{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.grid-promos{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-promos{grid-template-columns:repeat(3,1fr)}}.grid-account-menu{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:640px){.grid-account-menu{grid-template-columns:repeat(3,1fr)}}.grid-wallet-balance{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grid-bet-summary{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:640px){.grid-bet-summary{grid-template-columns:repeat(4,1fr)}}.grid-footer{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (min-width:640px){.grid-footer{grid-template-columns:repeat(4,1fr)}}.live-layout{flex-direction:column;display:flex}@media (min-width:768px){.live-layout{flex-direction:row}}.live-match-list{border-bottom:1px solid var(--border);overflow-y:auto}@media (min-width:768px){.live-match-list{border-bottom:none;border-right:1px solid var(--border);flex-shrink:0;width:360px;height:calc(100vh - 140px)}}.live-detail-panel{flex:1;padding:14px;overflow-y:auto}.app-banner{flex-direction:column;gap:14px;display:flex}@media (min-width:768px){.app-banner{flex-direction:row;align-items:center}}.notif-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:640px){.notif-stack{width:320px;padding:0;top:72px;left:auto;right:12px}}