html,body{height:100%;margin:0;padding:0;font-feature-settings:"cv02","cv03","cv04","cv11"}.glassmorphism{background:#ffffffc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 20px #00000008;color:#1e293b}.dark .glassmorphism{background:#111827a6;border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#f1f5f9}.glassmorphism-light{background:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.04)}.dark .glassmorphism-light{background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.scrollbar-thin::-webkit-scrollbar{height:4px;width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card-perspective{perspective:1200px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#0e1426f5,#080c18fa);border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 40px #0009}.flip-card-back{transform:rotateY(180deg)}.swipe-card{transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .3s ease,box-shadow .3s ease;cursor:grab}.swipe-card:active{cursor:grabbing}.swipe-card.swiping-left{transform:translate(-150%,8deg) rotate(-20deg)!important;opacity:0}.swipe-card.swiping-right{transform:translate(150%,8deg) rotate(20deg)!important;opacity:0}.tinder-stack-0{transform:translateZ(0) scale(1);z-index:30;opacity:1}.tinder-stack-1{transform:translate3d(0,8px,-40px) scale(.95);z-index:20;opacity:.8;pointer-events:none}.tinder-stack-2{transform:translate3d(0,16px,-80px) scale(.9);z-index:10;opacity:.5;pointer-events:none}.tinder-stack-hidden{transform:translate3d(0,24px,-120px) scale(.8);z-index:0;opacity:0;pointer-events:none}.joker-card{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,border-color .2s ease}.joker-card:hover{transform:translateY(-8px) scale(1.05)}.joker-card.dragging{opacity:.4;transform:scale(.95);border-style:dashed}@keyframes neon-glow-pulse{0%,to{box-shadow:0 8px 32px #0000005e}50%{box-shadow:0 0 25px var(--glow-color)}}.joker-glow-ciftesans{--glow-color: rgba(6, 182, 212, .7);border:2px solid #06b6d4!important;animation:neon-glow-pulse 3s infinite}.joker-glow-doublepuan{--glow-color: rgba(168, 85, 247, .7);border:2px solid #a855f7!important;animation:neon-glow-pulse 3s infinite}.joker-glow-allin{--glow-color: rgba(255, 215, 0, .7);border:2px solid #ffd700!important;animation:neon-glow-pulse 3s infinite}.joker-glow-spy{--glow-color: rgba(236, 72, 153, .7);border:2px solid #ec4899!important;animation:neon-glow-pulse 3s infinite}.joker-glow-doksanarti{--glow-color: rgba(0, 200, 83, .7);border:2px solid #00c853!important;animation:neon-glow-pulse 3s infinite}.joker-glow-sabotaj{--glow-color: rgba(255, 45, 55, .7);border:2px solid #ff2d37!important;animation:neon-glow-pulse 3s infinite}.sabotaged-overlay{background-image:linear-gradient(135deg,rgba(239,68,68,.1) 25%,transparent 25%,transparent 50%,rgba(239,68,68,.1) 50%,rgba(239,68,68,.1) 75%,transparent 75%,transparent);background-size:40px 40px;animation:sabotaged-slide 4s linear infinite}@keyframes sabotaged-slide{0%{background-position:0 0}to{background-position:40px 40px}}.drag-hover{border:2px dashed #06b6d4!important;background:#06b6d426!important;transform:scale(1.02)!important}.stepper-btn{transition:background-color .15s ease,transform .1s ease}.stepper-btn:active{transform:scale(.9)}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.pulse-live{animation:live-pulse 2s infinite}.nav-tab.active{color:#fff!important}.nav-tab.active .nav-glow{opacity:1!important}.nav-tab.active i{transform:scale(1.1) translateY(-2px)}@keyframes confetti-fall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(600px) rotate(360deg);opacity:0}}.confetti{position:absolute;width:8px;height:8px;background-color:var(--confetti-color);border-radius:50%;z-index:100;animation:confetti-fall var(--confetti-duration) linear forwards}@keyframes rotate-flip{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.animate-rotate-flip{animation:rotate-flip .3s ease-out forwards}.fixture-card{transition:transform .2s cubic-bezier(.165,.84,.44,1),box-shadow .2s ease,border-color .2s ease;cursor:pointer}.fixture-card:hover{transform:translateY(-2px);border-color:#06b6d440!important;box-shadow:0 10px 25px #0000008c}.fixture-card:active{transform:scale(.98)}.match-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:448px;margin:0 auto;background:#050508;z-index:200;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:hidden;display:flex;flex-direction:column}.match-detail-overlay.active{transform:translateY(0)}.skorio-header-bg{background:linear-gradient(180deg,#063c2b,#032319);border-bottom:2px solid #00c853;position:relative;overflow:hidden}.skorio-header-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,rgba(0,200,83,.18) 0%,transparent 75%);pointer-events:none}.skorio-stripe-purple{background:repeating-linear-gradient(-45deg,#8b5cf659,#8b5cf659 8px,#6d28d980 8px,#6d28d980 16px)!important;border:1.5px solid #a78bfa!important;color:#f5f3ff!important;box-shadow:0 0 12px #8b5cf666}.skorio-stripe-cyan{background:repeating-linear-gradient(-45deg,#06b6d459,#06b6d459 8px,#0891b280 8px,#0891b280 16px)!important;border:1.5px solid #22d3ee!important;color:#ecfeff!important;box-shadow:0 0 12px #06b6d466}.skorio-stripe-yellow{background:repeating-linear-gradient(-45deg,#fde04759,#fde04759 8px,#eab30880 8px,#eab30880 16px)!important;border:1.5px solid #fef08a!important;color:#fef9c3!important;box-shadow:0 0 12px #fde04766}.skorio-stripe-pink{background:repeating-linear-gradient(-45deg,#f43f5e59,#f43f5e59 8px,#e11d4880 8px,#e11d4880 16px)!important;border:1.5px solid #fecdd3!important;color:#fff1f2!important;box-shadow:0 0 12px #f43f5e66}.joker-fab{position:fixed;bottom:85px;right:20px;width:54px;height:54px;border-radius:27px;background:linear-gradient(135deg,gold,#d97706);box-shadow:0 4px 20px #d9770673;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:102;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease,opacity .3s ease}.joker-fab:hover{transform:scale(1.08) rotate(10deg);box-shadow:0 6px 24px #d97706a6}.joker-fab:active{transform:scale(.93)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:105;opacity:0;pointer-events:none;transition:opacity .35s ease}.drawer-backdrop.active{opacity:1;pointer-events:auto}.joker-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:448px;margin:0 auto;background:#0d111cfa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(255,255,255,.1);border-radius:0;z-index:110;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:20px 20px 30px;box-shadow:0 -12px 40px #000c;height:100%;display:flex;flex-direction:column}.joker-drawer.active{transform:translateY(0)}.joker-drawer-drag-line{width:40px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 15px}#jokers-deck{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-grow:1;padding-bottom:40px}.vs-hexagon{width:48px;height:54px;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:800;font-size:10px;color:#1e293b;box-shadow:inset 0 0 6px #0000000d;position:relative;z-index:10}.dark .vs-hexagon{background:#0a0f1eb3;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 0 8px #0009}.hero-match-card{border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 30px #0000000a;color:#1e293b!important}.dark .hero-match-card{border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px #0006!important;color:#fff!important}.medium-match-card{background:linear-gradient(135deg,#ffffffd9,#f8fafccc);border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 4px 15px #00000005;color:#334155!important}.dark .medium-match-card{background:linear-gradient(135deg,#141928bf,#0a0f1ecc)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;color:#fff!important}.scrollbar-thin::-webkit-scrollbar-thumb{background:#0000001f}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff26}html:not(.dark) .nav-glow{box-shadow:0 0 10px currentColor}html:not(.dark) header{background:#fffc!important;border-bottom-color:#0000000f!important;box-shadow:0 4px 20px #0000000a!important}html:not(.dark) nav{background:#ffffffd9!important;border-top-color:#0000000f!important;box-shadow:0 -4px 20px #0000000a!important}html:not(.dark) .nav-tab{color:#64748b}html:not(.dark) .nav-tab.active{color:#2563eb!important}html:not(.dark) .joker-drawer{background:#fffffffa!important;border-top-color:#00000014!important;box-shadow:0 -12px 40px #00000014!important}html:not(.dark) .joker-drawer-drag-line{background:#0000001f!important}html:not(.dark) .match-detail-overlay{background:#f8fafc!important}.football-pitch{background:linear-gradient(to bottom,#113f27,#0c2b1a);border:1px solid rgba(255,255,255,.2);border-radius:12px;position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;display:flex;flex-direction:column;justify-content:space-evenly;padding:10px 0}.football-pitch:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ffffff26;transform:translateY(-50%)}.football-pitch:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border:1px solid rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%)}.pitch-box-top{position:absolute;top:0;left:50%;width:120px;height:40px;border:1px solid rgba(255,255,255,.15);border-top:none;transform:translate(-50%)}.pitch-box-bottom{position:absolute;bottom:0;left:50%;width:120px;height:40px;border:1px solid rgba(255,255,255,.15);border-bottom:none;transform:translate(-50%)}.formation-row{display:flex;justify-content:space-around;align-items:center;width:100%;z-index:10}.player-node{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px}.player-jersey{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#fff;box-shadow:0 4px 10px #00000080;border:2px solid rgba(255,255,255,.9);position:relative}.player-name{font-size:9px;font-weight:800;color:#fffffff2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 3px rgba(0,0,0,.8)}@keyframes flag-wave{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.04) rotate(1.5deg) skewY(1deg)}75%{transform:scale(1.04) rotate(-1.5deg) skewY(-1deg)}}@keyframes flag-glow{0%,to{box-shadow:0 4px 15px #0006,0 0 8px var(--flag-glow-color, rgba(234, 179, 8, .2));border-color:#ffffff26}50%{box-shadow:0 8px 30px #0009,0 0 20px var(--flag-glow-color, #eab308);border-color:#ffffff80}}.slider-container{position:relative;width:100%;height:52px;background:#0a0f1ebf;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;display:flex;align-items:center;padding:0;box-shadow:inset 0 2px 8px #000c;overflow:hidden}.score-slider-track{position:absolute;left:20px;right:20px;height:6px;background:linear-gradient(90deg,var(--home-color, #06b6d4) 0%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.12) 52%,var(--away-color, #ec4899) 100%);border-radius:3px;pointer-events:none}.score-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50%;height:100%;background:transparent;outline:none;position:relative;z-index:5;margin:0;padding:0}.score-slider::-webkit-slider-thumb{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:34px!important;height:34px!important;background:url(/world-cup-prediction/assets/top-CXAJRwhP.webp) no-repeat center / contain!important;border:none!important;border-radius:50%!important;clip-path:circle(50%)!important;cursor:pointer!important;transition:transform .15s ease,filter .15s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))!important}.score-slider::-webkit-slider-thumb:hover{transform:scale(1.15) rotate(15deg)!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.8)) drop-shadow(0 6px 12px rgba(0,0,0,.6))!important}.score-slider::-moz-range-thumb{width:34px!important;height:34px!important;background:url(/world-cup-prediction/assets/top-CXAJRwhP.webp) no-repeat center / contain!important;border:none!important;border-radius:50%!important;clip-path:circle(50%)!important;cursor:pointer!important;transition:transform .15s ease,filter .15s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))!important}.score-slider::-moz-range-thumb:hover{transform:scale(1.15) rotate(15deg)!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.8)) drop-shadow(0 6px 12px rgba(0,0,0,.6))!important}.waving-flag{position:relative;border-radius:4px;box-shadow:0 8px 20px #0009;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s ease,opacity .3s ease;overflow:hidden;border-left:4px solid #1e293b;transform-origin:left center}.flag-btn-active .waving-flag{animation:flag-wave-wind 3s ease-in-out infinite;filter:brightness(1.15) contrast(1.05) drop-shadow(0 0 20px var(--flag-glow-color, rgba(255, 215, 0, .6)));opacity:1}.flag-btn-active .waving-flag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#ffffff2e,#00000040,#ffffff2e,#00000040,#fff0);background-size:200% 100%;animation:flag-shadow-wave 3s linear infinite;pointer-events:none}.flag-btn-dimmed{transform:scale(.9)}.flag-btn-dimmed .waving-flag{filter:brightness(.22) grayscale(85%) blur(.5px)!important;opacity:.38!important;box-shadow:0 2px 6px #0000004d!important;animation:none!important}.flag-btn-dimmed .waving-flag:after{display:none!important}@keyframes flag-wave-wind{0%,to{transform:rotateY(0) skewY(0);clip-path:polygon(0% 0%,20% 1.5%,40% 0%,60% 1.5%,80% 0%,100% 1.5%,100% 98.5%,80% 100%,60% 98.5%,40% 100%,20% 98.5%,0% 100%)}25%{transform:rotateY(5deg) skewY(1deg) scaleY(.99);clip-path:polygon(0% 1%,20% 0%,40% 1.5%,60% 0%,80% 1%,100% 0%,100% 100%,80% 99%,60% 100%,40% 98.5%,20% 100%,0% 99%)}50%{transform:rotateY(-3deg) skewY(-.5deg) scaleY(1.01);clip-path:polygon(0% 0%,20% 1.5%,40% 0%,60% 1.5%,80% 0%,100% 1.5%,100% 98.5%,80% 100%,60% 98.5%,40% 100%,20% 98.5%,0% 100%)}75%{transform:rotateY(-5deg) skewY(-1deg) scaleY(.98);clip-path:polygon(0% 1.5%,20% 0%,40% 1%,60% 0%,80% 1.5%,100% 0%,100% 100%,80% 98.5%,60% 100%,40% 99%,20% 100%,0% 98.5%)}}@keyframes flag-shadow-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.draggable-team-card{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,opacity .2s ease;cursor:grab;-webkit-user-select:none;user-select:none}.draggable-team-card:active{cursor:grabbing}.draggable-team-card.dragging{opacity:.4;transform:scale(.96);border:1px dashed #06b6d4!important;box-shadow:0 0 15px #06b6d44d!important}.standing-badge-1{background:linear-gradient(135deg,#ffd7001a,#d4af3733);border:1px solid rgba(255,215,0,.3)!important}.standing-badge-2{background:linear-gradient(135deg,#c0c0c01a,#a9a9a933);border:1px solid rgba(192,192,192,.3)!important}.standing-badge-3{background:linear-gradient(135deg,#cd7f321a,#8b451326);border:1px solid rgba(205,127,50,.25)!important}.standing-badge-4{background:linear-gradient(135deg,#ff2d370d,#ff2d371a);border:1px solid rgba(255,45,55,.2)!important}.group-progress-dot{transition:all .25s ease}.group-progress-dot.active{border-color:gold!important;box-shadow:0 0 10px #ffd70066;color:gold!important}.group-progress-dot.completed{background-color:#00c85326!important;border-color:#00c853!important;color:#00c853!important}.third-selector-card{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.third-selector-card.selected{background:linear-gradient(135deg,#00c85314,#00c85326);border-color:#00c853!important;box-shadow:0 0 15px #00c85340;transform:translateY(-2px)}.bracket-match-card{background:#0a0f1ea6;border:1px solid rgba(255,255,255,.05);border-radius:1.25rem;padding:.75rem;transition:all .25s ease}.bracket-team-row{transition:all .2s ease;cursor:pointer;border-radius:.75rem}.bracket-team-row:hover{background-color:#ffffff08}.bracket-team-row.selected-winner{background:linear-gradient(90deg,#ffd7001a,#ffd70005);border-left:3px solid #ffd700;font-weight:700}.bracket-team-row.selected-winner-glow{animation:neon-pulse-gold 1.5s infinite alternate}@keyframes neon-pulse-gold{0%{box-shadow:0 0 5px #ffd7001a}to{box-shadow:0 0 12px #ffd70059}}.champion-reveal-card{animation:champion-appear .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes champion-appear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.bracket-column-wrapper{display:flex;flex-direction:column;height:1250px;min-width:200px;flex-shrink:0}.bracket-column{display:flex;flex-direction:column;justify-content:space-around;flex-grow:1;position:relative}.bracket-match-pair{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3.5rem}.bracket-match-card{position:relative}.bracket-match-card:after{content:"";position:absolute;right:-1.5rem;top:50%;width:1.5rem;height:2px;background:#ffffff1a;z-index:2;transition:all .3s ease}.bracket-match-pair:after{content:"";position:absolute;right:-1.5rem;top:40px;bottom:40px;width:2px;background:#ffffff1a;z-index:1;transition:all .3s ease}.bracket-match-card:before{content:"";position:absolute;left:-1.5rem;top:50%;width:1.5rem;height:2px;background:#ffffff1a;z-index:2;transition:all .3s ease}#bracket-column-r32 .bracket-match-card:before{display:none!important}#bracket-column-final .bracket-match-card:after,#bracket-column-champion .champion-reveal-card:before,#bracket-column-champion .champion-reveal-card:after{display:none!important}.bracket-match-card.has-winner:after{background:gold!important;box-shadow:0 0 8px #ffd70099}.bracket-match-pair.has-winners:after{background:gold!important;box-shadow:0 0 6px #ffd70080}.bracket-match-card.has-home:before{background:gold!important;box-shadow:0 0 8px #ffd70099}.bracket-team-row.selected-winner{background:linear-gradient(90deg,#ffd70040,#ffd70014)!important;border:1px solid rgba(255,215,0,.7)!important;border-left:4px solid #ffd700!important;font-weight:800!important;color:gold!important;box-shadow:0 0 12px #ffd7004d!important}.bracket-match-card.has-winner .bracket-team-row:not(.selected-winner){opacity:.45!important;filter:grayscale(50%)!important;border-color:#ffffff05!important}.prediction-correct{border-color:#00c8534d!important;background:linear-gradient(135deg,#0a0f1ebf,#00c8530f)!important;box-shadow:0 0 15px #00c8532e,inset 0 1px 1px #ffffff0d!important}.prediction-incorrect{border-color:#ff2d3740!important;background:linear-gradient(135deg,#0a0f1ebf,#ff2d370a)!important;box-shadow:0 0 15px #ff2d371f,inset 0 1px 1px #ffffff0d!important}.prediction-pending{border-color:#06b6d426!important;background:linear-gradient(135deg,#0a0f1ebf,#06b6d405)!important;box-shadow:inset 0 1px 1px #ffffff0d!important}.user-badge-kahin{background:linear-gradient(135deg,#ffd7001a,#ffd70033)!important;border:1px solid rgba(255,215,0,.3)!important;color:gold!important}.user-badge-aglayan{background:linear-gradient(135deg,#94a3b81a,#94a3b833)!important;border:1px solid rgba(148,163,184,.3)!important;color:#94a3b8!important}.user-badge-member{background:linear-gradient(135deg,#06b6d41a,#06b6d433)!important;border:1px solid rgba(6,182,212,.3)!important;color:#06b6d4!important}.profile-joker-card{background:#0a0f1e80;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.profile-joker-card:hover{border-color:#ffffff1a;transform:translateY(-1px)}@keyframes flag-wave{0%{transform:scale(1.05) rotate(-1deg) skew(0)}25%{transform:scale(1.08) rotate(.5deg) skew(1.5deg)}50%{transform:scale(1.06) rotate(1deg) skew(-.5deg)}75%{transform:scale(1.09) rotate(-.3deg) skew(1deg)}to{transform:scale(1.05) rotate(-1deg) skew(0)}}@keyframes flag-shimmer{0%{opacity:0;left:-40%}40%{opacity:.08}to{opacity:0;left:120%}}.hero-flag-bg{position:absolute;top:-8px;left:-8px;width:55%;height:75%;object-fit:cover;border-radius:1rem;opacity:.22;pointer-events:none;z-index:1;animation:flag-wave 8s ease-in-out infinite;filter:blur(.5px) saturate(1.4);mask-image:radial-gradient(ellipse 90% 90% at 10% 15%,#000000f2,#00000080 45%,#0000 72%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 10% 15%,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,0) 72%)}.hero-flag-bg-away{position:absolute;top:-8px;right:-8px;left:auto;width:50%;height:70%;object-fit:cover;border-radius:1rem;opacity:.15;pointer-events:none;z-index:1;animation:flag-wave 9s ease-in-out infinite reverse;filter:blur(.5px) saturate(1.3);mask-image:radial-gradient(ellipse 90% 90% at 90% 15%,#000000e6,#0006 40%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 90% 15%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,0) 70%)}.hero-flag-shimmer{position:absolute;top:0;left:-40%;width:25%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skew(-15deg);pointer-events:none;z-index:2;animation:flag-shimmer 7s ease-in-out infinite}.fantasy-fab{position:fixed;bottom:85px;left:20px;width:54px;height:54px;border-radius:27px;background:linear-gradient(135deg,#00c853,#06b6d4);box-shadow:0 4px 20px #00c85373;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:102;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease,opacity .3s ease}.fantasy-fab:hover{transform:scale(1.08) rotate(-10deg);box-shadow:0 6px 24px #00c853a6}.fantasy-fab:active{transform:scale(.93)}.fantasy-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:448px;margin:0 auto;background:#050508;z-index:200;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;display:flex;flex-direction:column}.fantasy-overlay.active{transform:translateY(0)}.fantasy-header-section{padding:16px;background:#050508f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.05)}.fantasy-slot{width:100%;border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;-webkit-user-select:none;user-select:none;outline:none}.empty-card-slot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff05;border:1.5px dashed rgba(255,255,255,.08);color:#fff6}.empty-card-slot:hover{background:#ffffff0d;border-color:#06b6d44d;color:#06b6d4;box-shadow:0 0 15px #06b6d41a;transform:translateY(-2px)}.filled-card-slot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:#fff}.filled-card-slot:hover{background:#ffffff0f;border-color:#eab3084d;box-shadow:0 4px 20px #0006;transform:translateY(-2px)}.captain-glow{border-color:#eab30866!important;background:linear-gradient(135deg,#eab3080d,#ffffff08)!important;box-shadow:0 0 15px #eab30826!important}.captain-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#eab308,transparent,transparent,#eab308);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.fantasy-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:448px;margin:0 auto;background:#0d111cfa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(255,255,255,.1);border-radius:1.5rem 1.5rem 0 0;z-index:220;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:20px 20px 30px;box-shadow:0 -12px 40px #000c;max-height:80vh;display:flex;flex-direction:column}.fantasy-drawer.active{transform:translateY(0)}.fantasy-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:210;opacity:0;pointer-events:none;transition:opacity .35s ease}.fantasy-drawer-backdrop.active{opacity:1;pointer-events:auto}.neon-bar-home-win{background:linear-gradient(90deg,#06b6d433,#06b6d4b3,#06b6d4);box-shadow:0 0 12px #06b6d480,0 0 24px #06b6d433,0 0 40px #06b6d414,inset 0 1px #ffffff40;border:1px solid rgba(6,182,212,.5)}.neon-bar-away-win{background:linear-gradient(90deg,#ec4899,#ec4899b3,#ec489933);box-shadow:0 0 12px #ec489980,0 0 24px #ec489933,0 0 40px #ec489914,inset 0 1px #ffffff40;border:1px solid rgba(236,72,153,.5)}.neon-bar-neutral{background:linear-gradient(90deg,#64748b4d,#64748b8c);border:1px solid rgba(100,116,139,.2);box-shadow:inset 0 1px #ffffff0d}.neon-bar-animate{transition:width .8s cubic-bezier(.16,1,.3,1)}.stat-row-item{animation:statRowFadeIn .4s ease-out backwards}.stat-row-item:nth-child(1){animation-delay:.05s}.stat-row-item:nth-child(2){animation-delay:.1s}.stat-row-item:nth-child(3){animation-delay:.15s}.stat-row-item:nth-child(4){animation-delay:.2s}.stat-row-item:nth-child(5){animation-delay:.25s}.stat-row-item:nth-child(6){animation-delay:.3s}.stat-row-item:nth-child(7){animation-delay:.35s}.stat-row-item:nth-child(8){animation-delay:.4s}.stat-row-item:nth-child(9){animation-delay:.45s}.stat-row-item:nth-child(10){animation-delay:.5s}@keyframes statRowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes goal-pulse{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 16px #22c55e80}}