*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}@media (max-width: 786px){body{font-size:16px}.container{width:100%;flex-direction:column}}:root{--particle-size: 12px;--animation-duration: 7s;--animation-timing: ease-in-out}.particle-animation-container{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden;top:0;left:0}.fire-particle{position:absolute;width:var(--particle-size);height:var(--particle-size);background:radial-gradient(circle,orange,#ff4500cc 60%,#f000);border-radius:50%;opacity:.8;animation:randomMovement var(--animation-duration) var(--animation-timing) infinite;will-change:transform,opacity}@keyframes randomMovement{0%{transform:translate(calc(100vw * var(--start-x, 0)),calc(100vh * var(--start-y, 0))) scale(1) rotate(0);opacity:1}33%{transform:translate(calc(100vw * var(--mid-x, .5)),calc(100vh * var(--mid-y, .5))) scale(.8) rotate(15deg);opacity:.9}66%{transform:translate(calc(100vw * var(--mid2-x, .5)),calc(100vh * var(--mid2-y, .5))) scale(.6) rotate(25deg);opacity:.7}to{transform:translate(calc(100vw * var(--end-x, 1)),calc(100vh * var(--end-y, 1))) scale(0) rotate(40deg);opacity:0}}.fire-particle:nth-child(1){--start-x: .1;--start-y: .9;--mid-x: .35;--mid-y: .65;--mid2-x: .55;--mid2-y: .4;--end-x: .8;--end-y: .1;animation-delay:0s}.fire-particle:nth-child(2){--start-x: .8;--start-y: .85;--mid-x: .65;--mid-y: .6;--mid2-x: .45;--mid2-y: .35;--end-x: .2;--end-y: .2;animation-delay:1s}.fire-particle:nth-child(3){--start-x: .2;--start-y: .95;--mid-x: .3;--mid-y: .7;--mid2-x: .5;--mid2-y: .5;--end-x: .7;--end-y: .15;animation-delay:.5s}.fire-particle:nth-child(4){--start-x: .9;--start-y: .8;--mid-x: .75;--mid-y: .55;--mid2-x: .55;--mid2-y: .3;--end-x: .3;--end-y: .1;animation-delay:1.5s}.fire-particle:nth-child(5){--start-x: .05;--start-y: .88;--mid-x: .25;--mid-y: .68;--mid2-x: .45;--mid2-y: .48;--end-x: .65;--end-y: .3;animation-delay:.8s}.fire-particle:nth-child(6){--start-x: .3;--start-y: .92;--mid-x: .5;--mid-y: .72;--mid2-x: .7;--mid2-y: .42;--end-x: .9;--end-y: .25;animation-delay:1.2s}.card-gallery-wrapper{position:relative;width:100%;height:100%;overflow:visible}.card-gallery-container{width:100%;height:200px;margin:0 auto;position:relative;background-color:#0009;background-image:linear-gradient(to top,#0003,#0003),url(/assets/card_gallary-C-H7QiNh.webp);background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #ffd700;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 0 15px #ffd7004d}.card-gallery-container h2{width:100%;color:#0ff;font-weight:bolder;text-align:center;font-size:1.5rem;text-transform:uppercase;text-shadow:0 0 10px #00ffff,0 0 20px #007bff,0 0 30px rgba(0,255,255,.8);-webkit-text-stroke:.1rem rgba(255,255,255,.6);letter-spacing:2px}@media (max-width: 1024px){.card-gallery-container{max-width:450px;height:100px}.card-gallery-container h2{font-size:1.2rem}}@media (max-width: 900px) and (orientation: landscape){.card-gallery-container{max-width:360px;height:100px;border:2px solid #ffd700;border-radius:8px;z-index:99}.card-gallery-container h2{font-size:.7rem;letter-spacing:1px;-webkit-text-stroke:.05rem rgba(255,255,255,.6)}}.challenge-mode-container{width:100%;height:200px;background-color:#0009;background-image:linear-gradient(to top,#0003,#0003),url(/assets/challenge_mode-DnrJJ1Lg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #ffd700;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;margin:0 auto;position:relative}.challenge-mode-container h2{width:100%;color:#0ff;font-weight:bolder;text-align:center;font-size:1.5rem;text-transform:uppercase;text-shadow:0 0 10px #00ffff,0 0 20px #007bff,0 0 30px rgba(0,255,255,.8);-webkit-text-stroke:.1rem rgba(255,255,255,.6);letter-spacing:2px}@media (max-width: 1024px){.challenge-mode-container{max-width:250px;height:100px}.challenge-mode-container h2{font-size:1.2rem}}@media (max-width: 1024px) and (orientation: landscape){.challenge-mode-container{width:100%;height:100%;min-height:100px;max-height:120px;position:relative;bottom:auto;right:auto;margin:0;border:2px solid #ffd700;border-radius:8px}.challenge-mode-container h2{font-size:1rem;line-height:1.2}}.event-mode-container{width:100%;height:180px;min-height:100px;background-color:#0009;background-image:linear-gradient(to top,#000c,#0003),url(/assets/eventmode-DgISDeLf.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #ffd700;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px;transition:all .3s ease-in-out;position:relative;margin:0 auto}.event-mode-container h2{width:100%;color:#0ff;font-weight:700;text-align:center;font-size:2rem;text-transform:uppercase;text-shadow:0 0 10px #00ffff,0 0 20px #007bff,0 0 30px rgba(0,255,255,.8);-webkit-text-stroke:.1rem rgba(255,255,255,.6)}.event-mode-container .text-center{position:absolute;left:50px;bottom:10px;margin:0;background-color:#00000080;padding:5px 8px;border-radius:4px;border:1px solid rgba(255,215,0,.5)}.event-mode-container .text-xl{font-size:.9rem;margin-bottom:2px;color:#fff}.event-mode-container .text-2xl{font-size:1.1rem;font-weight:700;color:#0ff}@media (max-width: 630px),(max-height: 630px){.event-mode-container{width:100%;max-width:100%;height:70px;padding:8px}.event-mode-container h2{font-size:1.2rem;margin:0}.event-mode-container .text-center{left:5px;bottom:5px;padding:2px 4px}.event-mode-container .text-xl{font-size:.6rem;margin-bottom:0}.event-mode-container .text-2xl{font-size:.7rem}}@media (max-width: 480px),(max-height: 480px){.event-mode-container{margin-top:10px;width:100%;height:40px}.event-mode-container h2{font-size:1rem}}@media (max-width: 380px),(max-height: 600px){.event-mode-container{width:100%;height:40px}.event-mode-container h2{font-size:.9rem}}@media (max-width: 1024px) and (orientation: landscape){.event-mode-container{width:100%;max-width:600px;height:auto;min-height:80px;padding:10px}.event-mode-container h2{font-size:1.5rem}.event-mode-container .text-center{position:absolute;left:10px;bottom:10px}.event-mode-container .text-xl{font-size:.7rem}.event-mode-container .text-2xl{font-size:.9rem}}.more-cards-container{width:100%;max-width:300px;height:220px;background-color:#0009;background-image:linear-gradient(to top,#0003,#0003),url(/assets/card_gallary1-CdgouDKM.webp);background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #ffd700;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;margin:0 auto;position:relative}.more-cards-container h2{width:100%;color:#0ff;font-weight:bolder;text-align:center;font-size:1.5rem;text-transform:uppercase;text-shadow:0 0 10px #00ffff,0 0 20px #007bff,0 0 30px rgba(0,255,255,.8);-webkit-text-stroke:.1rem rgba(255,255,255,.6);letter-spacing:2px}@media (max-width: 1024px){.more-cards-container{max-width:250px;height:100px}.more-cards-container h2{font-size:1.2rem}}@media (max-width: 1200px) and (orientation: landscape){.more-cards-container{position:fixed;bottom:0;left:0;margin:0;z-index:99}.more-cards-container h2{font-size:.7rem;letter-spacing:1px;-webkit-text-stroke:.05rem rgba(255,255,255,.6)}}@media (max-width: 1200px) and (orientation: landscape){.more-cards-container{position:fixed;bottom:0;left:0;max-width:180px;height:90px;margin:10px}.more-cards-container h2{font-size:.65rem}}@media (max-width: 480px){.more-cards-container{max-width:200px;height:80px}.more-cards-container h2{font-size:.9rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;overflow:hidden}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#1a1a1a)}.loading-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.3),transparent);transform:skew(-20deg);opacity:.6}.loading-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,0,.02) 2px,rgba(0,255,0,.02) 4px);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-content{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px}.loading-content-inner{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px}.loading-logo-container{position:relative;margin-bottom:1.5rem;perspective:1000px;transform-style:preserve-3d}.logo-desktop{width:24rem;height:16rem}.logo-mobile{width:16rem;height:10rem}.logo-landscape{width:12rem;height:8rem}.logo-glow{position:relative;width:100%;height:100%}.logo-glow:before{content:"";position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;z-index:-1}.logo-3d{width:100%;height:100%;object-fit:contain;transform-style:preserve-3d}@keyframes logoFloat{0%,to{transform:translateY(0) rotateY(0) scale(1) rotateX(5deg)}50%{transform:translateY(-10px) rotateY(5deg) scale(1.05) rotateX(5deg)}}@keyframes logoGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.loading-title{font-weight:800;letter-spacing:-.05em;margin-bottom:.5rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,0,0,.5),0 0 30px rgba(255,0,0,.3);line-height:1.1;font-family:Arial Black,sans-serif;position:relative;z-index:1}.loading-title:after{content:"CRICKET CARDS";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,red,#f60,#fff,#f60,red);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 2s linear infinite;z-index:-1}@keyframes titleShine{0%{background-position:0% 50%}to{background-position:200% 50%}}.title-mobile{font-size:2.5rem}.title-landscape{font-size:2rem}.loading-subtitle-container{position:relative;margin-bottom:1.5rem}.loading-subtitle{font-weight:700;text-transform:uppercase;color:#ef4444;letter-spacing:.25em;text-shadow:0 0 10px rgba(255,68,68,.8),0 0 20px rgba(255,68,68,.6),0 0 30px rgba(255,68,68,.4);line-height:1.2;font-family:Arial,sans-serif;animation:subtitlePulse 2s ease-in-out infinite}@keyframes subtitlePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.subtitle-desktop{font-size:1.5rem}.subtitle-mobile{font-size:1.25rem}.subtitle-landscape{font-size:1.125rem}.loading-bar{height:6px;background:linear-gradient(90deg,#600,#c00,#600);margin-top:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;border-radius:3px;box-shadow:0 0 10px #f00c,inset 0 0 10px #0000004d;border:1px solid rgba(255,0,0,.3)}.loading-bar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:barFill 1.5s ease-in-out infinite}@keyframes barFill{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-text{color:#fff;font-weight:600;letter-spacing:.15em;margin-top:1rem;line-height:1.4;font-family:Arial,sans-serif;text-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.3);animation:textBlink 2s ease-in-out infinite}@keyframes textBlink{0%,to{opacity:.6}50%{opacity:1}}.text-desktop{font-size:1.125rem}.text-mobile{font-size:1rem}.text-landscape{font-size:.875rem}@media (max-width: 768px){.loading-content{padding:15px}.loading-content-inner{max-width:95%}.loading-logo-container,.loading-subtitle-container{margin-bottom:1rem}.loading-bar{margin-top:1rem;margin-bottom:1rem}}@media (max-width: 480px){.loading-content{padding:10px}.logo-mobile{width:14rem;height:9rem}.title-mobile{font-size:2rem}.subtitle-mobile{font-size:1.125rem}.text-mobile{font-size:.875rem}}@media (max-width: 768px) and (orientation: landscape){.loading-content{padding:8px}.logo-landscape{width:10rem;height:6rem}.title-landscape{font-size:1.5rem}.subtitle-landscape{font-size:1rem}.text-landscape{font-size:.75rem}.loading-logo-container,.loading-subtitle-container{margin-bottom:.5rem}.loading-bar{margin-top:.5rem;margin-bottom:.5rem;height:4px}}@media (max-width: 320px){.logo-mobile{width:12rem;height:8rem}.title-mobile{font-size:1.75rem}.subtitle-mobile{font-size:1rem}.text-mobile{font-size:.75rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-3d{filter:drop-shadow(0 10px 20px rgba(0,0,0,.8)) drop-shadow(0 6px 15px rgba(255,0,0,.5)) brightness(1.3) contrast(1.2)}}.home-container{width:100%;height:100%}.home-main-content{position:relative;width:100%;height:100%;min-height:100vh}.home-background{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.home-background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.home-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.home-header{position:absolute;top:0;left:0;width:100%;height:4rem;z-index:40}@media (min-width: 768px){.home-header{height:5rem}}.home-notice-button{position:absolute;top:3rem;right:0;width:100%;z-index:30}@media (min-width: 768px){.home-notice-button{top:5rem}}.home-hero{position:absolute;z-index:10;display:flex;justify-content:center;transform:translateY(-50%)}.hero-desktop{top:30%;left:30%;transform:translate(-50%) translateY(-50%)}.hero-mobile{top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.hero-landscape{top:38%;left:25%;transform:translate(-50%) translateY(-50%)}.home-hero-content{text-align:center;padding:1rem}.cricket-3d-container{margin:0 auto .5rem;perspective:1000px;transform-style:preserve-3d}.cricket-desktop{width:18rem;height:18rem}.cricket-mobile{width:12rem;height:12rem}.cricket-landscape{width:7rem;height:7rem}.cricket-glow{position:relative;width:100%;height:100%}.cricket-glow:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,140,0,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:-1}.cricket-3d-gif{width:100%;height:100%;object-fit:contain;border-radius:.75rem;transform-style:preserve-3d;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 6px 15px rgba(255,0,0,.3));animation:float3d 4s ease-in-out infinite}@keyframes float3d{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-10px) rotateX(5deg) rotateY(2deg)}50%{transform:translateY(-15px) rotateX(0) rotateY(5deg)}75%{transform:translateY(-5px) rotateX(-5deg) rotateY(-2deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.glitch-title{position:relative;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.title-desktop{font-size:3.75rem}.title-mobile{font-size:2rem}.title-landscape{font-size:1.5rem;margin-bottom:.25rem}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-title:before{animation:glitch .3s infinite;color:red;z-index:-1}.glitch-title:after{animation:glitch .3s infinite reverse;color:#0ff;z-index:-2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.home-hero-subtitle{color:#eab308;font-weight:600;letter-spacing:.025em;margin-bottom:1rem;line-height:1.4}.subtitle-desktop{font-size:1.875rem}.subtitle-mobile{font-size:1.125rem}.subtitle-landscape{font-size:1rem}.home-components{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.fixed-more-cards{position:absolute;bottom:20px;left:2rem;width:300px;height:200px;z-index:30;box-shadow:0 10px 25px #0000004d;overflow:visible}.fixed-event-mode{position:absolute;bottom:235px;right:5px;width:620px;height:140px;z-index:30;box-shadow:0 10px 25px #0000004d;overflow:visible}.fixed-card-gallery{position:absolute;bottom:20px;right:310px;width:300px;height:200px;z-index:30;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;overflow:visible}.fixed-challenge-mode{position:absolute;bottom:20px;right:5px;width:300px;height:200px;z-index:30;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;overflow:visible}@media (max-width: 768px) and (orientation: landscape){.fixed-more-cards{bottom:5px;left:.5rem;width:120px;height:80px}.fixed-event-mode{bottom:150px;right:5px;width:250px;height:50px}.fixed-card-gallery{bottom:25px;right:130px;width:120px;height:80px}.fixed-challenge-mode{bottom:25px;right:5px;width:120px;height:80px}}@media (max-width: 768px) and (orientation: portrait){.fixed-more-cards{bottom:90px;left:.5rem;right:.5rem;width:auto;height:60px}.fixed-event-mode{bottom:155px;left:.5rem;right:.5rem;width:auto;height:50px}.fixed-card-gallery{bottom:5px;left:.5rem;width:calc(50% - 1rem);height:80px}.fixed-challenge-mode{bottom:5px;right:.5rem;width:calc(50% - 1rem);height:80px}}@media (min-width: 769px) and (max-width: 1024px){.fixed-more-cards{bottom:15px;left:1.5rem;width:220px;height:160px}.fixed-event-mode{bottom:180px;right:5px;width:300px;height:50px}.fixed-card-gallery{bottom:25px;right:160px;width:140px;height:80px}.fixed-challenge-mode{bottom:25px;right:5px;width:150px;height:80px}}@media (min-width: 1025px){.fixed-more-cards{bottom:20px;left:1rem;width:350px;height:220px}.fixed-event-mode{bottom:250px;right:25px;width:620px;height:160px}.fixed-card-gallery{bottom:2px;right:340px;width:300px;height:220px}.fixed-challenge-mode{bottom:2px;right:25px;width:300px;height:220px}}@media (max-width: 480px){.cricket-mobile{width:10rem;height:10rem}.title-mobile{font-size:1.5rem}.subtitle-mobile{font-size:1rem}}@media (max-width: 320px){.cricket-mobile{width:8rem;height:8rem}.title-mobile{font-size:1.25rem}.subtitle-mobile{font-size:.875rem}}@keyframes slideInDown{0%{transform:translateY(-2px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes gradient-x{0%,to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}.animate-slideInDown{animation:slideInDown .5s ease-out}.animate-slideInUp{animation:slideInUp .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-gradient-x{animation:gradient-x 3s ease infinite}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#ef4444 #374151;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#374151;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ef4444;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#dc2626}@media (max-width: 768px){.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 140px)!important;min-height:300px!important;max-height:calc(100vh - 140px)!important;padding-bottom:20px!important;margin-bottom:10px!important}.overflow-y-auto{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;padding-bottom:20px!important}.flex{min-height:0!important}.custom-scrollbar{padding-bottom:30px!important;margin-bottom:10px!important}.custom-scrollbar::-webkit-scrollbar{width:2px}.space-y-2>:last-child{margin-bottom:20px!important}.space-y-3>:last-child{margin-bottom:20px!important}.gap-2{gap:.375rem}.gap-3{gap:.5rem}.p-2{padding:.5rem}.p-3{padding:.625rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.625rem}.text-base{font-size:.875rem;line-height:1.25rem}.text-sm{font-size:.75rem;line-height:1rem}.text-xs{font-size:.6875rem;line-height:1rem}button{min-height:40px;min-width:40px;touch-action:manipulation}.cursor-pointer{cursor:default}.bg-gradient-to-br{padding-bottom:env(safe-area-inset-bottom,20px)!important}}@media (max-width: 768px) and (orientation: landscape){.flex-col{flex-direction:row!important}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 100px)!important;min-height:250px!important;max-height:calc(100vh - 100px)!important;padding-bottom:15px!important;margin-bottom:8px!important}.w-1\/3{width:33.333333%!important;min-width:120px!important;max-width:200px!important}.w-2\/3{width:66.666667%!important;min-width:200px!important}.text-base{font-size:.8125rem;line-height:1.125rem}.text-sm{font-size:.6875rem;line-height:.875rem}.text-xs{font-size:.625rem;line-height:.875rem}.gap-2{gap:.25rem}.gap-3{gap:.375rem}.p-2{padding:.375rem}.p-3{padding:.5rem}.mb-2{margin-bottom:.375rem}.mb-3{margin-bottom:.5rem}.custom-scrollbar{padding-bottom:25px!important;margin-bottom:8px!important}}@media (max-width: 768px) and (orientation: portrait){.w-1\/3{width:100%!important;flex:0 0 auto!important}.w-2\/3{width:100%!important;flex:1 1 auto!important}.flex-row{flex-direction:column!important}.h-\[calc\(100vh-200px\)\]{height:calc(50vh - 70px)!important;min-height:200px!important;max-height:calc(50vh - 70px)!important;padding-bottom:25px!important;margin-bottom:12px!important}.w-1\/3.h-\[calc\(100vh-200px\)\]{height:calc(35vh - 70px)!important;min-height:150px!important;max-height:calc(35vh - 70px)!important;padding-bottom:20px!important;margin-bottom:8px!important}.w-2\/3.h-\[calc\(100vh-200px\)\]{height:calc(55vh - 70px)!important;min-height:200px!important;max-height:calc(55vh - 70px)!important;padding-bottom:30px!important;margin-bottom:15px!important}.custom-scrollbar{padding-bottom:35px!important;margin-bottom:12px!important}}@media (max-width: 640px) and (orientation: landscape){.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 90px)!important;min-height:200px!important;max-height:calc(100vh - 90px)!important;padding-bottom:12px!important;margin-bottom:6px!important}.text-base{font-size:.75rem;line-height:1rem}.text-sm{font-size:.625rem;line-height:.875rem}.text-xs{font-size:.5625rem;line-height:.75rem}.gap-2{gap:.1875rem}.gap-3{gap:.25rem}.p-2{padding:.25rem}.p-3{padding:.375rem}.mb-2{margin-bottom:.25rem}.mb-3{margin-bottom:.375rem}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rounded-xl{border-radius:.375rem}.rounded-lg{border-radius:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.375rem}.custom-scrollbar{padding-bottom:20px!important;margin-bottom:6px!important}}@media (max-width: 640px) and (orientation: portrait){.h-\[calc\(100vh-200px\)\]{height:calc(45vh - 60px)!important;min-height:180px!important;max-height:calc(45vh - 60px)!important;padding-bottom:30px!important;margin-bottom:15px!important}.w-1\/3.h-\[calc\(100vh-200px\)\]{height:calc(30vh - 60px)!important;min-height:120px!important;max-height:calc(30vh - 60px)!important;padding-bottom:25px!important;margin-bottom:10px!important}.w-2\/3.h-\[calc\(100vh-200px\)\]{height:calc(60vh - 60px)!important;min-height:200px!important;max-height:calc(60vh - 60px)!important;padding-bottom:35px!important;margin-bottom:20px!important}.custom-scrollbar{padding-bottom:40px!important;margin-bottom:15px!important}}@media (max-height: 500px) and (orientation: landscape){.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 70px)!important;min-height:150px!important;max-height:calc(100vh - 70px)!important;padding-bottom:10px!important;margin-bottom:5px!important}.p-2{padding:.1875rem}.p-3{padding:.25rem}.text-base{font-size:.6875rem;line-height:.875rem}.text-sm{font-size:.5625rem;line-height:.75rem}.text-xs{font-size:.5rem;line-height:.625rem}.custom-scrollbar{padding-bottom:15px!important;margin-bottom:5px!important}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scroll-smooth{scroll-behavior:smooth}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.custom-scrollbar::-webkit-scrollbar{width:6px}}@media (max-width: 768px){.custom-scrollbar{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:25px!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:20px!important}}@media (max-width: 768px){.flex,.flex-1{min-height:0;min-width:0}.overflow-y-auto{flex-shrink:1;flex-grow:1;flex-basis:0%;padding-bottom:20px!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 140px - env(safe-area-inset-bottom))!important;max-height:calc(100vh - 140px - env(safe-area-inset-bottom))!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}.custom-scrollbar{-webkit-overflow-scrolling:touch;will-change:scroll-position;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))!important}}}@media (max-width: 768px){.custom-scrollbar{overscroll-behavior-y:contain;scroll-behavior:smooth;padding-bottom:25px!important}}@media (max-width: 768px){.overflow-y-auto>*:last-child{margin-bottom:25px!important;padding-bottom:10px!important}.space-y-2>*:last-child,.space-y-3>*:last-child{margin-bottom:30px!important;padding-bottom:15px!important}.bg-gradient-to-br.from-gray-900.to-gray-800{margin-bottom:20px!important;padding-bottom:15px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 768px){.custom-scrollbar{padding-bottom:calc(25px + env(safe-area-inset-bottom))!important}.overflow-y-auto{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.h-\[calc\(100vh-200px\)\]{margin-bottom:calc(10px + env(safe-area-inset-bottom))!important}}}