@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap";:root{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}:root{font-family:Jost,sans-serif;font-feature-settings:"ss01" on}*{box-sizing:border-box;padding:0;margin:0}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background-color:#262b2e}*::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#c7f}html{font-size:12px;background-color:#262b2e}@media (min-width: 992px){html{font-size:14px}}@media (min-width: 1200px){html{font-size:16px}}body{min-height:100vh;background-image:linear-gradient(#435058,#262b2e);color:#fff;margin:0;font-family:Jost,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}.fantasy-app{min-height:100vh;background-image:linear-gradient(#435058,#262b2e);color:#fff;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.container{max-width:1920px;margin:0 auto;width:100%;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1200px){.container{padding:0 3rem}}.fantasy-section{padding:2rem;border-radius:1rem;background:#262b2ed9;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(204,119,255,.1);transition:all .3s ease}.fantasy-section:hover{border-color:#c7f3;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@media (min-width: 768px){.fantasy-section{padding:2.5rem;margin:1.5rem 0}}h1,h2,h3{color:#c7f;text-transform:uppercase;font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem;text-align:center;text-shadow:0 0 20px rgba(204,119,255,.5)}h2{font-size:2rem;text-align:center;text-shadow:0 0 15px rgba(204,119,255,.3)}h3{font-size:1.5rem}.fantasy-button{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:.5rem;background:linear-gradient(45deg,#c7f,#9f4fff);color:#fff;font-size:1rem;font-weight:700;text-align:center;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fantasy-button: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}.fantasy-button:hover:before{left:100%}.fantasy-button:hover{filter:drop-shadow(0 0 20px rgba(204,119,255,.6));transform:translateY(-2px);box-shadow:0 8px 25px #cc77ff4d}.fantasy-button:active{transform:translateY(0)}.fantasy-button:disabled{border:2px solid #424242;background:#2a2a2a;color:#666;cursor:not-allowed;filter:none;transform:none}.fantasy-input,.fantasy-select{width:100%;min-height:2.75rem;padding:.75rem 1rem;border:2px solid rgba(204,119,255,.3);background:#262b2ee6;color:#fff;font-size:1rem;font-weight:500;border-radius:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fantasy-input:focus,.fantasy-select:focus{outline:none;border-color:#c7f;box-shadow:0 0 20px #c7f6;background:#262b2e}.fantasy-input:hover,.fantasy-select:hover{border-color:#cc77ff80}.multiplier-input{background:#1a1a1af2!important;color:#fff!important;text-align:center;font-weight:600;border:2px solid rgba(204,119,255,.4)!important}.multiplier-input:focus{background:#1a1a1a!important;border-color:#c7f!important;box-shadow:0 0 15px #c7f6!important}.multiplier-input::-webkit-inner-spin-button,.multiplier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.multiplier-input[type=number]{-moz-appearance:textfield}.player-card{background:linear-gradient(135deg,#262b2ef2,#262b2ecc);border-radius:1rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c7f,#9f4fff,#c7f);opacity:0;transition:opacity .3s ease}.player-card:hover:before{opacity:1}.player-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#fff3}.role-core{border-color:#de6161;background:linear-gradient(135deg,#de616126,#262b2ee6)}.role-core:hover{border-color:#de6161;box-shadow:0 20px 40px #de616133}.role-mid{border-color:#f7bc63;background:linear-gradient(135deg,#f7bc6326,#262b2ee6)}.role-mid:hover{border-color:#f7bc63;box-shadow:0 20px 40px #f7bc6333}.role-support{border-color:#71b3ff;background:linear-gradient(135deg,#71b3ff26,#262b2ee6)}.role-support:hover{border-color:#71b3ff;box-shadow:0 20px 40px #71b3ff33}.stats-container{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.stat-item{background:#262b2eb3;border-radius:.75rem;padding:1.5rem;border-left:4px solid #c7f;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-item:hover{transform:translate(5px)}.stat-item.bg-red:hover{background:linear-gradient(135deg,#de616166,#de616133);box-shadow:0 4px 15px #de61614d}.stat-item.bg-blue:hover{background:linear-gradient(135deg,#71b3ff66,#71b3ff33);box-shadow:0 4px 15px #71b3ff4d}.stat-item.bg-green:hover{background:linear-gradient(135deg,#85d35566,#85d35533);box-shadow:0 4px 15px #85d3554d}.stat-item.bg-yellow:hover{background:linear-gradient(135deg,#f7bc6366,#f7bc6333);box-shadow:0 4px 15px #f7bc634d}.stat-item.bg-purple:hover{background:linear-gradient(135deg,#a37fdd66,#a37fdd33);box-shadow:0 4px 15px #a37fdd4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin:2rem 0}@media (max-width: 768px){.stats-grid,.players-grid{grid-template-columns:1fr;gap:1.5rem}}.role-selector{display:flex;gap:1rem;margin-bottom:2rem}.role-selector .fantasy-button{flex:1;transition:all .3s ease}.role-selector .fantasy-button.active-core{background:linear-gradient(45deg,#de6161,#c74545);border-color:#de6161;box-shadow:0 8px 25px #de616166}.role-selector .fantasy-button.active-mid{background:linear-gradient(45deg,#f7bc63,#e6a845);border-color:#f7bc63;box-shadow:0 8px 25px #f7bc6366}.role-selector .fantasy-button.active-support{background:linear-gradient(45deg,#71b3ff,#5a9ae6);border-color:#71b3ff;box-shadow:0 8px 25px #71b3ff66}.player-list{display:flex;flex-direction:column;gap:.75rem}.player-list-item{background:#262b2e99;border-radius:.5rem;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.player-list-item:hover{background:#262b2ecc;border-color:#ffffff1a;transform:translate(5px)}.player-name{font-weight:600;color:#fff}.player-score{font-weight:700;color:#f7bc63;font-size:1.1rem}.accent{color:#c7f}.text-red{color:#de6161}.text-blue{color:#71b3ff}.text-green{color:#85d355}.text-yellow{color:#f7bc63}.text-purple{color:#a37fdd}.bg-red{background:linear-gradient(135deg,#de616140,#de61611a);border-left-color:#de6161!important}.bg-blue{background:linear-gradient(135deg,#71b3ff40,#71b3ff1a);border-left-color:#71b3ff!important}.bg-green{background:linear-gradient(135deg,#85d35540,#85d3551a);border-left-color:#85d355!important}.bg-yellow{background:linear-gradient(135deg,#f7bc6340,#f7bc631a);border-left-color:#f7bc63!important}.bg-purple{background:linear-gradient(135deg,#a37fdd40,#a37fdd1a);border-left-color:#a37fdd!important}.fantasy-footer{margin-top:4rem;padding:2rem;text-align:center;color:#848c8e;border-top:1px solid rgba(132,140,142,.2)}.fantasy-footer a{color:#c7f;text-decoration:none;transition:all .3s ease;position:relative}.fantasy-footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#c7f,#9f4fff);transition:width .3s ease}.fantasy-footer a:hover:after{width:100%}.fantasy-footer a:hover{text-shadow:0 0 10px rgba(204,119,255,.6);color:#9f4fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s ease-out}@media (max-width: 768px){.fantasy-app{padding:.5rem;gap:1rem}.fantasy-section{padding:1.5rem;margin:.5rem 0}h1{font-size:2rem}h2{font-size:1.75rem}.fantasy-button{min-height:2.5rem;padding:.5rem 1rem;font-size:.9rem}.role-selector{flex-direction:column;gap:.5rem}.player-card{padding:1.5rem}}.custom-scroll{scrollbar-width:thin;scrollbar-color:#c7f #262b2e}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background:#262b2e4d;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c7f,#9f4fff);border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9f4fff,#c7f)}.video-section{max-width:1400px;margin:2rem auto}@media (min-width: 1200px){.video-section{max-width:1600px}}.video-tabs{display:flex;justify-content:center;margin-bottom:2rem}.tab-buttons{background:#262b2ecc;border-radius:.75rem;padding:.25rem;display:flex;gap:.25rem;border:2px solid rgba(204,119,255,.2)}.tab-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none;background:transparent;color:#848c8e;position:relative;overflow:hidden}.tab-button:hover{color:#c7f;background:#cc77ff1a}.tab-button.active{background:linear-gradient(45deg,#c7f,#9f4fff);color:#fff;box-shadow:0 4px 15px #c7f6}.tab-button.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:tabShine 2s infinite}@keyframes tabShine{0%{left:-100%}to{left:100%}}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:1rem;overflow:hidden;background:#262b2e80;border:2px solid rgba(204,119,255,.2);transition:all .3s ease}.video-container:hover{border-color:#c7f6;box-shadow:0 8px 25px #c7f3}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem}@media (max-width: 768px){.video-section{margin:1rem auto}.tab-button{padding:.5rem 1rem;font-size:.9rem}.tab-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.video-tabs{margin-bottom:1.5rem}}.best-emblems-section{background:linear-gradient(135deg,#262b2ef2,#435058cc);border:2px solid rgba(204,119,255,.3)}.emblems-by-role{display:flex;flex-direction:column;gap:3rem}.role-emblems{display:flex;flex-direction:column;gap:1.5rem}.role-title{font-size:1.8rem;font-weight:700;text-align:center;margin:0;text-transform:uppercase;letter-spacing:1px}.emblems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.emblem-category{padding:1.5rem;border-radius:1rem;transition:all .3s ease;position:relative;overflow:hidden}.emblem-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:opacity .3s ease;opacity:0}.emblem-category.bg-red:before{background:linear-gradient(90deg,#de6161,#c74545,#de6161)}.emblem-category.bg-blue:before{background:linear-gradient(90deg,#71b3ff,#5a9ae6,#71b3ff)}.emblem-category.bg-green:before{background:linear-gradient(90deg,#85d355,#6bb83a,#85d355)}.emblem-category:hover:before{opacity:1}.emblem-category:hover{transform:translateY(-5px)}.emblem-category.bg-red:hover{box-shadow:0 10px 30px #de61614d}.emblem-category.bg-blue:hover{box-shadow:0 10px 30px #71b3ff4d}.emblem-category.bg-green:hover{box-shadow:0 10px 30px #85d3554d}.emblem-category-title{font-size:1.3rem;font-weight:700;color:#fff;text-align:center;margin:0 0 1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.emblem-list{display:flex;flex-direction:column;gap:.75rem}.emblem-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff0d;border-radius:.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.emblem-item:hover{background:#ffffff1a;border-color:#fff3;transform:translate(5px)}.emblem-rank{font-size:1.1rem;font-weight:700;color:#f7bc63;min-width:40px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.emblem-name{flex:1;font-size:1rem;font-weight:600;color:#fff;margin:0 1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.emblem-score{font-size:1.2rem;font-weight:700;color:#c7f;text-shadow:0 0 10px rgba(204,119,255,.5);min-width:60px;text-align:right}.emblem-item:nth-child(1) .emblem-rank{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.emblem-item:nth-child(2) .emblem-rank{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5)}.emblem-item:nth-child(3) .emblem-rank{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5)}.player-section-header{font-size:1.2rem;font-weight:700;color:#c7f;text-shadow:0 0 8px rgba(204,119,255,.6);margin:1.5rem 0 .8rem;padding:.5rem 0;border-bottom:2px solid rgba(204,119,255,.3);position:relative}.player-section-header:before{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#c7f,#a855f7);box-shadow:0 0 10px #cc77ff80}.player-section-header b{font-weight:800}.referral-button{display:inline-block;padding:12px 30px;font-size:1.1rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#f7bc63,#e69c26,#f7bc63);border:2px solid #f7bc63;border-radius:25px;box-shadow:0 4px 15px #f7bc634d,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px}.referral-button: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}.referral-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f7bc6366,inset 0 1px #ffffff4d;border-color:gold;color:#fff;text-decoration:none}.referral-button:hover:before{left:100%}.referral-button:active{transform:translateY(0);box-shadow:0 2px 10px #f7bc634d,inset 0 2px 4px #0000001a}@keyframes referral-pulse{0%,to{box-shadow:0 4px 15px #f7bc634d,inset 0 1px #fff3,0 0 #f7bc6366}50%{box-shadow:0 4px 15px #f7bc634d,inset 0 1px #fff3,0 0 0 10px #f7bc6300}}.referral-button{animation:referral-pulse 2s infinite}@media (max-width: 768px){.referral-button{padding:10px 20px;font-size:1rem;border-radius:20px}}@media (max-width: 768px){.emblems-grid{grid-template-columns:1fr;gap:1rem}.role-title{font-size:1.5rem}.emblem-category{padding:1rem}.emblem-category-title{font-size:1.1rem;margin-bottom:1rem}.emblem-item{padding:.5rem .75rem}.emblem-name{margin:0 .5rem;font-size:.9rem}.emblem-score{font-size:1rem}.emblems-by-role{gap:2rem}}