@keyframes loading{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes move-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}html,body{flex-direction:column;font-family:Helvetica Neue;margin-inline:auto;height:90vh;padding-top:20px;max-width:768px;display:flex;justify-content:center;align-items:center;background-color:#232020;cursor:default;-ms-touch-action:pan-x pan-y;-webkit-touch-action:pan-x pan-y;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}main{width:99%;min-height:470px;max-height:80vh;background-color:#151111;border-top:#F7B84B solid 2px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 0 15px #0003;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px;position:relative;flex-grow:1;flex-shrink:0;overflow:hidden}footer{width:99%;background-color:#151111;border-bottom:#F7B84B solid 2px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 15px #0003;display:none;flex-direction:row;padding:20px;-webkit-user-select:none;user-select:none}footer nav{width:100%}footer ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:space-between;align-items:center}footer ul li{margin:0;padding:0;width:100%}footer ul li a{color:#f7b84b;text-decoration:none;text-transform:uppercase;transition:color .2s}.head{width:280px;display:none;flex-direction:column;gap:5px;justify-content:center;align-items:center}.score__img{width:60px;height:60px;border-radius:50%}.score__text{color:#f7b84b;font-size:14px;font-weight:600;line-height:1;margin:0;padding:2px 4px;border-radius:20%}.head__score-sections{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.head__score-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.head__livescore-section{display:flex;flex-direction:row;align-items:center;justify-content:center}.head__img{width:auto;height:50px;margin-right:20px}.head__score{color:#f7b84b;background:linear-gradient(180deg,#dec442,#fcbd02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-size:28px;font-weight:800}.head__text{color:#f7b84b;font-size:14px;font-weight:600;padding-left:5px;text-shadow:0px 0px 15px rgba(247,184,75,1);line-height:1}.available-lines{width:90%;display:flex;flex-direction:row;gap:10px;align-items:center;align-self:start}.available-lines__img{width:12px;height:auto;transform:rotate(90deg)}.available-lines__text{width:80px;color:#f7b84b;font-size:14px;font-weight:600}.circle{width:90%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle:hover{cursor:pointer}.circle__img{width:280px;border-radius:50%;box-shadow:0 0 15px #f7b84b;transition:transform .2s ease;--tiltX: 0deg;--tiltY: 0deg;transform:rotateX(var(--tiltX)) rotateY(var(--tiltY))}.circle__img.grayscale{cursor:no-drop;filter:grayscale(100%);pointer-events:none}.progress-bar{width:100%;height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#504e45,#fcbd02);transition:width .2s ease}.plusOne{position:absolute;font-family:Inter;text-shadow:0px 0px 16px 0px rgb(247,184,75,1);font-size:24px;font-weight:800;background:linear-gradient(180deg,#eec06f,#1e1d1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;pointer-events:none;animation:move-up 3s forwards;-webkit-user-select:none;user-select:none}.clicks-left{padding:0;margin-top:0;margin-bottom:0;color:#f7b84b;font-size:12px;font-weight:400;text-shadow:0px 0px 0px rgba(247,184,75,1);text-transform:uppercase;text-align:initial;word-spacing:2px;letter-spacing:1px}.rules{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#f7b84b}.rules h2{font-size:24px;text-align:center;text-transform:uppercase;font-weight:600;margin-bottom:10px}.rules p{text-align:justify;font-size:14px;font-weight:400;line-height:1.5}.user{display:flex;flex-direction:column;justify-content:center}.user__form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px}.user__img-container img{width:180px;height:180px;border-radius:50%;border:solid #F7B84B 4px;overflow:hidden}.user__info{width:100%;color:#f7b84b}.section{display:none}.section.active{width:280px;display:flex;color:#f7b84b}.loading__section{align-self:center;padding-top:50%}.loading__img{background:linear-gradient(to right,#151111,#f7b84b);background-size:200% 100%;animation:loading 2s infinite linear}.leaderboard{flex-direction:column;align-items:center;gap:10px;color:#f7b84b}.leaderboard h2{font-size:24px;text-align:center;text-transform:uppercase;font-weight:600;margin-bottom:10px}table{width:100%;border-collapse:collapse}table th,table td{border:1px solid;padding:8px;text-align:center;vertical-align:middle}table th{font-weight:700}.leaderboard__table{margin:0 auto;width:80%}.leaderboard__item{display:flex;flex-direction:row;align-items:center;gap:10px}