@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://db.onlinewebfonts.com/c/a156ca0cab1c4a0b79463ed53604bac6?family=Radikal+Bold";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important}html,body,div,span,p,h1,h2,h3,h4,h5,h6,a,button,input,textarea,select,label,li,ul,ol,table,th,td,tr,thead,tbody,tfoot,caption,nav,header,footer,section,article,aside,main,form,fieldset,legend,pre,code,kbd,samp,var,small,strong,em,i,b,u,s,sub,sup,mark,blockquote,cite,q,abbr,acronym,address,time,dl,dt,dd,figure,figcaption,details,summary{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:transparent!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:transparent!important}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{background:var(--gradient-primary);color:var(--pl-white);padding:var(--space-xl) 0;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);box-shadow:var(--shadow-xl);clip-path:polygon(0% 0%,100% 0%,100% 85%,95% 90%,90% 85%,85% 92%,80% 87%,75% 93%,70% 88%,65% 94%,60% 89%,55% 95%,50% 90%,45% 96%,40% 91%,35% 97%,30% 92%,25% 98%,20% 93%,15% 99%,10% 94%,5% 100%,0% 95%);animation:waveBottom 8s ease-in-out infinite}@keyframes waveBottom{0%{clip-path:polygon(0% 0%,100% 0%,100% 85%,95% 90%,90% 85%,85% 92%,80% 87%,75% 93%,70% 88%,65% 94%,60% 89%,55% 95%,50% 90%,45% 96%,40% 91%,35% 97%,30% 92%,25% 98%,20% 93%,15% 99%,10% 94%,5% 100%,0% 95%)}25%{clip-path:polygon(0% 0%,100% 0%,100% 88%,95% 85%,90% 92%,85% 87%,80% 94%,75% 89%,70% 96%,65% 91%,60% 98%,55% 93%,50% 100%,45% 95%,40% 97%,35% 92%,30% 99%,25% 94%,20% 96%,15% 91%,10% 98%,5% 93%,0% 100%)}50%{clip-path:polygon(0% 0%,100% 0%,100% 92%,95% 88%,90% 95%,85% 90%,80% 97%,75% 92%,70% 99%,65% 94%,60% 96%,55% 91%,50% 98%,45% 93%,40% 100%,35% 95%,30% 97%,25% 92%,20% 99%,15% 94%,10% 96%,5% 91%,0% 98%)}75%{clip-path:polygon(0% 0%,100% 0%,100% 90%,95% 94%,90% 88%,85% 96%,80% 91%,75% 98%,70% 93%,65% 100%,60% 95%,55% 97%,50% 92%,45% 99%,40% 94%,35% 96%,30% 91%,25% 98%,20% 93%,15% 100%,10% 95%,5% 97%,0% 92%)}to{clip-path:polygon(0% 0%,100% 0%,100% 85%,95% 90%,90% 85%,85% 92%,80% 87%,75% 93%,70% 88%,65% 94%,60% 89%,55% 95%,50% 90%,45% 96%,40% 91%,35% 97%,30% 92%,25% 98%,20% 93%,15% 99%,10% 94%,5% 100%,0% 95%)}}.header .shape-1,.header .shape-2,.header .shape-3,.header .shape-4{position:absolute;border-radius:50% 30% 70% 40%;opacity:.15;z-index:1}.header .shape-1{width:120px;height:80px;background:#8b5cf699;top:20%;left:10%;animation:floatShape1 15s ease-in-out infinite}.header .shape-2{width:90px;height:120px;background:#06b6d480;top:60%;right:15%;animation:floatShape2 18s ease-in-out infinite reverse}.header .shape-3{width:100px;height:100px;background:#a855f766;top:10%;right:25%;animation:floatShape3 20s ease-in-out infinite}.header .shape-4{width:70px;height:110px;background:#22d3ee80;bottom:20%;left:20%;animation:floatShape4 16s ease-in-out infinite reverse}.header:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:40px;background:linear-gradient(270deg,#ff1493cc,#00ff7fb3,#ffa500cc,#8a2be2b3,#ff4500cc);background-size:400% 400%;border-radius:50%;transform:scaleY(.3);opacity:.6;animation:waveShimmer 6s ease-in-out infinite;z-index:3}@keyframes waveShimmer{0%{background-position:0% 50%;opacity:.6}50%{background-position:100% 50%;opacity:.9}to{background-position:0% 50%;opacity:.6}}.header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 200px 100px at 15% 30%,rgba(139,92,246,.4) 0%,transparent 70%),radial-gradient(ellipse 150px 200px at 85% 20%,rgba(6,182,212,.5) 0%,transparent 65%),radial-gradient(ellipse 180px 120px at 40% 70%,rgba(168,85,247,.3) 0%,transparent 60%),radial-gradient(ellipse 120px 180px at 70% 40%,rgba(34,211,238,.4) 0%,transparent 55%),radial-gradient(ellipse 160px 90px at 25% 80%,rgba(139,92,246,.3) 0%,transparent 65%);opacity:.8;animation:shapeFloat 12s ease-in-out infinite}@keyframes shapeFloat{0%{opacity:.6;transform:scale(1) rotate(0);background-position:0% 0%,100% 0%,50% 100%,0% 50%,100% 100%}25%{opacity:.8;transform:scale(1.05) rotate(2deg);background-position:10% 10%,90% 10%,40% 90%,10% 40%,90% 90%}50%{opacity:.7;transform:scale(1.02) rotate(-1deg);background-position:20% 5%,80% 20%,60% 80%,20% 60%,80% 80%}75%{opacity:.9;transform:scale(1.03) rotate(1.5deg);background-position:5% 15%,95% 5%,35% 85%,5% 35%,95% 85%}to{opacity:.6;transform:scale(1) rotate(0);background-position:0% 0%,100% 0%,50% 100%,0% 50%,100% 100%}}@keyframes floatShape1{0%,to{transform:translate(0) rotate(0) scale(1);border-radius:50% 30% 70% 40%}25%{transform:translate(20px,-15px) rotate(90deg) scale(1.1);border-radius:30% 70% 40% 50%}50%{transform:translate(-10px,-25px) rotate(180deg) scale(.9);border-radius:70% 40% 50% 30%}75%{transform:translate(-25px,10px) rotate(270deg) scale(1.05);border-radius:40% 50% 30% 70%}}@keyframes floatShape2{0%,to{transform:translate(0) rotate(0) scale(1);border-radius:60% 40% 30% 70%}33%{transform:translate(-30px,20px) rotate(120deg) scale(1.2);border-radius:40% 30% 70% 60%}66%{transform:translate(15px,-30px) rotate(240deg) scale(.8);border-radius:30% 70% 60% 40%}}@keyframes floatShape3{0%,to{transform:translate(0) rotate(0) scale(1);border-radius:45% 55% 35% 65%}20%{transform:translate(25px,15px) rotate(72deg) scale(1.15);border-radius:55% 35% 65% 45%}40%{transform:translate(-20px,30px) rotate(144deg) scale(.85);border-radius:35% 65% 45% 55%}60%{transform:translate(-35px,-10px) rotate(216deg) scale(1.1);border-radius:65% 45% 55% 35%}80%{transform:translate(10px,-35px) rotate(288deg) scale(.95);border-radius:45% 55% 35% 65%}}@keyframes floatShape4{0%,to{transform:translate(0) rotate(0) scale(1);border-radius:35% 65% 55% 45%}30%{transform:translate(20px,-20px) rotate(108deg) scale(1.3);border-radius:65% 55% 45% 35%}60%{transform:translate(-25px,25px) rotate(216deg) scale(.7);border-radius:55% 45% 35% 65%}}.header-content{margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.pl-logo{height:120px;width:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(255,20,147,.4));animation:logoFloat 4s ease-in-out infinite,logoGlow 6s ease-in-out infinite alternate}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes logoGlow{0%{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(255,20,147,.4))}33%{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(0,255,127,.5))}66%{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(255,165,0,.4))}to{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(138,43,226,.5))}}.header-text h1{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif;font-size:var(--text-h1);font-weight:800;margin-bottom:var(--space-xs);color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.1);animation:textGlow 3s ease-in-out infinite alternate}.header-subtitle{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif;font-size:var(--text-small);font-weight:500;margin:0;color:#fffc;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:.5px;opacity:.9}@keyframes textGlow{0%{text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.1)}to{text-shadow:0 4px 25px rgba(0,0,0,.4),0 0 40px rgba(255,255,255,.2)}}.season{font-size:var(--text-small);opacity:.9;font-weight:500;letter-spacing:2px;text-transform:uppercase}.last-updated{font-size:var(--text-small);opacity:.9;font-weight:500}.refresh-btn{background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--pl-white);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-size:var(--text-lg);cursor:pointer;transition:all .3s var(--ease-smooth);font-weight:600}.refresh-btn:hover{background:var(--glass-cyan);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--space-md);text-align:center}.header-main{flex-direction:column;gap:var(--space-sm)}.pl-logo{height:80px}.header-text h1{font-size:var(--text-h2)}}.standings-table{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid transparent;background-image:linear-gradient(var(--glass-white),var(--glass-white)),linear-gradient(45deg,#8b5cf6,#06b6d4,#a855f7,#22d3ee,#8b5cf6);background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,400% 400%;animation:gradientBorder 15s ease infinite;transition:all .3s var(--ease-smooth);position:relative;margin-bottom:var(--space-md);width:100%}.standings-table:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.6}.standings-table h2{background:var(--gradient-primary);color:var(--pl-white)!important;margin:0;padding:var(--space-md) var(--space-lg);font-size:var(--text-lg);font-weight:800;text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:60px;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.standings-table h2:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.standings-container{width:100%;background:transparent}.standings-header{display:flex;background:var(--gradient-primary);color:var(--pl-white);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.8)}.header-pos{flex:0 0 15%;padding:var(--space-sm) var(--space-md);text-align:center;border-right:1px solid rgba(255,255,255,.1)}.header-competitor{flex:0 0 45%;padding:var(--space-sm) var(--space-md);text-align:left;border-right:1px solid rgba(255,255,255,.1)}.header-points{flex:0 0 20%;padding:var(--space-sm) var(--space-md);text-align:center;border-right:1px solid rgba(255,255,255,.1)}.header-max{flex:0 0 20%;padding:var(--space-sm) var(--space-md);text-align:center}.standings-body{display:flex;flex-direction:column}.standings-row{display:flex;height:48px;border-bottom:1px solid var(--glass-border);background:#ffffff05;transition:all .3s var(--ease-smooth);animation:slideInUp .4s var(--ease-premier) forwards;animation-delay:calc(var(--row-index, 0) * .05s);position:relative}.standings-row:hover{background:var(--glass-purple);transform:translate(4px);box-shadow:0 2px 8px #8b5cf626}.standings-row.position-1{background:linear-gradient(135deg,#ffd70014,#ffd70008);border-left:3px solid #FFD700}.row-pos{flex:0 0 15%;padding:var(--space-xs) var(--space-md);display:flex;align-items:center;justify-content:center;font-weight:700}.row-competitor{flex:0 0 45%;padding:var(--space-xs) var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.row-points{flex:0 0 20%;padding:var(--space-xs) var(--space-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--pl-white);text-shadow:0 1px 2px rgba(0,0,0,.8)}.row-max{flex:0 0 20%;padding:var(--space-xs) var(--space-md);display:flex;align-items:center;justify-content:center;color:var(--pl-white);font-size:.8rem;font-weight:500;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.crown-overlay{position:absolute;left:0%;top:8px;transform:translateY(-50%);font-size:1.2rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,215,0,.6));z-index:10;pointer-events:none}.standings-competitor-logo{width:24px;height:24px;border-radius:50%;object-fit:contain;margin-right:var(--space-xs);flex-shrink:0;background:#fff;padding:2px;box-shadow:0 1px 3px #0000001a}.standings-row:nth-child(n+4):nth-child(-n+8) .position-number{background:linear-gradient(135deg,#fca5a5,#fee2e2);color:#dc2626;box-shadow:0 2px 6px #fca5a54d}.name{font-weight:600;font-size:.9rem;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}@media (max-width: 420px){.name{font-size:11px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.header-pos,.header-competitor,.header-points,.header-max{font-size:10px!important}.row-points{font-size:12px!important}.row-max{font-size:10px!important}}.points{font-weight:800;font-size:1.1rem;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-align:center}.max-points{color:var(--pl-purple-light);font-size:.8rem;font-weight:500;opacity:.8;text-align:center}@keyframes gradientBorder{0%{background-position:0% 50%,0% 50%}50%{background-position:0% 50%,100% 50%}to{background-position:0% 50%,0% 50%}}@media (max-width: 420px){.standings-table{margin-bottom:var(--space-sm)}.standings-table h2{padding:var(--space-sm) var(--space-md);font-size:var(--text-md);min-height:50px;color:var(--pl-white)!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.header-pos,.header-competitor,.header-points,.header-max{padding:var(--space-xs) var(--space-sm);font-size:10px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.standings-row{height:38px}.row-pos,.row-competitor,.row-points,.row-max{padding:var(--space-xs) var(--space-sm)}.position-number{width:20px;height:20px;font-size:10px!important}.standings-competitor-logo{width:24px;height:24px}.name{font-size:11px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-points{font-size:12px!important}.row-max{font-size:10px!important}.crown-overlay{font-size:14px!important;top:5px}}@media (max-width: 375px){.name{font-size:10px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.row-points{font-size:11px!important}.row-max{font-size:9px!important}.header-pos,.header-competitor,.header-points,.header-max{font-size:9px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.standings-row{height:36px}}@media (max-width: 320px){.name{font-size:9px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.standings-competitor-logo{width:18px;height:18px}.position-number{width:18px;height:18px;font-size:9px!important}.row-points{font-size:10px!important}.row-max{font-size:8px!important}.header-pos,.header-competitor,.header-points,.header-max{font-size:8px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}}.live-pl-table{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s var(--ease-smooth);position:relative;margin-bottom:var(--space-md);width:100%}.live-pl-table:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:opacity .3s var(--ease-smooth);pointer-events:none}.live-pl-table:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.live-pl-table:hover:before{opacity:.1}.live-table-header{background:var(--gradient-secondary)!important;color:var(--pl-white)!important;margin:var(--space-md)!important;margin-bottom:var(--space-lg)!important;padding:var(--space-lg) var(--space-xl)!important;font-size:var(--text-h3)!important;font-weight:800!important;text-align:center!important;position:relative!important;overflow:hidden!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important}.live-table-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.live-pl-table table{width:100%;border-collapse:collapse;background:transparent}.live-pl-table th{background:var(--gradient-primary);color:var(--pl-white);padding:var(--space-md);text-align:center;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--glass-border)}.live-pl-table td{padding:var(--space-sm);border-bottom:1px solid var(--glass-border);background:#ffffff05;transition:all .3s var(--ease-smooth);text-align:center;font-size:var(--text-small)}.live-pl-table td.points,.live-pl-table td.points *,.live-pl-table .points,.live-pl-table .points *,.live-pl-table .points-column,.live-pl-table .points-column *{color:var(--pl-cyan)!important;font-weight:800!important;font-size:var(--text-lg)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--pl-cyan)!important}.live-pl-table tr:hover td{background:var(--glass-cyan);transform:translate(2px)}.position-indicator{width:32px;height:32px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:800;color:var(--pl-white);transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-sm);margin:0 auto}.team-name{font-weight:600;font-size:var(--text-body);color:var(--pl-dark-gray);text-align:left}.points-column{font-weight:800;font-size:var(--text-lg);color:var(--pl-purple-deep)}@media (max-width: 768px){.live-pl-table th,.live-pl-table td{padding:var(--space-xs);font-size:var(--text-xs)}.position-indicator{width:24px;height:24px;font-size:var(--text-xs)}.team-name{font-size:var(--text-small)}.goal-difference,.points-column{font-size:var(--text-xs)}}.competitor-logo{width:48px;height:48px;border-radius:var(--border-radius-md);object-fit:contain;background:var(--pl-white);padding:var(--space-xs);box-shadow:var(--shadow-md);transition:all .3s var(--ease-smooth);position:relative;z-index:2}.competitor-logo:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.total-score .points{font-size:var(--text-h2);font-weight:800;color:var(--pl-white)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--pl-white)!important}.actual{position:relative}.points-earned.perfect{background:var(--pl-cyan)!important;color:var(--pl-white)!important;box-shadow:0 4px 12px #06b6d466!important}.points-earned.excellent{background:#10b981!important;color:var(--pl-white)!important;box-shadow:0 4px 12px #10b98166!important}.points-earned.good{background:#fbbf24!important;color:var(--pl-white)!important;box-shadow:0 4px 12px #fbbf2466!important}.points-earned.average{background:#eab308!important;color:var(--pl-white)!important;box-shadow:0 4px 12px #eab30866!important}.points-earned.fair{background:#f97316!important;color:var(--pl-white)!important;box-shadow:0 4px 12px #f9731666!important}.points-earned.poor{background:#dc2626!important;color:var(--pl-white)!important;box-shadow:0 4px 12px #dc262666!important}.team-name-cell{font-weight:600;color:var(--pl-dark-gray);font-size:var(--text-body)}.show-more{padding:var(--space-lg) var(--space-xl);display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.show-more-btn{background:var(--gradient-primary);border:none;border-radius:var(--border-radius-lg);padding:var(--space-md) var(--space-xl);color:var(--pl-white);font-weight:600;font-size:var(--text-body);cursor:pointer;transition:all .3s var(--ease-smooth);display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 4px 12px #8b5cf64d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.show-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.show-more-btn:hover:before{left:100%}.show-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.show-more-btn:active{transform:translateY(0)}.btn-icon{font-size:var(--text-sm);transition:transform .3s var(--ease-smooth)}.show-more-btn:hover .btn-icon{transform:scale(1.2)}@media (max-width: 768px){.prediction-row{grid-template-columns:80px 1fr 50px;gap:var(--space-sm);padding:var(--space-md)}.predicted,.actual{width:28px;height:28px;font-size:var(--text-xs)}.points-earned{font-size:var(--text-body);min-width:40px;padding:var(--space-xs)}.card-header{padding:var(--space-lg);gap:var(--space-md)}.competitor-info h3{font-size:var(--text-lg)}.total-score .points{font-size:var(--text-h3)}.competitor-logo{width:40px;height:40px}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);gap:var(--space-lg)}.spinner{display:flex;gap:var(--space-xs)}.ball{width:12px;height:12px;border-radius:50%;background:var(--gradient-primary);animation:bounce 1.4s ease-in-out infinite both;box-shadow:var(--shadow-sm)}.ball:nth-child(1){animation-delay:-.32s}.ball:nth-child(2){animation-delay:-.16s}.ball:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-message{color:var(--pl-dark-gray);font-size:var(--text-body);font-weight:500;text-align:center;opacity:.8}.spinner-dots{display:flex;gap:var(--space-sm)}.dot{width:8px;height:8px;border-radius:50%;background:var(--pl-purple);animation:pulse 1.5s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}@media (max-width: 768px){.loading-spinner{padding:var(--space-2xl)}.loading-message{font-size:var(--text-small)}}.rules-section{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s var(--ease-smooth);position:relative;margin-top:25px;margin-bottom:var(--space-md);width:100%}.rules-section:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:opacity .3s var(--ease-smooth);pointer-events:none}.rules-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.rules-section:hover:before{opacity:.1}.rules-header{background:var(--gradient-secondary)!important;color:var(--pl-white)!important;margin:var(--space-md)!important;margin-bottom:var(--space-lg)!important;padding:var(--space-lg) var(--space-xl)!important;font-size:var(--text-h3)!important;font-weight:800!important;text-align:center!important;position:relative!important;overflow:hidden!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important}.rules-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.rules-header h2{margin:0;font-family:var(--font-primary);letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rules-content{padding:var(--space-xl)}.scoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.scoring-item{background:var(--glass-white);border-radius:var(--border-radius-md);padding:var(--space-lg);text-align:center;position:relative;overflow:hidden;transition:all .3s var(--ease-smooth);border:1px solid var(--glass-border)}.scoring-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s var(--ease-smooth)}.scoring-item.perfect:before{background:linear-gradient(90deg,var(--pl-purple),var(--pl-cyan))}.scoring-item.excellent:before{background:linear-gradient(90deg,var(--pl-purple-light),var(--pl-cyan-light))}.scoring-item.good:before{background:linear-gradient(90deg,var(--pl-purple-deep),var(--pl-cyan-dark))}.scoring-item.declining:before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.scoring-item.minimum:before{background:linear-gradient(90deg,#ef4444,#f87171)}.scoring-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.score-value{font-size:2.5rem;font-weight:900;font-family:var(--font-primary);color:var(--pl-purple-deep);margin-bottom:var(--space-sm);line-height:1}.score-description{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.max-score-banner{background:var(--gradient-primary);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.max-score-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 4s infinite}.max-score-content{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);color:var(--pl-white);text-align:center}.trophy-icon{font-size:3rem;animation:bounce 2s infinite}.max-score-number{font-size:4rem;font-weight:900;font-family:var(--font-primary);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.max-score-description{font-size:var(--text-lg);font-weight:600;line-height:1.4}.perfect-prediction{font-size:var(--text-sm);opacity:.9;font-weight:400}.rules-explanation{background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);border-radius:var(--border-radius-md);padding:var(--space-lg);font-size:var(--text-base);line-height:1.6;color:var(--text-primary)}.rules-explanation p{margin:0 0 var(--space-md) 0}.rules-explanation p:last-child{margin-bottom:0}.rules-explanation strong{color:var(--pl-purple-deep);font-weight:700}.financial-section{margin-bottom:var(--space-xl)}.pool-total-banner{background:linear-gradient(135deg,#059669,#10b981);border-radius:var(--border-radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.pool-total-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 4s infinite}.pool-content{display:flex;align-items:center;justify-content:center;gap:var(--space-md);color:#fff;text-align:center}.money-icon{font-size:2.5rem;animation:bounce 2s infinite}.pool-amount{font-size:3rem;font-weight:900;font-family:var(--font-primary);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pool-description{font-size:var(--text-lg);font-weight:600;opacity:.9}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.financial-item{background:var(--glass-white);border-radius:var(--border-radius-md);padding:var(--space-lg);text-align:center;position:relative;overflow:hidden;transition:all .3s var(--ease-smooth);border:1px solid var(--glass-border)}.financial-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s var(--ease-smooth)}.financial-item.boxing-day:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.financial-item.rebuy:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.financial-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.financial-icon{font-size:2rem;margin-bottom:var(--space-sm)}.financial-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.financial-amount{font-size:2rem;font-weight:900;font-family:var(--font-primary);color:var(--pl-purple-deep);margin-bottom:var(--space-xs)}.financial-desc{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.payout-section{background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);border-radius:var(--border-radius-lg);padding:var(--space-xl)}.payout-title{text-align:center;font-size:var(--text-xl);font-weight:800;color:var(--pl-purple-deep);margin-bottom:var(--space-lg);font-family:var(--font-primary)}.payout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-md)}.payout-item{background:var(--glass-white);border-radius:var(--border-radius-md);padding:var(--space-lg);text-align:center;position:relative;overflow:hidden;transition:all .3s var(--ease-smooth);border:2px solid transparent}.payout-item.winner{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#fbbf240d)}.payout-item.second{border-color:#6b7280;background:linear-gradient(135deg,#6b72801a,#9ca3af0d)}.payout-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.payout-position{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.payout-percentage{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.payout-amount{font-size:2.5rem;font-weight:900;font-family:var(--font-primary);color:var(--pl-purple-deep);line-height:1}.payout-note{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.scoring-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.scoring-item{padding:var(--space-md)}.score-value{font-size:2rem}.max-score-content{flex-direction:column;gap:var(--space-md)}.max-score-number{font-size:3rem}.rules-content{padding:var(--space-lg)}.financial-grid{grid-template-columns:1fr;gap:var(--space-sm)}.financial-item{padding:var(--space-md)}.financial-amount{font-size:1.5rem}.pool-content{flex-direction:column;gap:var(--space-sm)}.pool-amount{font-size:2.5rem}.payout-grid{grid-template-columns:1fr;gap:var(--space-md)}.payout-amount{font-size:2rem}.payout-section{padding:var(--space-lg)}}@media (max-width: 480px){.scoring-grid{grid-template-columns:1fr 1fr}.score-value{font-size:1.8rem}.max-score-number,.trophy-icon{font-size:2.5rem}}:root{--pl-purple: #8B5CF6;--pl-purple-deep: #7C3AED;--pl-purple-light: #A78BFA;--pl-cyan: #06B6D4;--pl-cyan-light: #22D3EE;--pl-cyan-dark: #0891B2;--pl-white: #FFFFFF;--pl-light-gray: #F8FAFC;--pl-gray: #E2E8F0;--pl-dark-gray: #475569;--glass-white: rgba(255, 255, 255, .1);--glass-purple: rgba(139, 92, 246, .15);--glass-cyan: rgba(6, 182, 212, .1);--glass-border: rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, var(--pl-purple) 0%, var(--pl-cyan) 100%);--gradient-secondary: linear-gradient(135deg, var(--pl-purple-deep) 0%, var(--pl-cyan-light) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-success: linear-gradient(135deg, #10B981, #059669);--gradient-warning: linear-gradient(135deg, #F59E0B, #D97706);--gradient-error: linear-gradient(135deg, #EF4444, #DC2626);--perfect: var(--pl-cyan);--excellent: #10B981;--good: #F59E0B;--average: #F97316;--poor: #EF4444;--champions-league: #4CAF50;--europa-league: #FF9800;--conference-league: #9C27B0;--relegation: #F44336;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-primary: "PremierSans-Bold", "Helvetica Neue", Arial, sans-serif;--font-secondary: "PremierSans-Regular", "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-small: .875rem;--text-body: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-h3: 1.5rem;--text-h2: 2rem;--text-h1: 2.5rem;--text-hero: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(139, 92, 246, .4);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-premier: cubic-bezier(.25, .46, .45, .94);--neomorphic: linear-gradient(145deg, #f0f0f0, #cacaca);--neomorphic-inset: inset 8px 8px 16px rgba(0, 0, 0, .1), inset -8px -8px 16px rgba(255, 255, 255, .8)}.neomorphic{background:var(--neomorphic);box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fffc}.neomorphic-inset{background:var(--pl-light-gray);box-shadow:var(--neomorphic-inset)}.animate-fade-in{animation:fadeIn .6s var(--ease-smooth)}.animate-slide-up{animation:slideUp .8s var(--ease-premier)}.animate-bounce-in{animation:bounceIn .6s var(--ease-bounce)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:var(--pl-purple);text-decoration:none;transition:color .3s var(--ease-smooth)}a:hover{color:var(--pl-purple-light)}*:focus{outline:2px solid var(--pl-cyan);outline-offset:2px}::selection{background:var(--pl-purple-light);color:var(--pl-white)}::-moz-selection{background:var(--pl-purple-light);color:var(--pl-white)}@font-face{font-family:Radikal Bold;src:url(https://db.onlinewebfonts.com/t/a156ca0cab1c4a0b79463ed53604bac6.eot);src:url(https://db.onlinewebfonts.com/t/a156ca0cab1c4a0b79463ed53604bac6.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/a156ca0cab1c4a0b79463ed53604bac6.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/a156ca0cab1c4a0b79463ed53604bac6.woff)format("woff"),url(https://db.onlinewebfonts.com/t/a156ca0cab1c4a0b79463ed53604bac6.ttf)format("truetype"),url(https://db.onlinewebfonts.com/t/a156ca0cab1c4a0b79463ed53604bac6.svg#Radikal\ Bold)format("svg")}:root{--pl-purple: #8B5CF6;--pl-purple-deep: #7C3AED;--pl-purple-light: #A78BFA;--pl-cyan: #06B6D4;--pl-cyan-light: #22D3EE;--pl-cyan-dark: #0891B2;--pl-white: #FFFFFF;--pl-light-gray: #FFFFFF;--pl-gray: #E2E8F0;--pl-dark-gray: #475569;--glass-white: rgba(255, 255, 255, .1);--glass-purple: rgba(139, 92, 246, .15);--glass-cyan: rgba(6, 182, 212, .1);--glass-border: rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, var(--pl-purple) 0%, var(--pl-cyan) 100%);--gradient-secondary: linear-gradient(135deg, var(--pl-purple-deep) 0%, var(--pl-cyan-light) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-success: linear-gradient(135deg, #10B981, #059669);--gradient-warning: linear-gradient(135deg, #F59E0B, #D97706);--gradient-error: linear-gradient(135deg, #EF4444, #DC2626);--perfect: var(--pl-cyan);--excellent: #10B981;--good: #F59E0B;--average: #F97316;--poor: #EF4444;--champions-league: #4CAF50;--europa-league: #FF9800;--conference-league: #9C27B0;--relegation: #F44336;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--text-hero: clamp(3rem, 8vw, 6rem);--text-h1: clamp(2rem, 5vw, 3.5rem);--text-h2: clamp(1.5rem, 4vw, 2.5rem);--text-h3: clamp(1.25rem, 3vw, 2rem);--text-body: clamp(1rem, 2.5vw, 1.125rem);--text-small: clamp(.875rem, 2vw, 1rem);--text-xs: clamp(.75rem, 1.5vw, .875rem);--ease-premier: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(55, 0, 60, .1);--shadow-md: 0 4px 20px rgba(55, 0, 60, .15);--shadow-lg: 0 8px 30px rgba(55, 0, 60, .2);--shadow-xl: 0 16px 40px rgba(55, 0, 60, .25);--shadow-glow: 0 0 20px rgba(0, 255, 135, .3);--mobile-xs: 320px;--mobile-sm: 375px;--mobile-lg: 414px;--tablet-sm: 768px;--tablet-lg: 1024px;--desktop-sm: 1280px;--desktop-md: 1440px;--desktop-lg: 1920px;--font-primary: "Radikal Bold", "Inter", "Helvetica Neue", Arial, sans-serif;--font-secondary: "Radikal Bold", "Inter", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important}html,body,div,span,p,h1,h2,h3,h4,h5,h6,a,button,input,textarea,select,label,li,ul,ol,table,th,td,tr,thead,tbody,tfoot,caption,nav,header,footer,section,article,aside,main,form,fieldset,legend,pre,code,kbd,samp,var,small,strong,em,i,b,u,s,sub,sup,mark,blockquote,cite,q,abbr,acronym,address,time,dl,dt,dd,figure,figcaption,details,summary,.card,.component,.text,.title,.subtitle,*[class*=text],*[class*=font],*[class*=title],*[class*=name],*[class*=label],*[class*=button],*[class*=header],*[class*=content],*[class*=body]{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important}body,html,input,textarea,select,option,button,[class*=react],[class*=component],[class*=App],.prediction-card,.card-header,.competitor-info,.total-score,.predictions-list,.prediction-row,.position-info,.points-earned,.standings-table,.live-pl-table,.table-container,.header,.header-content,.header-main,.header-text,.main-content,.top-section,.main-grid,.predictions-section,.predictions-grid,* *{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important}.floating-shape{position:fixed;border-radius:50%;z-index:-1;opacity:.6;filter:blur(1px)}.floating-shape-1{width:300px;height:300px;top:10%;left:-5%;background:radial-gradient(circle,#8b5cf640,#a78bfa26,#8b5cf60d);animation:floatShape1 20s ease-in-out infinite,morphShape1 15s ease-in-out infinite}.floating-shape-2{width:250px;height:250px;top:60%;right:-8%;background:radial-gradient(circle,#06b6d438,#22d3ee1f,#06b6d40a);animation:floatShape2 25s ease-in-out infinite,morphShape2 18s ease-in-out infinite}.floating-shape-3{width:180px;height:180px;top:30%;left:70%;background:radial-gradient(circle,#a78bfa2e,#8b5cf61a,#a78bfa08);animation:floatShape3 22s ease-in-out infinite,morphShape3 16s ease-in-out infinite}.floating-shape-4{width:400px;height:400px;bottom:-10%;left:20%;background:radial-gradient(ellipse,#22d3ee29,#06b6d414,#22d3ee05);animation:floatShape4 28s ease-in-out infinite,morphShape4 20s ease-in-out infinite}.particle-field{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(circle at 25% 25%,rgba(139,92,246,.6) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(6,182,212,.5) 1px,transparent 1px);background-size:100px 100px,150px 150px;animation:particleDrift 40s linear infinite;opacity:.5}@keyframes backgroundPulse{0%,to{background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.04) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(167,139,250,.02) 0%,transparent 50%)}50%{background:radial-gradient(circle at 30% 70%,rgba(167,139,250,.04) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(34,211,238,.03) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.025) 0%,transparent 40%)}}@keyframes backgroundShift{0%,to{background-position:0% 0%,100% 100%;opacity:.8}50%{background-position:100% 100%,0% 0%;opacity:.6}}@keyframes floatShape1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.9)}}@keyframes floatShape2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-25px,30px) scale(1.05)}75%{transform:translate(20px,-25px) scale(.95)}}@keyframes floatShape3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(15px,25px) scale(1.08)}80%{transform:translate(-30px,-15px) scale(.92)}}@keyframes floatShape4{0%,to{transform:translate(0) scale(1)}30%{transform:translate(40px,-30px) scale(1.03)}70%{transform:translate(-35px,25px) scale(.97)}}@keyframes morphShape1{0%,to{border-radius:50% 40% 60% 30%}25%{border-radius:30% 60% 40% 50%}50%{border-radius:60% 30% 50% 40%}75%{border-radius:40% 50% 30% 60%}}@keyframes morphShape2{0%,to{border-radius:40% 60% 30% 50%}33%{border-radius:50% 30% 60% 40%}66%{border-radius:30% 50% 40% 60%}}@keyframes morphShape3{0%,to{border-radius:60% 40% 50% 30%}50%{border-radius:30% 50% 40% 60%}}@keyframes morphShape4{0%,to{border-radius:50% 30% 40% 60%}25%{border-radius:40% 60% 50% 30%}75%{border-radius:60% 40% 30% 50%}}@keyframes particleDrift{0%{transform:translate(0)}to{transform:translate(-50px,-50px)}}@media (max-width: 768px){.floating-shape-1{width:200px;height:200px;top:5%;left:-10%}.floating-shape-2{width:150px;height:150px;top:70%;right:-15%}.floating-shape-3{width:120px;height:120px;top:40%;left:80%}.floating-shape-4{width:250px;height:250px;bottom:-15%;left:10%}.particle-field{background-size:80px 80px,120px 120px;opacity:.2}}@media (max-width: 480px){.floating-shape-1{width:150px;height:150px;opacity:.4}.floating-shape-2{width:120px;height:120px;opacity:.4}.floating-shape-3{width:100px;height:100px;opacity:.3}.floating-shape-4{width:180px;height:180px;opacity:.4}.particle-field{background-size:60px 60px,90px 90px;opacity:.15}.app:before,.app:after{animation-duration:35s}.floating-shape{filter:blur(.5px)}}.main-content{max-width:1400px;margin:0 auto;padding:var(--space-3xl) var(--space-lg);animation:fadeInUp 1s var(--ease-premier)}.standings-section,.live-table-section{width:100%;display:flex;justify-content:center}.main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-2xl);margin-bottom:var(--space-4xl);container-type:inline-size}.predictions-section{grid-column:1 / -1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;padding:0;font-family:var(--font-secondary);background:#fff!important;color:var(--pl-dark-gray);line-height:1.6;font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.standings-table h2:after,.live-pl-table h2:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.table-container{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);transition:all .3s var(--ease-smooth);position:relative}thead{background:var(--gradient-primary);position:relative}th{background:transparent;color:var(--pl-white);padding:var(--space-sm) var(--space-md);text-align:left;font-weight:700;font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;position:relative;border:none}th:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}td{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--glass-border);background:#ffffff05;transition:all .3s var(--ease-smooth);vertical-align:middle}tr{height:48px;transition:all .3s var(--ease-smooth);animation:slideInUp .4s var(--ease-premier) forwards;animation-delay:calc(var(--row-index, 0) * .05s)}tr:hover{background:var(--glass-purple);transform:translate(4px);box-shadow:0 2px 8px #8b5cf626}.position{display:flex;align-items:center;gap:var(--space-xs);font-weight:700}.position-number{width:24px;height:24px;border-radius:50%;background:var(--neomorphic);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;transition:all .3s var(--ease-bounce);box-shadow:var(--shadow-sm)}.position-2 .position-number{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--pl-dark-gray);box-shadow:0 2px 6px #c0c0c04d}.position-3 .position-number{background:linear-gradient(135deg,#cd7f32,#ffb347);color:var(--pl-white);box-shadow:0 2px 6px #cd7f324d}.competitor{display:flex;align-items:center;gap:var(--space-sm)}.avatar{font-size:1.2rem;width:28px;height:28px;border-radius:50%;background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);transition:all .3s var(--ease-bounce);display:flex;align-items:center;justify-content:center}.avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-glow)}.name{font-weight:600;font-size:.9rem;color:var(--pl-dark-gray)}.points{font-weight:800;font-size:1.1rem;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.max-points{color:var(--pl-purple-light);font-size:.8rem;font-weight:500;opacity:.8}.crown{font-size:1.2rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,215,0,.6))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-contrast: high){:root{--glass-white: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .8)}}html{scroll-behavior:smooth;background:#fff!important;color:var(--pl-dark-gray);line-height:1.6;font-size:var(--text-body);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-secondary);background:#fff!important;color:var(--pl-dark-gray);line-height:1.6;font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:800;line-height:1.2;margin:0 0 var(--space-md) 0;letter-spacing:-.02em}.predicted{background:var(--gradient-primary)}.actual{background:var(--gradient-secondary)}.points-earned{font-weight:800;font-size:var(--text-body);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);min-width:48px;text-align:center;transition:all .3s var(--ease-smooth)}.app{min-height:100vh;background:linear-gradient(180deg,#fff 0% 100%);position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.18) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(167,139,250,.12) 0%,transparent 50%);animation:backgroundPulse 25s ease-in-out infinite}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.01) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(6,182,212,.015) 50%,transparent 70%);animation:backgroundShift 30s ease-in-out infinite}.glass{background:var(--gradient-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border)}.neomorphic{background:var(--pl-light-gray);box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fffc}.neomorphic-inset{background:var(--pl-light-gray);box-shadow:inset 8px 8px 16px #a3b1c699,inset -8px -8px 16px #fffc}.header{background:var(--gradient-primary);color:var(--pl-white);padding:var(--space-xl) 0;box-shadow:var(--shadow-xl);position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,var(--glass-cyan) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--glass-magenta) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--glass-purple) 0%,transparent 50%);opacity:.6;animation:headerGlow 8s ease-in-out infinite alternate}@keyframes headerGlow{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}.header-content{margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.header-main{display:flex;align-items:center;gap:var(--space-lg)}.pl-logo{height:150px;width:auto}.header-text h1{font-family:Radikal Bold,Inter,Helvetica Neue,Arial,sans-serif!important;font-size:var(--text-h1);font-weight:800;margin-bottom:var(--space-xs);color:#fff!important;text-shadow:none!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#ffffff!important}.season{font-size:var(--text-small);opacity:.95;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-info{display:flex;align-items:center;gap:var(--space-lg);animation:slideInRight .8s var(--ease-premier)}.last-updated{font-size:var(--text-xs);opacity:.9;background:var(--glass-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.refresh-btn{background:var(--glass-white);border:1px solid var(--glass-border);color:var(--pl-white);padding:var(--space-sm);border-radius:var(--border-radius-md);cursor:pointer;font-size:1.2rem;transition:all .3s var(--ease-smooth);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.refresh-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.refresh-btn:hover{background:var(--glass-cyan);transform:scale(1.05);box-shadow:var(--shadow-glow)}.refresh-btn:hover:before{left:100%}.refresh-btn.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.main-content{margin:0 auto;padding:var(--space-3xl) var(--space-lg);animation:fadeInUp 1s var(--ease-premier)}.top-section{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-2xl);margin-bottom:var(--space-4xl);container-type:inline-size}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.standings-table h2,.live-pl-table h2{color:var(--pl-white)!important;font-size:var(--text-h2);font-weight:800;background:var(--gradient-primary);background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--pl-white)!important;text-align:center;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.standings-table h2:after,.live-pl-table h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.table-container{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);transition:all .3s var(--ease-smooth);position:relative}.table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.6}.table-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}table{width:100%;border-collapse:collapse}th{background:var(--gradient-primary);color:var(--pl-white);padding:var(--space-lg);text-align:left;font-weight:700;font-size:var(--text-small);letter-spacing:.5px;text-transform:uppercase;position:relative}th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--pl-cyan-neon);opacity:.8}td{padding:var(--space-lg);border-bottom:1px solid var(--glass-border);background:#ffffff05;transition:all .3s var(--ease-smooth)}tr{transition:all .3s var(--ease-smooth);animation:slideInUp .6s var(--ease-premier) forwards;animation-delay:calc(var(--row-index, 0) * .1s)}tr:hover{background:var(--glass-purple);transform:scale(1.02);box-shadow:0 4px 12px #37003c1a}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.position{display:flex;align-items:center;gap:var(--space-sm);font-weight:700}.position-number{width:32px;height:32px;border-radius:50%;background:var(--neomorphic);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:800;transition:all .3s var(--ease-bounce);box-shadow:var(--shadow-sm)}.position-1 .position-number{background:var(--gradient-primary);color:var(--pl-white);box-shadow:var(--shadow-glow);animation:pulse 2s infinite}.position-2 .position-number{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--pl-dark-gray);box-shadow:0 4px 12px #c0c0c04d}.position-3 .position-number{background:linear-gradient(135deg,#cd7f32,#ffb347);color:var(--pl-white);box-shadow:0 4px 12px #cd7f324d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.crown{font-size:1.5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,215,0,.6))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.competitor{display:flex;align-items:center;gap:var(--space-lg)}.avatar{font-size:2rem;padding:var(--space-sm);border-radius:50%;background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);transition:all .3s var(--ease-bounce)}.avatar:hover{transform:scale(1.2) rotate(10deg);box-shadow:var(--shadow-glow)}.name{font-weight:600;font-size:var(--text-body);color:var(--pl-dark-gray)}.points{font-weight:800;font-size:var(--text-h3);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.max-points{color:var(--pl-purple-light);font-size:var(--text-small);font-weight:500;opacity:.8}.position-indicator{width:32px;height:32px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:800;color:var(--pl-white);transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-sm)}.position-indicator.champions-league{background:var(--gradient-success);box-shadow:0 4px 12px #4caf504d}.position-indicator.europa-league{background:var(--gradient-warning);box-shadow:0 4px 12px #ff98004d}.position-indicator.conference-league{background:linear-gradient(135deg,var(--conference-league),#BA68C8);box-shadow:0 4px 12px #9c27b04d}.position-indicator.relegation{background:var(--gradient-error);box-shadow:0 4px 12px #f443364d}.position-indicator:not(.champions-league):not(.europa-league):not(.conference-league):not(.relegation){background:var(--neomorphic);color:var(--pl-dark-gray);box-shadow:var(--shadow-sm)}.team-name{font-weight:600;font-size:var(--text-body);color:var(--pl-dark-gray)}.goal-difference{font-weight:600;color:var(--pl-purple-light);font-size:var(--text-small)}.predictions-section h2{color:var(--pl-purple-deep);font-size:var(--text-h1);margin-bottom:var(--space-3xl);text-align:center;font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.predictions-section h2:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,var(--glass-cyan) 0%,transparent 70%);opacity:.1;z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.predictions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-2xl);container-type:inline-size}.prediction-card{background:var(--glass-white);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);transition:all .4s var(--ease-smooth);position:relative;animation:cardEntrance .8s var(--ease-premier) forwards;animation-delay:calc(var(--card-index, 0) * .1s)}.prediction-card:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:opacity .3s var(--ease-smooth);pointer-events:none}.prediction-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.prediction-card:hover:before{opacity:.1}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{background:var(--gradient-primary);color:var(--pl-white);padding:var(--space-2xl);display:flex;align-items:center;gap:var(--space-lg);position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.competitor-info h3{font-size:var(--text-h3);margin-bottom:var(--space-sm);font-weight:700;position:relative;z-index:2}.total-score{display:flex;align-items:baseline;gap:var(--space-xs);position:relative;z-index:2}.total-score .points{font-size:var(--text-h2);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.total-score .max{font-size:var(--text-small);opacity:.9;font-weight:500}.predictions-list{padding:var(--space-xl);background:#ffffff05}.prediction-row{display:grid;grid-template-columns:100px 1fr 60px;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--border-radius-md);margin-bottom:var(--space-sm);align-items:center;background:var(--glass-white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}.prediction-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s var(--ease-smooth)}.prediction-row:hover{transform:translate(8px);background:var(--glass-purple);box-shadow:var(--shadow-md)}.prediction-row:hover:before{opacity:1}.position-info{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--text-body)}.predicted,.actual{width:32px;height:32px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:800;color:var(--pl-white);transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-sm)}.predicted{background:var(--gradient-primary);position:relative}.predicted:after{content:"P";position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--pl-cyan);border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--pl-purple-deep)}.actual{background:var(--gradient-secondary);position:relative}.actual:after{content:"A";position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--pl-white);border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--pl-purple-deep)}.points-earned{font-weight:800;font-size:var(--text-lg);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);min-width:48px;text-align:center;transition:all .3s var(--ease-smooth)}.points-earned.perfect{background:var(--gradient-success);color:var(--pl-white);box-shadow:0 4px 12px #4caf504d}.points-earned.good{background:var(--gradient-warning);color:var(--pl-white);box-shadow:0 4px 12px #ff98004d}.points-earned.poor{background:var(--gradient-error);color:var(--pl-white);box-shadow:0 4px 12px #f443364d}.points-earned .points{font-weight:700;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.points.perfect{background:var(--perfect);color:var(--pl-white)}.points.excellent{background:var(--excellent);color:var(--pl-white)}.points.good{background:var(--good);color:var(--pl-white)}.points.average{background:var(--average);color:var(--pl-white)}.points.poor{background:var(--poor);color:var(--pl-white)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{display:flex;gap:.5rem;margin-bottom:1rem}.spinner-ball{width:12px;height:12px;border-radius:50%;background:var(--pl-purple);animation:bounce 1.4s ease-in-out infinite both}.spinner-ball:nth-child(1){animation-delay:-.32s}.spinner-ball:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-message{color:var(--pl-purple);font-weight:500}.error-state{display:flex;align-items:center;justify-content:center;min-height:100vh}.error-message{text-align:center;padding:2rem;background:var(--pl-white);border-radius:12px;box-shadow:0 4px 20px #0000001a}.error-message h2{color:var(--poor);margin-bottom:1rem}.error-message button{background:var(--pl-gradient);color:var(--pl-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem}@media (max-width: 480px){:root{--text-h1: clamp(1.8rem, 8vw, 2.5rem);--text-h2: clamp(1.4rem, 6vw, 1.8rem);--text-h3: clamp(1.2rem, 5vw, 1.5rem);--text-body: clamp(.9rem, 4vw, 1rem);--text-small: clamp(.8rem, 3vw, .9rem);--text-xs: clamp(.7rem, 2vw, .8rem);--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 3rem}.predictions-grid{grid-template-columns:1fr;gap:var(--space-lg)}.standings-section{order:1;justify-self:center}.live-table-section{order:2;justify-self:center}.predicted,.actual{width:28px;height:28px;font-size:.7rem}.points-earned{font-size:.8rem;padding:2px 6px;min-width:32px}th,td{padding:.5rem;font-size:.9rem}.pl-logo{height:80px}}@media (min-width: 481px) and (max-width: 768px){.main-grid{grid-template-columns:1fr;gap:var(--space-xl)}.standings-section{order:1}.live-table-section{order:2}.predictions-section{order:3}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-xl)}}@media (min-width: 769px) and (max-width: 1024px){.main-grid{grid-template-columns:1fr 400px;gap:var(--space-2xl)}.standings-section{grid-column:1 / -1;order:1}.live-table-section{order:2}.predictions-section{order:3;grid-column:1 / -1}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-xl)}}@media (min-width: 1025px) and (max-width: 1440px){.main-grid{grid-template-columns:2fr 1fr;gap:var(--space-3xl)}.standings-section{grid-column:1 / -1;order:1}.predictions-section{order:2}.live-table-section{order:3}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-2xl)}}@media (min-width: 1441px){.main-grid{grid-template-columns:2fr 1fr;gap:var(--space-3xl)}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-2xl)}}@media (max-width: 480px){:root{--text-h1: clamp(1.8rem, 8vw, 2.5rem);--text-h2: clamp(1.4rem, 6vw, 1.8rem);--text-h3: clamp(1.2rem, 5vw, 1.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem}.main-content{padding:var(--space-md)}.top-section,.main-grid,.predictions-grid{grid-template-columns:1fr;gap:var(--space-lg)}.prediction-card{margin:0 -.5rem}.prediction-row{grid-template-columns:80px 1fr 50px;gap:var(--space-sm);padding:var(--space-md)}.predicted,.actual{width:28px;height:28px;font-size:.7rem}.points-earned{font-size:var(--text-small);min-width:40px}th,td{padding:.5rem;font-size:.9rem}}@media (min-width: 481px) and (max-width: 768px){.top-section,.main-grid{grid-template-columns:1fr;gap:var(--space-xl)}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-xl)}}@media (min-width: 769px) and (max-width: 1024px){.top-section,.main-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.standings-section{order:1;justify-self:center}.live-table-section{order:2;justify-self:center}.predictions-section{grid-column:1 / -1}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-xl)}}@media (min-width: 1025px) and (max-width: 1440px){.top-section,.main-grid{grid-template-columns:2fr 1fr;gap:var(--space-3xl)}.predictions-section{grid-column:1 / -1}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-2xl)}}.predictions-header{background:var(--gradient-primary)!important;color:var(--pl-white)!important;margin:0 0 25px!important;padding:var(--space-md) var(--space-lg)!important;font-size:var(--text-h1)!important;font-weight:800!important;text-align:center!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:60px!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;border-radius:var(--border-radius-lg)!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--pl-white)!important}.predictions-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@media (max-width: 768px){.predictions-header{font-size:var(--text-h2)!important;min-height:50px!important;color:var(--pl-white)!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;padding:var(--space-xs) var(--space-sm)!important}}@media (max-width: 480px){.predictions-header{font-size:var(--text-h3)!important;min-height:45px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;padding:var(--space-xs) var(--space-sm)!important}}@media (max-width: 420px){.predictions-header{font-size:var(--text-xl)!important;min-height:40px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;padding:var(--space-xs) var(--space-xs)!important}}@media (max-width: 360px){.predictions-header{font-size:var(--text-lg)!important;min-height:35px!important;color:var(--pl-white)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;padding:var(--space-xs) var(--space-xs)!important}}