:root{--color-mixon-main: #7B2D8E;--color-mixon-light: #9B59B6;--color-mixon-dark: #4A175D;--color-pf-main: #E21B3C;--color-pf-accent: #5CB8E4;--color-fdf-main: #6C3CE0;--color-fdf-accent: #C8FF00;--color-gp-main: #1A4BD1;--color-gp-accent: #00E676;--color-hqg-main: #1B8C1B;--color-hqg-accent: #FFFFFF;--bg-primary: #0A0A0F;--bg-secondary: #12121A;--bg-tertiary: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--color-exact: #00E676;--color-diff: #5CB8E4;--color-winner: #FFB300;--color-miss: #E21B3C;--glass-bg: rgba(18, 18, 26, .45);--glass-border: rgba(255, 255, 255, .08);--font-sans: "Inter", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--focus-ring: 0 0 0 3px rgba(123, 45, 142, .6)}@media (max-width: 768px){.desktop-only{display:none!important}.container{padding:0 1rem}.hero-title{font-size:2.5rem}.history-row{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:inherit}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}}@keyframes fade-out{to{opacity:0;transform:scale(1.02)}}html{overflow-x:clip;touch-action:manipulation;overscroll-behavior-y:none}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:clip;touch-action:manipulation;overscroll-behavior-y:none;background:radial-gradient(circle at top right,rgba(123,45,142,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(108,60,224,.1),transparent 40%),var(--bg-primary);background-attachment:fixed;width:100vw;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}input,textarea,select{font-size:16px!important}.mvp-banner{position:relative;overflow:hidden;margin-bottom:2rem;background:#140f0066;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:1.5rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 32px #ffd70026,inset 0 0 30px #ffd7000d;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,border-color .4s ease}.mvp-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,215,0,.2),transparent 60%);pointer-events:none;z-index:0;animation:pulse-glow-bg 4s ease-in-out infinite}@keyframes pulse-glow-bg{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}.mvp-banner>*{position:relative;z-index:2}.mvp-banner:hover{transform:translateY(-6px);box-shadow:0 16px 48px #ffd70040,inset 0 0 30px #ffd7001a;border-color:#ffd70099}.mvp-crown{font-size:3.5rem;filter:drop-shadow(0 0 15px rgba(255,215,0,.6));animation:float-crown 3s ease-in-out infinite}@keyframes float-crown{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.mvp-header{display:flex;align-items:center;gap:1.5rem;width:100%}.mvp-info{flex:1}.mvp-title{font-size:.75rem;color:gold;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.4);margin-bottom:.2rem}.mvp-name{font-family:var(--font-display);font-size:2rem;font-weight:900;color:#fff;background:linear-gradient(to bottom right,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mvp-stats{font-size:.95rem;color:var(--text-secondary);margin-top:.3rem}.mvp-stats strong{color:gold;font-weight:800}.mvp-photo-wrapper{position:relative}.mvp-photo{width:70px;height:70px;border-radius:50%;border:2px solid rgba(255,215,0,.8);object-fit:cover;box-shadow:0 0 20px #ffd70080}.mvp-matches{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem;border-top:1px solid rgba(255,215,0,.15);padding-top:1.5rem}.mvp-match-badge{background:#0009;padding:.5rem .8rem;border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:.6rem;transition:transform .2s,box-shadow .2s}.mvp-match-badge:hover{transform:translateY(-2px)}.mvp-match-exact{border:1px solid rgba(255,215,0,.5);box-shadow:0 0 10px #ffd70026}.mvp-match-exact:hover{box-shadow:0 0 15px #ffd7004d}.mvp-match-normal{border:1px solid rgba(255,255,255,.15)}.mvp-badge-icon{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:1px solid rgba(255,215,0,.5);color:gold;padding:.2rem .6rem;font-size:.75rem;border-radius:12px;white-space:nowrap;font-weight:700;box-shadow:0 0 10px #ffd70033;animation:pulse-glow-badge 2s infinite;cursor:default}@keyframes pulse-glow-badge{0%{box-shadow:0 0 5px #ffd70033}50%{box-shadow:0 0 15px #ffd70066}to{box-shadow:0 0 5px #ffd70033}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.hidden{display:none!important}.notif-dropdown{position:absolute;top:120%;right:0;width:300px;max-width:85vw;max-height:350px;overflow-y:auto;z-index:1000;padding:.5rem;text-align:left}@media (max-width: 768px){.notif-dropdown{position:fixed;top:60px;right:15px;width:320px;max-width:calc(100vw - 30px)}}.glass-card{background:#12121a73;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000026;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,border-color .4s ease}.glass-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000040;border-color:#ffffff26}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;border-radius:99px;font-family:var(--font-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);border:none;outline:none;position:relative;overflow:hidden;white-space:nowrap}.btn-sm{padding:.4rem 1rem;font-size:.8rem;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--color-mixon-main),var(--color-mixon-light));color:#fff;box-shadow:0 4px 15px #7b2d8e66}.btn-primary: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 ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 8px 25px #7b2d8e99;transform:translateY(-3px) scale(1.02)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-2px)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-live{background:#e21b3c33;color:#ff4d6d;border:1px solid rgba(226,27,60,.3);animation:pulse 2s infinite}.badge-scheduled{background:#ffffff1a;color:var(--text-secondary)}.badge-finished{background:#00e67626;color:var(--color-exact)}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.avatar-lg{width:80px;height:80px}.match-card{display:flex;flex-direction:column;gap:1rem}.match-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;text-align:center}.team{display:flex;flex-direction:column;align-items:center;gap:.5rem}.flag{font-size:2rem}.name{font-weight:600;font-size:1.1rem}.group-mini-name{font-weight:600;font-size:.95rem}.group-standings-table{width:100%;border-collapse:collapse;text-align:center;font-size:.75rem;table-layout:fixed}.group-standings-table th{padding:.4rem .1rem;color:var(--text-muted);font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.group-standings-table th:nth-child(2){width:35%;text-align:left}.group-standings-table td{padding:.4rem .1rem;border-bottom:1px solid rgba(255,255,255,.05)}.group-standings-table tbody tr{cursor:pointer;transition:background-color .2s ease}.group-standings-table tbody tr:hover{background:#9b59b626!important}.group-standings-table tbody tr:hover .group-mini-name{color:var(--color-mixon-light);text-decoration:underline;text-underline-offset:2px}.group-standings-table .group-mini-team{text-align:left;display:flex;align-items:center;gap:.4rem;overflow:hidden}.group-standings-table .group-mini-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.group-standings-table .group-mini-flag{width:16px;height:16px;object-fit:cover;border-radius:50%;flex-shrink:0}.group-standings-table .group-mini-pts{font-weight:700;color:var(--color-mixon-light)}.match-score{font-size:2rem;font-weight:800;font-family:var(--font-display)}.match-time{font-size:1.25rem;font-weight:700;color:var(--color-mixon-light)}.match-date{font-size:.8rem;color:var(--text-muted)}.match-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;gap:.5rem;flex-wrap:wrap}.match-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.match-footer .btn{flex-shrink:0}.pred-area{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;margin:.5rem 0;border-radius:12px;background:#7b2d8e14;border:1px dashed rgba(155,89,182,.3);flex-wrap:wrap}.pred-area-open{display:flex;flex-direction:column;align-items:center;padding:1rem;margin:.5rem 0;border-radius:12px;background:#7b2d8e26;border:1px solid rgba(155,89,182,.4);width:100%;box-sizing:border-box}.pred-area-locked{background:#ffffff08;border:1px solid rgba(255,255,255,.06);opacity:.8}#global-chat-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.chat-bubble{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-mixon-main),var(--color-mixon-light));display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0000004d;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.chat-bubble:hover{transform:scale(1.1)}.chat-bubble.hidden{display:none}.chat-icon{font-size:1.8rem;line-height:1}.chat-unread-badge{position:absolute;top:-5px;right:-5px;background-color:#ff3b30;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 5px #0000004d}.chat-window{position:absolute;bottom:0;right:0;width:350px;height:500px;max-height:80vh;background:#0f0f14d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:bottom right;color:#fff}.chat-closed{opacity:0;transform:scale(.5);pointer-events:none}.chat-open{opacity:1;transform:scale(1);pointer-events:auto}.chat-header{padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.chat-header-title{display:flex;align-items:center;gap:.5rem}.chat-close-btn{background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s}.chat-close-btn:hover{background:#fff3;transform:scale(1.1)}.chat-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.8;z-index:-1;pointer-events:none}.chat-messages-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:1rem;display:flex;flex-direction:column;gap:.8rem;scroll-behavior:smooth;z-index:1}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-message{display:flex;gap:.5rem;max-width:85%;position:relative;touch-action:pan-y;animation:chatSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-message-other{align-self:flex-start}.chat-message-me{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-bubble-content{display:flex;flex-direction:column;position:relative}.chat-author{font-size:.75rem;color:var(--color-mixon-light);margin-bottom:.2rem;font-weight:700;padding-left:.4rem}.chat-text{background:var(--bg-secondary);padding:.5rem .8rem 1.2rem;border-radius:12px;font-size:.9rem;word-break:break-word;position:relative;box-shadow:0 1px 2px #0003;border:1px solid rgba(255,255,255,.05)}.chat-message-other .chat-text{border-top-left-radius:0}.chat-message-other .chat-text:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-right:8px solid var(--bg-secondary);border-bottom:8px solid transparent}.chat-message-me .chat-text{background:var(--color-mixon-main);color:#fff;border-top-right-radius:0;border:none}.chat-message-me .chat-text:before{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-left:8px solid var(--color-mixon-main);border-bottom:8px solid transparent}.chat-time{font-size:.65rem;color:#fff9;position:absolute;bottom:.2rem;right:.6rem}.chat-input-area{padding:.8rem;background:#0f0f14f2;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:.5rem;align-items:center;z-index:2}.chat-input-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-secondary);border-radius:24px;padding:.3rem .5rem;border:1px solid rgba(255,255,255,.1)}.chat-action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .2s;border-radius:50%}.chat-action-btn:hover{color:var(--text-primary);transform:scale(1.1)}#chat-input{flex:1;background:transparent;border:none;color:var(--text-primary);padding:.4rem .5rem;font-size:.95rem;font-family:var(--font-sans);outline:none}#chat-input::placeholder{color:var(--text-muted)}.chat-send-circle{width:42px;height:42px;border-radius:50%;background:var(--color-mixon-main);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s,background .2s;box-shadow:0 4px 10px #7b2d8e4d}.chat-send-circle:hover{transform:scale(1.05);background:var(--color-mixon-light)}@media (max-width: 768px){#global-chat-container{bottom:15px;right:15px}.chat-window{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;height:100dvh;max-height:100dvh;border-radius:0;z-index:1001;transform-origin:center bottom;overscroll-behavior:none;background:#0f0f14;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@supports (-webkit-touch-callout: none){.chat-window{height:-webkit-fill-available;max-height:-webkit-fill-available}}}.chat-reply-preview{display:flex;justify-content:space-between;align-items:center;background:#0003;border-left:4px solid var(--color-mixon-main);padding:.5rem;border-radius:4px;margin-bottom:.5rem;font-size:.8rem;animation:fadeIn .2s ease}.chat-reply-preview .reply-name{color:var(--color-mixon-main);font-weight:700;margin-bottom:.2rem}.chat-reply-preview .reply-text{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.chat-replied-msg{background:#00000026;border-left:3px solid var(--color-mixon-main);padding:.4rem;border-radius:4px;margin-bottom:.4rem;font-size:.75rem;cursor:pointer;transition:opacity .2s}.chat-replied-msg:hover{opacity:.8}.chat-replied-msg .reply-name{color:var(--color-mixon-main);font-weight:700;margin-bottom:.1rem}.chat-replied-msg .reply-text{color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-message-actions{display:flex;align-items:center;gap:.2rem;margin-top:.2rem;justify-content:flex-end}.chat-like-btn{background:#ffffff1a;border:none;border-radius:12px;padding:2px 8px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;position:relative}.chat-like-btn:hover{background:#fff3}.chat-like-btn.liked{color:#ff4757;background:#ff475726}.chat-like-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:5px;background:#000000e6;padding:4px 6px;border-radius:20px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(5px);transition:all .2s;z-index:10;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.1)}.chat-like-avatars{display:flex;align-items:center}.chat-like-avatar{width:20px;height:20px;border-radius:50%;border:1.5px solid #000;object-fit:cover;margin-left:-6px;background:var(--bg-secondary)}.chat-like-avatar:first-child{margin-left:0}.chat-like-btn:hover .chat-like-tooltip{opacity:1;transform:translateY(0)}.chat-action-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:.2rem;opacity:.7;transition:opacity .2s,transform .2s;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.chat-action-btn:hover{opacity:1;transform:scale(1.1)}.chat-panels-container{position:absolute;bottom:70px;left:0;width:100%;padding:0 1rem;z-index:1002}.chat-panel{background:#141419f2;-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 10px 40px #0009;height:250px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#chat-gif-search{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;color:var(--text-primary);font-size:.85rem;outline:none}#chat-gif-search:focus{border-color:var(--color-mixon-main)}.chat-gif-results{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:.5rem}.chat-gif-results::-webkit-scrollbar{width:4px}.chat-gif-results::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chat-gif-option{width:100%;height:70px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s}.chat-gif-option:hover{transform:scale(1.05)}.chat-gif-img{max-width:200px;max-height:200px;border-radius:12px;object-fit:cover;margin-top:.3rem;box-shadow:0 4px 12px #0003}.picmo__picker{height:100%!important;width:100%!important;background:transparent!important;border:none!important}.chat-callout{position:absolute;top:-45px;right:0;background:linear-gradient(135deg,var(--color-mixon-light),var(--color-mixon-main));color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:800;white-space:nowrap;box-shadow:0 4px 15px #7b2d8e66;animation:bounceCallout 2s infinite ease-in-out;pointer-events:none}.chat-callout:after{content:"";position:absolute;bottom:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-mixon-light)}@keyframes bounceCallout{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.chat-panels-container{bottom:60px}}.pred-cta{font-size:.9rem;font-weight:700;color:var(--color-mixon-light);margin-bottom:.75rem;text-align:center;animation:pred-pulse-glow 2s ease-in-out infinite;display:flex;justify-content:center;align-items:center;gap:.4rem;width:100%}@keyframes pred-pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.pred-saved{display:flex;align-items:center;gap:.5rem}.pred-label{font-size:.8rem;color:var(--text-secondary)}.pred-value{font-weight:800;font-size:1.1rem;color:var(--color-mixon-light);font-family:var(--font-display);transition:color .3s ease}.pred-lock{font-size:.75rem;opacity:.5}.pred-edit-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pred-inputs-row{display:flex;align-items:center;gap:.4rem}.pred-input{width:44px;text-align:center;border-radius:8px;border:1px solid rgba(155,89,182,.4);background:#0006;color:#fff;padding:.35rem;font-size:1rem;font-weight:700;font-family:var(--font-display);transition:border-color .3s ease,box-shadow .3s ease}.pred-input:focus{outline:none;border-color:var(--color-mixon-light);box-shadow:0 0 0 3px #9b59b640}.pred-dash{color:var(--text-secondary);font-weight:700}.hero{text-align:center;padding:4rem 0}.hero-title{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:1rem;background:linear-gradient(135deg,var(--color-mixon-main),var(--color-mixon-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;padding:0 1rem}.hero-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;padding:0 1rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:0 1rem}.filter-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;padding:0 1rem}.home-filter{padding:.5rem 1rem;font-size:.85rem}.ranking-row{display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:.6rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-row:last-child{border-bottom:none}.top-1,.top-2,.top-3{border-radius:12px;margin:.5rem 0;padding:1rem;border:1px solid transparent;position:relative}.top-1{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-color:#ffd70066;box-shadow:0 4px 20px #ffd70026,inset 0 0 10px #ffd7000d;animation:gold-pulse 3s infinite alternate}.top-1 .avatar{border:2px solid #FFD700;box-shadow:0 0 15px #ffd70066}.top-1 .ranking-pos{filter:drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.15)}.top-2{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d);border-color:#c0c0c04d;box-shadow:0 4px 15px #c0c0c01a}.top-2 .avatar{border:2px solid #C0C0C0;box-shadow:0 0 10px #c0c0c04d}.top-2 .ranking-pos{filter:drop-shadow(0 0 6px rgba(192,192,192,.5));transform:scale(1.05)}.top-3{background:linear-gradient(135deg,#cd7f3226,#cd7f320d);border-color:#cd7f324d;box-shadow:0 4px 10px #cd7f321a}.top-3 .avatar{border:2px solid #CD7F32;box-shadow:0 0 8px #cd7f324d}.top-3 .ranking-pos{filter:drop-shadow(0 0 4px rgba(205,127,50,.4))}@keyframes gold-pulse{0%{box-shadow:0 4px 20px #ffd70026,inset 0 0 10px #ffd7000d;border-color:#ffd70066}to{box-shadow:0 8px 30px #ffd70040,inset 0 0 20px #ffd7001a;border-color:#ffd700b3}}.ranking-pos{text-align:center;font-size:1.1rem;font-weight:800;line-height:1}.pos-num{color:var(--text-muted);font-size:1rem}.ranking-row .avatar{width:40px;height:40px;flex-shrink:0}.ranking-info{min-width:0}.ranking-name{font-weight:700;font-size:1rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.ranking-name:hover{color:var(--color-mixon-light)}.ranking-program{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-bar-container{display:none}.ranking-points{text-align:right;white-space:nowrap;padding-left:.25rem}.ranking-points strong{font-family:var(--font-display);font-size:1.3rem}.ranking-points small{display:block;color:var(--text-muted);font-size:.65rem}@media (min-width: 768px){.ranking-row{grid-template-columns:32px 48px 1fr 2fr auto;gap:1rem;padding:1rem}.ranking-row:not(.top-1):not(.top-2):not(.top-3){padding:1rem 0}.ranking-pos{font-size:1.3rem}.ranking-row .avatar{width:48px;height:48px}.ranking-name{font-size:1.1rem}.ranking-program{font-size:.75rem}.ranking-bar-container{display:block;height:12px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden}.ranking-points strong{font-size:1.5rem}.ranking-points small{font-size:.72rem}}.ranking-bar{height:100%;border-radius:6px;width:0}.program-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.program-cover{width:100%;min-height:145px;border-radius:12px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;padding:1rem;overflow:hidden}.program-logo{max-height:78px;max-width:150px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.program-detail-hero{padding:0;overflow:hidden}.program-detail-cover{min-height:280px;background-size:cover;background-position:center;display:flex;align-items:center;gap:2rem;padding:2rem}.program-detail-logo{width:150px;max-height:120px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.team-section{margin-top:2rem;display:grid;grid-template-columns:.8fr 1.4fr;gap:1.5rem;align-items:start}.team-section p:not(.eyebrow){color:var(--text-secondary);margin-top:.5rem}.team-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.team-person{display:flex;align-items:center;gap:.85rem;padding:.8rem;border-radius:12px;background:#ffffff0d;border:1px solid var(--glass-border)}.team-person small{display:block;color:var(--text-muted)}.eyebrow{color:var(--color-mixon-light);font-size:.78rem;font-weight:800;letter-spacing:1.5px;margin-bottom:.5rem;text-transform:uppercase}.empty-state{color:var(--text-secondary);text-align:center;padding:2rem}.prediction-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.prediction-score{font-family:var(--font-display);font-size:1.5rem;font-weight:800;text-align:right}.prediction-score small{display:block;color:var(--color-exact);font-family:var(--font-sans);font-size:.75rem}.result-pill{display:inline-flex;padding:.45rem .8rem;margin-bottom:1.25rem;border-radius:99px;background:#00e6761f;border:1px solid rgba(0,230,118,.25);color:var(--color-exact);font-weight:700}.admin-note{margin-bottom:1rem;padding:1rem;border-radius:12px;background:#9b59b624;border:1px solid rgba(155,89,182,.28);color:var(--text-secondary)}.admin-label{display:block;font-weight:800;margin-bottom:.5rem}.admin-select,.admin-export,.admin-page input{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-family:var(--font-sans);transition:border-color .3s ease,box-shadow .3s ease}.admin-select:focus,.admin-export:focus,.admin-page input:focus{outline:none;border-color:var(--color-mixon-light);box-shadow:0 0 0 3px #9b59b633}.admin-select{margin-bottom:1.5rem}.admin-result-box,.admin-section-title,.admin-prediction-row,.admin-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-result-box,.admin-section-title{border-top:1px solid var(--glass-border);padding-top:1.25rem;margin-top:1.25rem}.admin-section-title p,.admin-result-box p{color:var(--text-secondary);font-size:.9rem}.admin-prediction-row{padding:.9rem 0;border-bottom:1px solid var(--glass-border)}.admin-person{display:flex;align-items:center;gap:.9rem}.admin-person small{display:block;color:var(--text-muted)}.score-inputs{display:grid;grid-template-columns:72px 12px 72px;align-items:center;gap:.4rem;text-align:center}.score-inputs input{text-align:center}.admin-tools{justify-content:flex-start;margin-top:1.25rem}.admin-export{min-height:130px;margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}.score-hero{display:grid;grid-template-columns:1.5fr .8fr;align-items:center;gap:2rem;padding:3rem 0}.score-hero h1{font-size:clamp(2rem,5vw,4.6rem)}.score-wheel{aspect-ratio:1;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;background:#ffffff0f;border:1px solid var(--glass-border)}.score-chip{display:grid;place-items:center;border-radius:14px;font-family:var(--font-display);font-size:3rem;font-weight:900}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.score-rule{min-height:210px;border-radius:14px;padding:1.25rem;border:1px solid var(--glass-border);background:#ffffff0d}.score-number{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:12px;font-family:var(--font-display);font-size:1.8rem;font-weight:900;margin-bottom:1rem}.score-rule p{color:var(--text-secondary);margin-top:.6rem}.exact .score-number,.score-chip.exact{background:#00e6762e;color:var(--color-exact)}.diff .score-number,.score-chip.diff{background:#5cb8e42e;color:var(--color-diff)}.winner .score-number,.score-chip.winner{background:#ffb3002e;color:var(--color-winner)}.miss .score-number,.score-chip.miss{background:#e21b3c2e;color:var(--color-miss)}.score-example{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.score-formula{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.35rem;font-weight:900}.score-formula span,.score-formula strong{padding:.8rem 1rem;border-radius:12px;background:#ffffff14}.score-formula strong{background:#00e6762e;color:var(--color-exact)}.score-decision{display:grid;grid-template-columns:.8fr 1.4fr;gap:1.5rem;margin-bottom:2rem}.decision-ladder{display:grid;gap:.75rem}.decision-ladder div{display:grid;grid-template-columns:42px 1fr 70px;align-items:center;gap:.75rem;padding:.8rem;border-radius:12px;background:#ffffff0f}.decision-ladder strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#9b59b638}.decision-ladder b{color:var(--color-mixon-light);text-align:right}.score-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.score-cases article{padding:1rem;border-radius:12px;background:#ffffff0f;border:1px solid var(--glass-border)}.score-cases p{color:var(--text-secondary);margin-top:.45rem}.case-label{display:inline-flex;margin-bottom:.7rem;padding:.25rem .6rem;border-radius:99px;background:#5cb8e429;color:var(--color-diff);font-size:.75rem;font-weight:800}.score-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.score-phase-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:12px;background:#ffffff0f;border:1px solid var(--glass-border)}.score-phase-card strong{color:var(--color-mixon-light);font-family:var(--font-display);font-size:1.4rem}.profile-hero{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1.5rem}.profile-photo{width:150px;height:150px;border-radius:24px;object-fit:cover;border:2px solid var(--glass-border)}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:.75rem;margin-top:1.25rem}.profile-stats div{padding:.9rem;border-radius:12px;background:#ffffff0f}.profile-stats strong{display:block;font-family:var(--font-display);font-size:1.6rem}.profile-stats span{color:var(--text-secondary);font-size:.78rem}.history-table{padding:0;overflow:hidden}.history-row{display:grid;grid-template-columns:1.6fr .6fr .6fr 90px;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--glass-border)}.history-row:last-child{border-bottom:none}.history-row.pending{color:var(--text-secondary)}.history-row small,.history-score small{display:block;color:var(--text-muted);font-size:.76rem}.history-score span{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.history-points{justify-self:end;min-width:70px;padding:.45rem .65rem;border-radius:10px;background:#00e6761f;color:var(--color-exact);font-weight:900;text-align:center}.flag-img{width:48px;height:32px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #0000004d}.flag-emoji{font-size:2rem}.fixture-page .page-title{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:.5rem}.fixture-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.fixture-day{margin-bottom:2rem}.fixture-day-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;background:#7b2d8e1f;border:1px solid rgba(123,45,142,.2);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.fixture-day-icon{font-size:1.25rem}.fixture-day-title{font-size:1.1rem;font-weight:700;color:var(--color-mixon-light);margin:0}.fixture-day-matches{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.fixture-day-matches{grid-template-columns:1fr}}.llaves-page .page-title{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:.5rem}.section-title{font-size:1.5rem;margin-bottom:.5rem}.section-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.group-mini{padding:1rem}.group-mini:hover{transform:translateY(-2px)}.group-mini-header{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--color-mixon-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.group-mini-row{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;font-size:.88rem}.group-mini-pos{width:20px;font-weight:800;font-size:.8rem;color:var(--text-muted)}.group-mini-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px #0000004d}.group-mini-name{font-weight:600}.group-qualified .group-mini-pos{color:var(--color-exact)}.group-third .group-mini-pos{color:var(--color-winner)}.group-eliminated .group-mini-pos{color:var(--color-miss)}.user-profile{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;color:var(--color-mixon-light);white-space:nowrap;font-size:.9rem}.user-role-badge{font-size:.65rem;color:var(--text-secondary);background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;margin-top:.1rem}.user-role-master{background:linear-gradient(135deg,var(--color-mixon-light),var(--color-mixon));color:#fff;font-weight:700}.avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-mixon-light)}@media (max-width: 768px){.user-info{display:none}.user-profile{gap:.4rem}.avatar-small{width:32px;height:32px}}.bracket-container{display:flex;flex-direction:column;gap:2.5rem}.bracket-round-label{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--color-mixon-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(123,45,142,.3)}.bracket-round-matches{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.bracket-slot{padding:1rem;text-align:center;position:relative;cursor:pointer;transition:all .3s ease}.bracket-slot:hover{transform:translateY(-4px);border-color:var(--color-mixon-light);box-shadow:0 8px 32px #7b2d8e40}.bracket-slot-round{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.bracket-slot-team{padding:.4rem}.bracket-team-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);line-height:1.3}.bracket-slot-vs{font-size:.7rem;color:var(--text-muted);font-weight:800;text-transform:uppercase}.bracket-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s ease}.bracket-slot:hover .bracket-tooltip{opacity:1;visibility:visible}.bracket-tooltip-content{background:#12121af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(123,45,142,.4);border-radius:12px;padding:1rem 1.25rem;min-width:220px;box-shadow:0 12px 40px #00000080;text-align:left}.bracket-tooltip-content strong{display:block;font-size:.85rem;color:var(--color-mixon-light);margin-bottom:.5rem}.bracket-tooltip-content p{font-size:.82rem;color:var(--text-primary);line-height:1.4}.bracket-tooltip-vs{display:block;font-size:.7rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;margin:.25rem 0}.bracket-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#12121af2}.bracket-finals .bracket-round-matches{grid-template-columns:repeat(2,1fr);max-width:600px;margin:0 auto}@media (max-width: 768px){.program-detail-cover,.score-example,.score-decision,.admin-result-box,.admin-section-title,.admin-prediction-row{align-items:stretch;flex-direction:column}.program-detail-cover{text-align:center}.score-hero,.score-grid,.score-cases,.team-section,.team-list,.score-phases{grid-template-columns:1fr}.prediction-row{align-items:flex-start}.score-formula{flex-wrap:wrap}.profile-hero,.profile-stats,.history-row{grid-template-columns:1fr}.profile-photo{width:120px;height:120px}.history-points{justify-self:stretch}.fixture-day-matches{grid-template-columns:1fr}.groups-grid,.bracket-round-matches{grid-template-columns:repeat(2,1fr)}.bracket-finals .bracket-round-matches{grid-template-columns:1fr}.glass-card{padding:1rem;border-radius:14px}.glass-card:hover{transform:none}.match-teams{gap:.5rem}.name{font-size:.9rem;word-break:break-word}.flag-img{width:40px;height:28px}.match-score{font-size:1.6rem}.match-time{font-size:1.1rem}.match-footer{flex-direction:column;align-items:center;gap:.4rem}.match-footer span{white-space:normal;text-align:center;font-size:.8rem}.match-footer .btn{width:100%;justify-content:center;font-size:.7rem;padding:.5rem .75rem}.match-events-timeline{flex-direction:row;gap:.5rem;margin:.75rem 0 0;padding:.75rem 0 0;font-size:.78rem}.event-item{white-space:normal}}@media (max-width: 480px){.groups-grid,.bracket-round-matches{grid-template-columns:1fr}}.program-chart{display:flex;align-items:flex-end;justify-content:space-around;height:350px;padding:1rem 1rem 2rem;margin-bottom:2rem;gap:.5rem}.program-chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;max-width:100px}.program-chart-points{font-weight:900;font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}.program-chart-bar-container{width:100%;max-width:60px;background:#ffffff0d;border-radius:12px 12px 0 0;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003;display:flex;align-items:flex-end}.program-chart-bar-fill{width:100%;border-radius:12px 12px 0 0;transition:height 1s cubic-bezier(.4,0,.2,1);height:0%;box-shadow:0 -4px 15px #0000004d}.program-chart-logo{width:45px;height:45px;border-radius:50%;object-fit:cover;padding:2px;border:2px solid var(--glass-border);background:var(--bg-card);margin-top:-22.5px;z-index:2;box-shadow:0 4px 10px #00000080}.program-chart-name{font-size:.75rem;font-weight:700;text-align:center;margin-top:.5rem;color:var(--text-secondary);line-height:1.2}.match-events-timeline{display:flex;justify-content:space-between;margin:1rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.05);font-size:.85rem;color:#a0a0a0}.events-home{flex:1;text-align:left}.events-away{flex:1;text-align:right}.event-item{margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-item:last-child{margin-bottom:0}.event-min{opacity:.7;font-size:.75rem}.slogan-brand{white-space:nowrap;background:linear-gradient(135deg,var(--color-mixon-light),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:900;text-shadow:0 0 30px rgba(155,89,182,.25)}.feature-card{position:relative;overflow:hidden;background:#12121a80;background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:16px 16px;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2.2rem 1.8rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0000004d;box-sizing:border-box}.feature-card.split-layout{padding:0;display:flex;flex-direction:column;background:#12121acc;min-height:auto;border-radius:24px}.feature-card.split-layout:before{display:none}.feature-card-img{width:100%;height:220px;background-size:cover;background-position:center top;background-repeat:no-repeat;border-bottom:1px solid rgba(255,255,255,.05)}.feature-card-text{padding:1.8rem;display:flex;flex-direction:column;align-items:center;background:transparent}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 60%);pointer-events:none;transition:opacity .4s ease}.feature-icon-wrapper{width:65px;height:65px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #ffffff05}.feature-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin:0 0 .75rem;transition:color .3s ease}.feature-card-desc{font-size:.88rem;color:var(--text-secondary);margin:0;line-height:1.5;transition:color .3s ease}.feature-card.theme-purple .feature-icon-wrapper{filter:drop-shadow(0 0 10px rgba(155,89,182,.25))}.feature-card.theme-purple .feature-card-title{color:var(--color-mixon-light)}.feature-card.theme-purple:hover{transform:translateY(-8px);border-color:#9b59b673;box-shadow:0 20px 40px #00000080,0 0 25px #9b59b640;background-color:#18121ea6}.feature-card.theme-purple:hover .feature-icon-wrapper{background:#9b59b626;border-color:#9b59b673;box-shadow:0 0 20px #9b59b666;transform:scale(1.1)}.feature-card.theme-blue .feature-icon-wrapper{filter:drop-shadow(0 0 10px rgba(92,184,228,.25))}.feature-card.theme-blue .feature-card-title{color:var(--color-diff)}.feature-card.theme-blue:hover{transform:translateY(-8px);border-color:#5cb8e473;box-shadow:0 20px 40px #00000080,0 0 25px #5cb8e440;background-color:#12161ea6}.feature-card.theme-blue:hover .feature-icon-wrapper{background:#5cb8e426;border-color:#5cb8e473;box-shadow:0 0 20px #5cb8e466;transform:scale(1.1)}.feature-card.theme-red .feature-icon-wrapper{filter:drop-shadow(0 0 10px rgba(226,27,60,.25))}.feature-card.theme-red .feature-card-title{color:#ff4d6d}.feature-card.theme-red:hover{transform:translateY(-8px);border-color:#e21b3c73;box-shadow:0 20px 40px #00000080,0 0 25px #e21b3c40;background-color:#1e1214a6}.feature-card.theme-red:hover .feature-icon-wrapper{background:#e21b3c26;border-color:#e21b3c73;box-shadow:0 0 20px #e21b3c66;transform:scale(1.1)}.play-btn-highlight{background:linear-gradient(135deg,var(--color-mixon-main),var(--color-mixon-light))!important;box-shadow:0 0 20px #9b59b666!important;animation:play-btn-pulse 2s infinite ease-in-out!important}@keyframes play-btn-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #9b59b666}50%{transform:scale(1.04);box-shadow:0 0 30px #9b59b6b3}}.team-profile-header{display:flex;align-items:center;gap:1.5rem;justify-content:center;margin-bottom:2rem}.team-profile-flag{width:120px;height:auto;border-radius:12px;box-shadow:0 4px 15px #00000080}.team-profile-info{text-align:left}.team-profile-group{color:var(--text-secondary);font-size:1.1rem}@media (max-width: 576px){.team-profile-header{flex-direction:column;text-align:center}.team-profile-info{text-align:center}.team-profile-flag{width:100px}}.community-stats{margin-top:1rem;padding:.8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;font-size:.8rem;box-shadow:0 4px 10px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stats-label{text-align:center;color:#fff;margin-bottom:.6rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:.4rem}.stats-bar{display:flex;height:10px;border-radius:6px;overflow:visible;margin-bottom:.6rem;box-shadow:inset 0 1px 3px #00000080;background:#0000004d}.stat-home{background:linear-gradient(90deg,#4caf50,#81c784);transition:width .5s ease-out;box-shadow:inset -1px 0 2px #0003;border-radius:6px 0 0 6px}.stat-draw{background:linear-gradient(90deg,#9e9e9e,#bdbdbd);transition:width .5s ease-out;box-shadow:inset -1px 0 2px #0003}.stat-away{background:linear-gradient(90deg,#e53935,#ef5350);transition:width .5s ease-out;box-shadow:inset -1px 0 2px #0003;border-radius:0 6px 6px 0}.stat-winner{box-shadow:0 0 10px 2px #39ff14,inset 0 0 6px #fffc!important;border-bottom:2px solid #39FF14;border-top:2px solid #39FF14;z-index:2;position:relative;filter:brightness(1.2)}.stat-highlight{position:relative;z-index:2;box-shadow:0 0 10px #ffffff80;filter:brightness(1.2)}.text-highlight{color:#39ff14!important;text-shadow:0 0 8px rgba(57,255,20,.6)}.stats-text{display:flex;justify-content:space-between;color:var(--text-secondary);font-weight:700;margin-top:.2rem}.text-highlight{color:#39ff14!important;text-shadow:0 0 8px rgba(57,255,20,.6);font-weight:900;transform:scale(1.1);transition:all .3s ease;display:inline-block}.badges-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.badge-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:4px}.streak-fire{display:inline-flex;align-items:center;color:#ff9800;animation:pulse-glow 2s infinite;margin-left:6px;font-size:1.1rem}.global-ticker-container{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;background:linear-gradient(90deg,#0f0f14,#1e1e2df2,#0f0f14);border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 0;margin-top:65px;white-space:nowrap;position:relative;box-shadow:0 4px 15px #0000004d;display:flex;cursor:grab}.global-ticker-container::-webkit-scrollbar{display:none}.global-ticker-container.ticker-active{cursor:grabbing}.global-ticker-container:before,.global-ticker-container:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.global-ticker-container:before{left:0;background:linear-gradient(to right,rgba(15,15,20,1) 10%,transparent)}.global-ticker-container:after{right:0;background:linear-gradient(to left,rgba(15,15,20,1) 10%,transparent)}.global-ticker-track{display:flex;width:max-content;flex-shrink:0;animation:ticker-scroll 45s linear infinite}.global-ticker-container:hover .global-ticker-track,.global-ticker-container:active .global-ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.global-ticker-content{display:flex;align-items:center;gap:3rem;padding-right:3rem;flex-shrink:0}.ticker-item{display:flex;align-items:center;font-size:.95rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.4rem 1rem;border-radius:8px;box-shadow:0 2px 8px #0003;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.ticker-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff0d}.ticker-item-pending{border-color:#f39c124d;box-shadow:inset 0 0 10px #f39c120d}.ticker-item-pending:hover{border-color:#f39c1299;box-shadow:inset 0 0 20px #f39c121a}.ticker-item-finished{border-color:#9b59b64d;background:#00000026;opacity:.8}.ticker-item-finished:hover{border-color:#9b59b680;background:#0003}.ticker-item-live{border-color:#ff4d6d99;background:#ff4d6d1a;box-shadow:inset 0 0 15px #ff4d6d26,0 0 10px #ff4d6d33;animation:live-pulse 2s infinite}@keyframes live-pulse{0%{box-shadow:inset 0 0 15px #ff4d6d26,0 0 10px #ff4d6d33}50%{box-shadow:inset 0 0 15px #ff4d6d4d,0 0 20px #ff4d6d66}to{box-shadow:inset 0 0 15px #ff4d6d26,0 0 10px #ff4d6d33}}.ticker-team{font-weight:600;letter-spacing:.5px;color:#fff;display:inline-flex;align-items:center;gap:6px}.ticker-flag{width:18px;height:18px;border-radius:50%;object-fit:cover;box-shadow:0 0 3px #00000080}.ticker-middle{font-weight:800;background:linear-gradient(135deg,#ffffff1a,#ffffff05);padding:.2rem .6rem;border-radius:4px;margin:0 .8rem;font-size:.85rem;color:var(--color-mixon-light, #a29bfe);border:1px solid rgba(255,255,255,.05)}.ticker-status-live{color:#00e676;font-weight:700;margin-left:.8rem;animation:pulse-live 2s infinite;text-shadow:0 0 8px rgba(0,230,118,.5);font-size:.85rem;letter-spacing:1px}.ticker-status-end{color:#fff6;font-size:.8rem;margin-left:.8rem;font-weight:700;letter-spacing:1px}.ticker-status-time{color:gold;margin-left:.8rem;font-weight:600;font-size:.85rem;letter-spacing:.5px;text-shadow:0 0 5px rgba(255,215,0,.3)}@keyframes marquee-seamless{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-live{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes highlight-pulse{0%{box-shadow:0 0 #ffd700b3;background-color:#ffd70033}70%{box-shadow:0 0 0 15px #ffd70000;background-color:#ffd7000d}to{box-shadow:0 0 #ffd70000;background-color:transparent}}.highlight-animation{animation:highlight-pulse 2s ease-out;border:1px solid rgba(255,215,0,.5)!important;border-radius:8px}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);background:#0f172af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:.6rem .8rem;border-radius:8px;font-size:.75rem;font-weight:500;white-space:pre-wrap;min-width:max-content;max-width:250px;text-align:center;box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,255,255,.1);pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:100}[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%) translateY(10px);border-width:5px;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:100}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.medal-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:#0f0f1499;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.medal-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(var(--medal-color),.15),transparent 70%);pointer-events:none;z-index:0}.medal-card:hover{transform:translateY(-5px);border-color:rgba(var(--medal-color),.3);box-shadow:0 10px 30px rgba(var(--medal-color),.15)}.medal-icon-wrapper{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:rgba(var(--medal-color),.1);border:1px solid rgba(var(--medal-color),.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.2rem;box-shadow:inset 0 0 10px rgba(var(--medal-color),.2),0 0 15px rgba(var(--medal-color),.1)}.medal-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem}.medal-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.medal-card h3{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.medal-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0;margin-top:.5rem}.mvp-badge-container{position:relative;display:inline-block;cursor:pointer}.mvp-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);background:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);box-shadow:0 10px 25px #00000080,0 0 15px #ffd7001a;border-radius:12px;padding:1rem;min-width:180px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100}.mvp-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(255,215,0,.3) transparent transparent transparent}.mvp-badge-container:hover .mvp-popover{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mvp-popover h4{margin:0 0 .5rem;color:gold;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:.3rem;text-align:center}.mvp-popover ul{list-style:none;padding:0;margin:0}.mvp-popover li{font-size:.85rem;color:#fff;padding:.4rem 0;display:flex;align-items:center;gap:.5rem;font-weight:500}.mvp-popover li:before{content:"📅";font-size:.8rem}.streak-badge-container{position:relative;display:inline-block;cursor:pointer}.streak-badge-icon{font-size:.8rem;background:#ff572226;color:#ff5722;padding:3px 8px;border-radius:12px;border:1px solid rgba(255,87,34,.3);display:inline-flex;align-items:center;gap:4px}.streak-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);background:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,87,34,.3);box-shadow:0 10px 25px #00000080,0 0 15px #ff57221a;border-radius:12px;padding:1rem;min-width:180px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;text-align:center;pointer-events:none}.streak-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(255,87,34,.3) transparent transparent transparent}.streak-badge-container:hover .streak-popover{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.streak-popover h4{margin:0 0 .5rem;color:#ff5722;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,87,34,.2);padding-bottom:.3rem}.streak-popover p{margin:0;font-size:.85rem;color:#fff;line-height:1.4}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;background:#0c0c10b3;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 0;box-shadow:0 10px 40px #0006;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-brand img{height:24px;width:auto;object-fit:contain;flex-shrink:0;transition:transform .3s ease}.nav-brand:hover img{transform:scale(1.05)}.nav-brand span.nav-x{font-size:.9rem;margin:0 .5rem;opacity:.4;color:#fff;transition:opacity .3s ease}.nav-brand:hover span.nav-x{opacity:.8}.nav-brand span.nav-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:.5px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:.25rem;white-space:nowrap;text-transform:uppercase}.nav-links{display:flex;gap:.4rem;align-items:center}.nav-link{position:relative;font-weight:600;font-size:.85rem;color:#ffffffa6;transition:all .3s cubic-bezier(.16,1,.3,1);padding:.5rem 1rem;border-radius:99px;background:transparent;border:1px solid transparent;text-decoration:none;letter-spacing:.3px;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:#ffffff0d;opacity:0;transition:opacity .3s ease;z-index:-1}.nav-link:hover{color:#fff;transform:translateY(-1px)}.nav-link:hover:before{opacity:1}.nav-link.active{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 15px #0003}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--color-mixon-light),transparent);border-radius:2px;box-shadow:0 -2px 10px var(--color-mixon-light)}.nav-link.premium-fixture{background:linear-gradient(135deg,#7b2d8e26,#a246b926);border:1px solid rgba(162,70,185,.25);color:#fff;box-shadow:0 2px 10px #7b2d8e1a}.nav-link.premium-fixture:hover{background:linear-gradient(135deg,#7b2d8e40,#a246b940);border-color:#a246b966;box-shadow:0 4px 15px #a246b94d;transform:translateY(-1px)}.nav-link.premium-fixture.active{background:linear-gradient(135deg,#7b2d8e66,#a246b966);border-color:#a246b999;box-shadow:0 0 20px #a246b966}.nav-link.premium-fixture.active:after{background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 -2px 10px #fff}.nav-link-danger{color:var(--color-danger)!important}.nav-link-danger:hover{background:#ff3b301a!important}.mobile-menu-btn,.mobile-menu-close{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.nav-overlay{display:none}.main-content{padding-top:2rem;padding-bottom:4rem;min-height:calc(100vh - 70px)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 1100px){.nav-link{padding:.4rem .6rem;font-size:.8rem}.nav-brand span.nav-title{display:none}.nav-links{gap:.25rem}}@media (max-width: 992px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.navbar{padding:.75rem 0}.nav-content{display:flex;justify-content:flex-start;align-items:center;width:100%}.nav-brand{order:1}.nav-brand span.nav-title{display:none}.nav-brand span.nav-x{font-size:1.1rem}.nav-brand img{height:24px}.nav-auth{order:2;display:flex;justify-content:flex-end;align-items:center;margin-left:auto;margin-right:.8rem}.nav-auth .btn{padding:.4rem 1rem;font-size:.75rem;letter-spacing:.5px}.mobile-menu-btn{order:3;display:flex;align-items:center;justify-content:center;margin-left:0;padding:0}.nav-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.active{opacity:1;pointer-events:auto}.nav-links{position:fixed;top:0;right:0;width:80%;max-width:320px;height:100vh;background:#12121af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:5rem 1.5rem 2rem;gap:.5rem;z-index:999;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-links.active{transform:translate(0)}.mobile-menu-close{display:block;position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d}.nav-link{font-size:1.1rem;padding:1rem 1.5rem;text-align:left;border-radius:12px;background:#ffffff08;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.05)}.nav-link:hover{background:#ffffff14}.nav-link.active:after{display:none}.nav-link.active{background:#ffffff1a;border-color:#ffffff26}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding-top:1.5rem}.desktop-only{display:none!important}.mobile-only{display:inline-block!important}}@media (min-width: 769px){.mobile-only{display:none!important}}.collab-hero{position:relative;text-align:center;padding:5rem 1rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-radius:24px;background:#12121a66;border:1px solid rgba(255,255,255,.05);margin-bottom:3rem;box-shadow:inset 0 0 100px #7b2d8e1a}.glow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#7b2d8e66,#7b2d8e00 70%);z-index:0;pointer-events:none;animation:pulse-glow 4s infinite alternate ease-in-out}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.collab-logos{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem}.collab-logo{height:100px;object-fit:contain;transition:transform .3s ease}.collab-logo:hover{transform:scale(1.1) translateY(-5px)}.collab-x{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:#ffffff80;animation:rotate-slow 20s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drop-shadow-glow{filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.collab-hero .hero-title{position:relative;z-index:1;font-size:3.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right,#fff,var(--color-mixon-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.collab-hero .hero-subtitle{position:relative;z-index:1;font-size:1.2rem;color:#a0a0a0;max-width:600px;line-height:1.6}.hero-actions{position:relative;z-index:1;display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.glass-btn{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .3s ease}.glass-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 20px #0003,0 0 15px #7b2d8e66}.glass-btn.btn-primary{background:linear-gradient(135deg,#7b2d8e99,#a246b999);border:1px solid rgba(162,70,185,.4)}.glass-btn.btn-primary:hover{background:linear-gradient(135deg,#7b2d8ecc,#a246b9cc)}@media (max-width: 768px){.collab-logo{height:60px}.collab-logos{gap:1rem}.collab-x{font-size:1.5rem}.collab-hero .hero-title{font-size:2rem}.collab-hero .hero-subtitle{font-size:1rem}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@keyframes growBar{0%{width:0}to{width:var(--target-width)}}.bar-fill{animation:growBar 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;animation:fadeIn .3s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.loading-logos{display:flex;align-items:center;gap:1rem;animation:breathe 2.5s ease-in-out infinite}.loading-logo{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(123,45,142,.4))}.loading-x{font-size:1.2rem;color:#ffffff4d}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-mixon-light);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--text-secondary);font-size:.95rem;font-weight:500}.loading-skeletons{display:flex;flex-direction:column;gap:.75rem;width:280px;margin-top:.5rem}.skeleton-row{height:14px;border-radius:7px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-row.short{width:65%}.glass-tabs-container{display:flex;justify-content:center;margin:1.5rem 0 2.5rem;width:100%}.glass-tabs{position:relative;display:flex;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:.35rem;width:100%;max-width:450px}.tab-btn{flex:1;background:transparent;border:none;color:#fff9;padding:.75rem 1rem;border-radius:99px;font-weight:600;font-size:.95rem;cursor:pointer;position:relative;z-index:2;transition:color .3s ease}.tab-btn.active{color:#fff}.tab-indicator{position:absolute;top:.35rem;bottom:.35rem;left:.35rem;width:calc(50% - .35rem);background:#ffffff26;box-shadow:0 4px 12px #0000001a;border-radius:99px;z-index:1;transition:transform .35s cubic-bezier(.25,1,.5,1)}.glass-tabs:has(#tab-stats.active) .tab-indicator{transform:translate(100%)}.tab-panel{display:none;opacity:0;transform:translateY(10px);animation:fadeIn .4s ease forwards}.tab-panel.active{display:block}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.group-status-badge{position:absolute;top:-10px;right:-10px;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d;z-index:10}.group-status-badge.parcial{background:#f39c12;color:#fff;border:1px solid #f1c40f;animation:pulse-orange 2s infinite}.group-status-badge.definitivo{background:#27ae60;color:#fff;border:1px solid #2ecc71}.bracket-tree-wrapper{width:100%;overflow-x:auto;padding:1rem 0 3rem;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.4) rgba(0,0,0,.2);scroll-snap-type:x mandatory}.bracket-tree-wrapper::-webkit-scrollbar{height:8px}.bracket-tree-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:4px}.bracket-tree-wrapper::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:4px}.bracket-tree-container{display:flex;gap:3rem;min-width:max-content;padding:0 1rem}.bracket-round-col{display:flex;flex-direction:column;gap:1.5rem;min-width:260px;scroll-snap-align:start}.bracket-round-title{font-size:1.1rem;color:#fffc;text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:.5rem;margin-bottom:1rem}.bracket-round-slots{display:flex;flex-direction:column;gap:1.5rem;flex:1;justify-content:space-around}.bracket-round-col:nth-child(2) .bracket-round-slots{gap:3rem}.bracket-round-col:nth-child(3) .bracket-round-slots{gap:6rem}.bracket-round-col:nth-child(4) .bracket-round-slots{justify-content:center;gap:12rem}.finals-slots{justify-content:center;gap:4rem}.bracket-match-card{position:relative;background:#141419b3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 15px #0003}.bracket-match-card:hover{transform:translateY(-2px);border-color:#ffd70066;box-shadow:0 8px 25px #ffd70026}.bracket-match-badge{position:absolute;top:-8px;right:-8px;padding:.2rem .5rem;border-radius:8px;font-size:.65rem;font-weight:700;text-transform:uppercase;z-index:5}.bracket-match-badge.parcial{background:#f39c12e6;color:#fff;border:1px solid #f1c40f;animation:pulse-orange 2s infinite}.bracket-match-badge.definitivo{background:#27ae60e6;color:#fff;border:1px solid #2ecc71}@keyframes pulse-orange{0%{box-shadow:0 0 #f39c1266}70%{box-shadow:0 0 0 6px #f39c1200}to{box-shadow:0 0 #f39c1200}}.bracket-match-header{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.3rem;margin-bottom:.2rem}.bracket-team-row{display:flex;align-items:center;gap:.8rem;height:24px}.bracket-flag{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);background:#ffffff1a}.bracket-team-name{font-weight:600;font-size:.95rem;color:#fff}.bracket-team-label{font-weight:400;font-size:.85rem;color:#ffffff80;font-style:italic}.bracket-match-vs{text-align:center;font-size:.75rem;color:#ffd70080;font-weight:700;margin:-.2rem 0}.stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.stats-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.stats-item{display:flex;align-items:center;padding:.75rem;border-radius:14px;transition:all .2s ease}.stats-item:hover{background:#ffffff0f;transform:translate(4px)}.rank{font-weight:700;font-size:1.1rem;color:#fff6;width:28px;text-align:center}.rank-1{color:#fbbf24;font-size:1.4rem;text-shadow:0 0 10px rgba(251,191,36,.5)}.rank-2{color:#d1d5db;font-size:1.3rem}.rank-3{color:#b45309;font-size:1.2rem}.player-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;margin:0 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.1)}.player-info{display:flex;flex-direction:column;flex-grow:1}.player-name{font-weight:600;font-size:1rem;color:#fff}.player-team{font-size:.8rem;color:#fff9;margin-top:.1rem}.stat-value{font-size:1.35rem;font-weight:700;color:#fff;padding-left:1rem}.glass-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease}.glass-card:hover,.glass-card:focus-within{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 48px #7b2d8e26,0 0 0 1px #7b2d8e4d;border-color:#ffffff40;z-index:10}input,select,textarea{transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-mixon-light);box-shadow:0 0 0 3px #7b2d8e40;background-color:#ffffff1a}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .6s ease-out,opacity .6s ease-out;pointer-events:none}.btn:active:after{transform:translate(-50%,-50%) scale(1);opacity:1;transition:0s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:20px;color:var(--text-secondary);animation:fadeIn .5s ease-out}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;filter:grayscale(1);transition:all .3s ease}.empty-state:hover .empty-state-icon{opacity:1;filter:grayscale(0);transform:scale(1.1)}.empty-state-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.skeleton-card{background:var(--glass-bg);border-radius:20px;padding:1.5rem;min-height:200px;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .4s ease-out}.skeleton-pulse{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}