@layer base{:root{--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong:cubic-bezier(.77, 0, .175, 1)}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;overflow-x:clip}:where(a,button,[role=button],input,select,textarea){-webkit-tap-highlight-color:transparent}:where(a,button,[role=button]):not([aria-disabled=true]){transition:transform .15s var(--ease-out-strong), background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease, filter .18s ease;transform-origin:50%}:where(a,button,[role=button]):not([aria-disabled=true]):active{transform:scale(.96)}:where(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #c3f400}:where(button,[role=button],input,select){min-height:44px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}img{border-color:#ffffff1a}}@layer utilities{.safe-area-bottom{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.content-auto{content-visibility:auto;contain-intrinsic-size:auto 720px}.scroll-edge-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}.guide-dither{background-image:radial-gradient(circle at 15% 20%,#c3f40038 0 1px,#0000 1.5px),radial-gradient(circle at 72% 48%,#4b8eff2e 0 1px,#0000 1.5px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");background-size:38px 38px,54px 54px,180px 180px}.tabular-nums{font-variant-numeric:tabular-nums}}.empty-state{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden;border-radius:24px!important}.empty-state:before{z-index:-2;content:"";opacity:.72;background:linear-gradient(90deg,#0b0d14f5,#0b0d14c2,#0b0d1459),url(/images/stadium-silhouette-1.png) 50%/cover no-repeat;position:absolute;inset:0}.empty-state:after{z-index:-1;content:"";background:radial-gradient(circle at 50% 120%,#c3f40021,#0000 54%);position:absolute;inset:0}.skeleton{background:#ffffff13;position:relative;overflow:hidden}.skeleton:after{content:"";animation:skeleton-sweep 1.35s var(--ease-out-strong) infinite;background:linear-gradient(90deg,#0000,#ffffff17,#0000);position:absolute;inset:0;transform:translate(-100%)}.space-y-3:has(>div .skeleton)>div{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:184px;display:flex;position:relative;overflow:hidden;border-radius:20px!important;padding:20px!important}.space-y-3:has(>div .skeleton)>div:before{z-index:-2;content:"";opacity:.52;background:linear-gradient(90deg,#0b0d14f0,#0b0d14b8,#0b0d1457),url(/images/sports-bg-abstract.jpg) 50%/cover no-repeat;position:absolute;inset:0}.space-y-3:has(>div .skeleton)>div:nth-child(2):before{background:linear-gradient(90deg,#0b0d14f0,#0b0d14b8,#0b0d1457),url(/images/sports-bg-hockey.jpg) 50%/cover no-repeat}.space-y-3:has(>div .skeleton)>div:nth-child(3):before{background:linear-gradient(90deg,#0b0d14f0,#0b0d14b8,#0b0d1457),url(/images/sports-bg-football.jpg) 50%/cover no-repeat}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (max-width:767px){input,select,textarea{font-size:16px}.sonner-toaster{right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;width:auto!important;left:12px!important}.empty-state{min-height:360px;padding:28px!important}.space-y-3:has(>div .skeleton)>div{min-height:210px}}@media (hover:hover) and (pointer:fine){:where(a,button,[role=button]):not([aria-disabled=true]):hover{will-change:transform}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:where(a,button,[role=button]):active{transform:none}}
