@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#2c3e50;font-family:Nunito,sans-serif;margin:0;overflow:hidden;position:relative}body:before{animation:gradientShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ffc1074d 0,#0000 20%),radial-gradient(circle at 80% 80%,#28a7454d 0,#0000 20%),radial-gradient(circle at 40% 60%,#dc354533 0,#0000 15%),linear-gradient(135deg,#667eeacc,#764ba2cc 50%,#ff9a9ecc);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-3}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(10deg) brightness(1.1)}50%{filter:hue-rotate(-5deg) brightness(.9)}75%{filter:hue-rotate(15deg) brightness(1.05)}}.floating-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.floating-element{animation:float 20s linear infinite;font-size:2rem;opacity:.6;position:absolute}.floating-element:first-child{animation-delay:0s;left:10%}.floating-element:nth-child(2){animation-delay:-5s;left:20%}.floating-element:nth-child(3){animation-delay:-10s;left:30%}.floating-element:nth-child(4){animation-delay:-15s;left:40%}.floating-element:nth-child(5){animation-delay:-20s;left:50%}.floating-element:nth-child(6){animation-delay:-7s;left:60%}.floating-element:nth-child(7){animation-delay:-12s;left:70%}.floating-element:nth-child(8){animation-delay:-18s;left:80%}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-10vh) rotate(1turn)}}.cloud{animation:drift 30s linear infinite;opacity:.7}.cloud,.cloud:after,.cloud:before{background:#ffffff4d;border-radius:50px;position:absolute}.cloud:after,.cloud:before{content:""}.cloud1{animation-delay:0s;height:40px;left:-100px;top:10%;width:100px}.cloud1:before{height:50px;left:10px;top:-25px;width:50px}.cloud1:after{height:20px;right:10px;top:-10px;width:60px}.cloud2{animation-delay:-15s;height:30px;left:-80px;top:20%;width:80px}.cloud2:before{height:40px;left:15px;top:-20px;width:40px}.cloud3{animation-delay:-30s;height:50px;left:-120px;top:70%;width:120px}.cloud3:before{height:60px;left:20px;top:-30px;width:60px}.cloud3:after{height:40px;right:20px;top:-20px;width:40px}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 200px))}}.App-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;max-height:100vh;min-height:100vh;overflow:hidden;padding:1vh 2vw;position:relative;z-index:1}.App-header{flex-shrink:0;margin-bottom:1.5vh;max-width:900px;position:relative;text-align:center;width:100%}.App-header h1{animation:titleBounce 3s ease-in-out infinite;color:#fff;font-family:Fredoka,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:1px;margin:0;position:relative;text-shadow:2px 2px 0 #2c3e50,4px 4px 0 #2c3e504d,0 0 20px #ffffff80}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.App-header h1:before{animation:wiggle 2s ease-in-out infinite;content:"🏕️";left:-40px}.App-header h1:after,.App-header h1:before{font-size:.7em;position:absolute;top:50%;transform:translateY(-50%)}.App-header h1:after{animation:wiggle 2s ease-in-out infinite reverse;content:"🔥";right:-40px}@keyframes wiggle{0%,to{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(-50%) rotate(5deg)}}.App-header p{color:#fff;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;margin-top:5px;opacity:.95;text-shadow:2px 2px 4px #0000004d}.leaderboard-wrapper{box-sizing:border-box;flex-grow:1;max-height:calc(100vh - 120px);max-width:900px;overflow-y:auto;padding:10px 15px;width:100%}.leaderboard-wrapper::-webkit-scrollbar{width:8px}.leaderboard-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.leaderboard-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff6b6b,#feca57);border-radius:4px}.leaderboard{grid-gap:clamp(8px,1.2vh,15px) clamp(20px,2vw,30px);align-content:flex-start;display:grid;gap:clamp(8px,1.2vh,15px) clamp(20px,2vw,30px);grid-template-columns:1fr 1fr}.team-row{align-items:center;animation:slideIn .6s ease-out forwards;animation-delay:calc(var(--i)*80ms);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #fff3;border-radius:15px;box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #fff3;display:flex;min-height:clamp(60px,8vh,80px);opacity:0;overflow:hidden;padding:clamp(10px,1.5vh,18px) clamp(15px,2vw,25px);position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.team-row:before{background:linear-gradient(90deg,#ff9a9e,#fecfef,#fecfef,#ff9a9e);border-radius:15px 15px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.team-row:hover{border-color:#ff9a9e80;box-shadow:0 20px 40px #00000026,0 0 0 4px #ff9a9e4d;transform:translateY(-8px) scale(1.02)}.team-row.rank-1-row,.team-row.rank-2-row,.team-row.rank-3-row{border-width:3px;transform:scale(1.01)}.team-row.rank-1-row{background:linear-gradient(135deg,#fffdf8f2,#ffecb3f2);border-color:#f1c40f;box-shadow:0 10px 30px #f1c40f59}.team-row.rank-2-row{background:linear-gradient(135deg,#fdfdfd,#e0e0e0);border-color:silver;box-shadow:0 8px 30px #88888880}.team-row.rank-3-row{background:linear-gradient(135deg,#fffaf5f2,#fad7a0f2);border-color:#d39c6a;box-shadow:0 6px 20px #cd7f3259}.team-row.rank-1-row:hover,.team-row.rank-2-row:hover,.team-row.rank-3-row:hover{transform:translateY(-8px) scale(1.05)}.team-row.rank-1-row:hover{box-shadow:0 15px 40px #f1c40f66}.team-row.rank-2-row:hover{box-shadow:0 12px 35px #8889}.team-row.rank-3-row:hover{box-shadow:0 10px 30px #cd7f3266}.rank{color:#2c3e50;flex-shrink:0;font-family:Fredoka,sans-serif;font-size:clamp(1.5em,3vh,2.2em);font-weight:800;text-align:center;width:clamp(50px,8vw,80px)}.rank-1{animation:goldGlow 2s ease-in-out infinite;color:#f39c12;text-shadow:0 0 20px #f39c1280}.rank-2{animation:silverGlow 2s ease-in-out infinite;color:#a9a9a9;text-shadow:0 0 15px #a9a9a980}.rank-3{animation:bronzeGlow 2s ease-in-out infinite;color:#cd7f32;text-shadow:0 0 15px #cd7f3280}@keyframes goldGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}}@keyframes silverGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.05)}}@keyframes bronzeGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.05)}}.team-details{flex-grow:1;margin:0 clamp(15px,2vw,25px);text-align:left}.team-name{color:#2c3e50;display:block;font-family:Fredoka,sans-serif;font-size:clamp(1.1em,2vh,1.4em);font-weight:700;margin-bottom:clamp(6px,1vh,12px);position:relative}.team-name:before{animation:starTwinkle 3s ease-in-out infinite;content:"⭐";margin-right:8px}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.score-bar-container{background:linear-gradient(90deg,#e3e3e3,#f8f9fa);box-shadow:inset 0 1px 2px #0000001a;height:clamp(8px,1.2vh,12px)}.score-bar,.score-bar-container{border-radius:6px;overflow:hidden}.score-bar{background:linear-gradient(90deg,#ff9a9e,#fecfef 50%,#fecfef);height:100%;position:relative}.score-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.team-score{color:#2c3e50;font-family:Fredoka,sans-serif;font-size:clamp(1.8em,3vh,2.5em);font-weight:800;min-width:clamp(80px,12vw,120px);position:relative;text-align:right;text-shadow:0 1px 2px #0000001a}.team-score:after{color:#7f8c8d;content:"очков";display:block;font-family:Nunito,sans-serif;font-size:.3em;font-weight:500;margin-top:-5px}.status-message{animation:pulse 2s ease-in-out infinite;color:#fff;font-size:clamp(1.2em,2vh,1.6em);font-weight:600;margin-top:20px;text-align:center;text-shadow:2px 2px 4px #0000004d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-message.error{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b80}@media (max-width:768px){.App-header h1:after,.App-header h1:before{display:none}.leaderboard{grid-template-columns:1fr}.team-row{min-height:clamp(50px,6vh,70px);padding:clamp(8px,1vh,12px) clamp(12px,1.5vw,18px)}.team-details{margin:0 clamp(10px,1.5vw,15px)}.rank{font-size:clamp(1.2em,2.5vh,1.8em);width:clamp(40px,6vw,60px)}.team-score{font-size:clamp(1.4em,2.5vh,2em);min-width:clamp(60px,10vw,90px)}.team-name{font-size:clamp(1em,1.8vh,1.2em)}}@media (max-height:600px){.App-container{padding:.5vh 2vw}.App-header{margin-bottom:1vh}.leaderboard{gap:clamp(4px,.8vh,8px)}.team-row{min-height:clamp(40px,6vh,60px);padding:clamp(6px,1vh,12px) clamp(12px,1.5vw,20px)}}
/*# sourceMappingURL=main.887a9680.css.map*/