@media(max-width:1024px){.glass-base,.glass-panel{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}}@media(max-width:768px){html{font-size:14px}.container{padding-left:12px;padding-right:12px}button,[role=button]{min-height:44px;min-width:44px;padding:10px 16px}input,select,textarea{min-height:44px;font-size:16px!important}.modal-content{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.sidebar{width:100%;max-width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.card-grid{grid-template-columns:1fr}.football-pitch{width:100%;height:auto;aspect-ratio:105/68}.odds-matrix{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.toast,.notification{left:12px;right:12px;width:auto}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media(max-width:480px){html{font-size:12px}.container{padding-left:8px;padding-right:8px}button{font-size:14px}table{font-size:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}@media(max-width:768px)and (orientation:landscape){.sidebar,.main-content{width:50%}.section{padding-top:8px;padding-bottom:8px}}@media(hover:none)and (pointer:coarse){a,button,[role=button],.clickable{padding:12px}.hover-3d:hover{transform:none}button:active,[role=button]:active{opacity:.7;transform:scale(.98)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.glass-base,.glass-panel{border-width:.5px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.mobile-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-hide{display:none}@media(min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.no-select{-webkit-user-select:none;user-select:none}.allow-select{-webkit-user-select:text;user-select:text}.touch-scroll{overflow:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.fixed-header{position:sticky;top:0;z-index:100}.fixed-footer{position:sticky;bottom:0;z-index:100}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.animate-slide-down{animation:slide-down .3s ease-out}.animate-slide-left{animation:slide-left .3s ease-out}.animate-slide-right{animation:slide-right .3s ease-out}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.pt-safe{padding-top:max(env(safe-area-inset-top),20px)}.pb-safe{padding-bottom:max(env(safe-area-inset-bottom),34px)}.px-safe{padding-left:max(env(safe-area-inset-left),16px);padding-right:max(env(safe-area-inset-right),16px)}@media(max-width:768px){.mobile-bottom-nav-fixed{position:fixed;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav{padding-bottom:max(env(safe-area-inset-bottom),34px)}.mobile-content-area{padding-bottom:calc(70px + max(env(safe-area-inset-bottom),34px))}}:root{--vh: 1vh;--real-vh: 100vh}.h-screen-real{height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100)}.min-h-screen-real{min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100)}.max-h-screen-real{max-height:100vh;max-height:100dvh;max-height:calc(var(--vh, 1vh) * 100)}.h-50vh{height:50vh;height:50dvh;height:calc(var(--vh, 1vh) * 50)}.h-75vh{height:75vh;height:75dvh;height:calc(var(--vh, 1vh) * 75)}.pt-safe-enhanced{padding-top:env(safe-area-inset-top);padding-top:max(env(safe-area-inset-top),20px)}.pb-safe-enhanced{padding-bottom:env(safe-area-inset-bottom);padding-bottom:max(env(safe-area-inset-bottom),20px)}.pl-safe-enhanced{padding-left:env(safe-area-inset-left);padding-left:max(env(safe-area-inset-left),16px)}.pr-safe-enhanced{padding-right:env(safe-area-inset-right);padding-right:max(env(safe-area-inset-right),16px)}.p-safe-all{padding-top:max(env(safe-area-inset-top),20px);padding-right:max(env(safe-area-inset-right),16px);padding-bottom:max(env(safe-area-inset-bottom),20px);padding-left:max(env(safe-area-inset-left),16px)}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:env(safe-area-inset-bottom);padding-bottom:max(env(safe-area-inset-bottom),20px);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 10px #0000004d}.has-tabbar{padding-bottom:calc(60px + env(safe-area-inset-bottom));padding-bottom:calc(60px + max(env(safe-area-inset-bottom),20px))}.mobile-fullscreen{width:100vw;width:100dvw;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:relative}.mobile-content-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(var(--vh, 1vh) * 100 - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.debug-safe-area:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:#ff00004d;pointer-events:none;z-index:9999}.debug-safe-area:after{content:"";position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom);background:#00ff004d;pointer-events:none;z-index:9999}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touch-feedback:active:after{width:200%;height:200%}@media(max-width:768px){.mobile-card{border-radius:12px;padding:16px;margin-bottom:12px}.mobile-card-compact{border-radius:8px;padding:12px;margin-bottom:8px}}@media(max-width:768px){.mobile-list-item{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);min-height:60px;display:flex;align-items:center}.mobile-list-item:active{background:#ffffff0d}}@media(max-width:768px){.mobile-form-group{margin-bottom:20px}.mobile-form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.mobile-form-input{width:100%;padding:12px 16px;font-size:16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff}.mobile-form-input:focus{outline:none;border-color:#4ade8080;background:#ffffff14}}@media(max-width:768px){.mobile-button-group{display:flex;gap:8px;flex-wrap:wrap}.mobile-button-group button{flex:1;min-width:calc(50% - 4px)}}.mobile-loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.mobile-empty-state{padding:60px 20px;text-align:center}.mobile-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.3}.mobile-empty-state-text{font-size:14px;color:#fff9}aside{width:100%!important;max-width:100%!important;border-radius:0!important;padding:16px!important}main{width:100%!important;padding:16px!important}.glass-base,.glass-panel{margin-bottom:12px;border-radius:12px!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100}.mobile-content-with-nav{padding-bottom:80px}}.mobile-nav-item{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-item.active{transform:translateY(-2px)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,transparent,#4ade80,transparent);border-radius:0 0 3px 3px}.mobile-nav-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}