@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#3a3b5d;text-decoration-style:dotted}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,p,body{margin:0}h1{font-size:3.2em;line-height:1.1}h2{font-size:1.5rem;font-weight:700}input{height:34px;width:100%;padding:8px}.mural-container::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{background:#000;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background-color:#000}*{scrollbar-width:none;scrollbar-color:#000000 #000000}:root{--color-base10: #0D051F;--color-base20: #1A0745;--color-base30: #2A0E6A;--color-base40: #45168F;--color-base50: #7E28FF;--color-base60: #b98bff;--color-accent: #891EFF;--color-borders: #1A0745;--color-star: #D9FF70;--color-win: #7BDDB2;--color-lose: #F3839B;--color-primary-hover: #0000be;--color-light-text: #fff;--color-dark-text: #181818;--color-black: black;--color-twitter: #1da1f3;--color-divider: #eee;--color-window-bkg: #F6FDFF;--radius-outside: 4px;--radius-inside: 2px}body{background:var(--color-base10);color:#fff;font-family:IBM Plex Mono,monospace}input{font-family:IBM Plex Mono,monospace;color:#fff;background:none;box-sizing:border-box;border:1px solid var(--color-accent);border-radius:4px;transition:.5s;outline:none}input:focus{outline:none;border:1px solid white}p.error{font-size:12px;color:red}#root{height:100vh;display:flex;align-items:center;flex-direction:column;gap:10px}.app{display:flex;flex-direction:column;gap:16px;padding:30px;width:440px}button{font-family:IBM Plex Mono,monospace;display:flex;align-items:center;width:fit-content;height:25px;padding:4px 8px;gap:5px;border-radius:4px;border:1px solid var(--color-accent);background:none;color:#fff;text-transform:uppercase;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s}button:hover{background:var(--color-accent)}button.secondary{background:#fff;color:var(--color-base10);border:1px solid white}button.selected{background:var(--color-accent);color:#fff}button.text{border:none;cursor:pointer;color:var(--color-accent);text-transform:math-auto;height:inherit;display:block;padding:0;border-radius:0}button.text:hover{background:none;text-decoration:underline}button .icon{width:14px}.spotlight{display:flex;flex-direction:column;background:var(--color-base30);padding:16px;border-radius:10px;gap:10px}.spotlight .header{display:flex;justify-content:space-between;align-items:center}.spotlight .header .buttons{display:flex;align-items:center;gap:4px}.spotlight h5{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:var(--color-base50)}.loading{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;color:var(--color-base50)}@media(max-width:768px){.app{width:100%}input{font-size:16px}}header{display:flex;justify-content:space-between;width:100%;padding:30px}header .logo{height:25px;width:110px;color:#fff;cursor:pointer}header .right{display:flex;gap:8px;align-items:center}header .pts{font-size:10px;background:var(--color-accent);border-radius:4px;padding:4px 8px}.avatar{position:relative;width:35px;height:35px}.avatar .icon{color:var(--color-accent);width:14px}.avatar img{width:100%;height:100%}.avatar .avatar-inner{width:inherit;height:inherit;background-color:var(--color-base30);border-radius:100px;border:2px solid var(--color-base40);overflow:hidden;display:flex;align-items:center;justify-content:center}.notification{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--color-accent);border-radius:10px}.leader{display:flex;gap:10px;width:100%}.leader .avatar{width:60px;height:60px}.leader .detail{display:flex;flex-direction:column;flex:1;width:auto}.leader span{font-size:10px}.leader .pts{margin-top:10px;display:flex;gap:10px}.promo{position:relative;display:flex;gap:10px;flex-direction:column;align-items:center;text-align:center;margin-top:50px;width:100%}.promo img{width:100px;height:100px;border-radius:10px;object-fit:cover;border:2px solid var(--color-base40);position:absolute;top:-115px}.promo .details{display:flex;flex-direction:column;gap:10px;flex:1;width:90%;align-items:center}.promo .details .header{display:flex;justify-content:space-between;align-items:flex-end}.promo .details h5{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:var(--color-base50)}.promo p{font-size:12px;margin-bottom:10px}.promo .details .buttons{display:flex;gap:10px}.promo .pts{margin-top:10px;display:flex;gap:10px}.matchdays{overflow-x:scroll;white-space:nowrap;display:flex;gap:6px}.fixtures .row{display:grid;align-items:center;grid-template-columns:120px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--color-borders)}.fixtures .row .members,.fixtures .row .predictions{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;justify-items:center}.fixtures .row .score img{width:25px}.fixtures .row .score{display:flex;gap:6px}.fixtures .row .score span{font-size:14px;display:flex;align-items:center;justify-content:center;background:var(--color-base50);width:25px;height:25px;text-align:center;color:#fff;border-radius:4px}.fixtures .row .prediction{min-width:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-accent);border-radius:4px;padding:4px 6px;color:#fff;font-size:10px;text-align:center}.fixtures .row .prediction.correctScore{background:var(--color-win);border:var(--color-win);color:#000}.fixtures .row .prediction.correctResult{background:#5558fd;border:#5558fd;color:#fff}.fixtures .row .prediction.incorrect{background:#28175a;border:#28175a;color:#7e6ea8;text-decoration:line-through}.fixtures .row .placeholder-prediction{width:36px;height:25px;background:var(--color-base20);border-radius:4px}.pts-explainer{display:flex;align-items:center;gap:10px;font-size:10px;padding:20px 0}.pts-explainer .item{width:25px;height:20px;display:block;border-radius:4px;display:flex;align-items:center;justify-content:center}.pts-explainer .cr{background:#5558fd}.pts-explainer .cs{color:#000;background:var(--color-win)}.pts-explainer .in{color:#7e6ea8;text-decoration:line-through;background:#28175a}.input{display:flex;gap:6px}.input .icon{width:12px}.value-input{width:30px}.fixtures .row .members{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;justify-items:center}.fixtures .row .members .member{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px}.members .add{display:flex;align-items:center;justify-content:center;height:30px;width:30px;background:var(--color-base30);border-radius:100px;cursor:pointer}.members .add .icon{width:12px;color:var(--color-accent)}.results{border:1px solid var(--color-accent);border-radius:4px;overflow:hidden;position:absolute;width:90%;left:50%;top:138px;transform:translate(-50%);background:var(--color-base30)}.results .result{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.results .result .member{display:flex;align-items:center;gap:10px}.results .result:hover{background:var(--color-base40)}.results .result:hover button{background:var(--color-accent)}.dropdown{position:relative;text-transform:uppercase;font-size:12px;z-index:10;width:100%}.dropdown button{width:-webkit-fill-available;justify-content:space-between}.dropdown button .icon{width:16px}.dropdown .option{padding:4px 8px;border:1px solid var(--color-accent);border-top:0;border-bottom:0}.dropdown .options{position:absolute;width:100%}.dropdown .options .option{cursor:pointer}.dropdown .options .option:hover{background:var(--color-base40)!important}.dropdown .options .option:last-child{border-bottom:1px solid var(--color-accent);border-radius:0 0 4px 4px}.dropdown.open button{border-bottom:1px solid transparent;border-radius:4px 4px 0 0}.leaderboard{display:flex;flex-direction:column;gap:16px}.leaderboard .row{display:grid;align-items:center;grid-template-columns:1fr 120px;gap:20px;padding:10px 0;border-bottom:1px solid var(--color-borders)}.leaderboard .row{font-size:10px}.leaderboard .row.header{padding-bottom:20px}.leaderboard .row.header .league{font-size:16px;color:var(--color-accent)}.leaderboard .row .player{display:flex;align-items:center;gap:10px;font-size:12px}.leaderboard .row .player .details .team{font-size:10px;color:var(--color-base60)}.leaderboard .row .points{display:grid;grid-template-columns:30px 30px 30px 30px;justify-items:center}.profile-header{display:flex;align-items:center;gap:16px}.profile-header .avatar{width:60px;height:60px}.stats button{width:100%;justify-content:center}.stats .row{display:grid;align-items:center;grid-template-columns:1fr 120px;gap:20px;padding:10px 0;border-bottom:1px solid var(--color-borders)}.stats .row.header{margin-top:30px}.stats .row .label{display:flex;align-items:center;gap:10px;font-size:12px;min-height:25px}.stats .row .label img{width:25px}.stats .row .points{display:grid;grid-template-columns:30px 30px 30px 30px;justify-items:center}.stats .row .points p{cursor:pointer}.stats .row p{font-size:10px;text-align:right}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.welcome .media{width:100%;border-radius:30px}.welcome form{display:flex;gap:30px;flex-direction:column;flex-grow:1;justify-content:center;width:100%}.welcome form .fields{display:flex;gap:10px;flex-direction:column}.welcome input{color:#fff;height:40px;padding:10px;background:none;border:1px solid var(--color-base40);border-radius:4px}.welcome label{font-size:12px}.welcome .footer{font-size:12px;width:100%}.text-button{margin-top:10px;cursor:pointer;text-transform:uppercase;font-size:10px;transition:all .2s}.text-button:hover{color:var(--color-accent)}.footer p{display:flex;gap:10px}.popup-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:30px}.popup-container{position:relative;background:var(--color-base30);border-radius:16px;padding:30px;box-shadow:0 10px 25px #00000040;max-height:90%;max-width:500px;width:500px;display:flex;flex-direction:column;gap:10px}.popup-container p{font-size:12px}.popup-close-btn{position:absolute;top:-35px;right:0;width:25px;padding:2px;justify-content:center}.popup-close-btn .icon{width:14px}