*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body,html{overflow:hidden}body{height:100vh;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#3a4a7a,#4a2e61);gap:1.5rem;padding:1rem 1rem 6rem;animation:gradientShift 10s ease infinite;cursor:none;transition:transform .1s ease;position:fixed;width:100%;top:0;left:0}@keyframes gradientShift{0%{background:linear-gradient(135deg,#3a4a7a,#4a2e61)}25%{background:linear-gradient(135deg,#8a4399,#a32d47)}50%{background:linear-gradient(135deg,#2563a8,#007a8a)}75%{background:linear-gradient(135deg,#2b7a4f,#1f7a6b)}to{background:linear-gradient(135deg,#3a4a7a,#4a2e61)}}h1{font-family:Arial Black,Arial Bold,sans-serif;font-size:4rem;font-weight:900;color:#fff;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:.1em;margin:0;position:relative;transition:all .1s ease}h1.glitch-active{animation:glitchFlash .3s ease}@keyframes glitchFlash{0%,to{transform:translate(0);text-shadow:0 4px 20px rgba(0,0,0,.3)}20%{transform:translate(-3px,3px);text-shadow:3px 0 #ff00de,-3px 0 #0ff}40%{transform:translate(3px,-3px);text-shadow:-3px 0 #ff00de,3px 0 #0ff}60%{transform:translate(-3px,3px);text-shadow:3px 0 #ff00de,-3px 0 #0ff}80%{transform:translate(2px,-2px);text-shadow:-2px 0 #ff00de,2px 0 #0ff}}.cursor-trail{position:fixed;width:10px;height:10px;border-radius:50%;background:#fff;pointer-events:none;z-index:9999;animation:fadeOut .8s forwards}@keyframes fadeOut{to{opacity:0;transform:scale(2)}}.emoji-particle{position:fixed;pointer-events:none;z-index:1;object-fit:contain;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(0) rotate(0deg);opacity:1}50%{transform:translateY(50vh) rotate(180deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.sticker-expand{animation:fallExpand linear forwards!important}@keyframes fallExpand{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:1}25%{transform:translateY(25vh) rotate(90deg) scale(2.5);opacity:1}40%{transform:translateY(40vh) rotate(144deg) scale(4);opacity:1}50%{transform:translateY(50vh) rotate(180deg) scale(3);opacity:1}to{transform:translateY(100vh) rotate(1turn) scale(1);opacity:0}}.sticker-wobble{animation:fallWobble linear forwards!important}@keyframes fallWobble{0%{transform:translateY(0) rotate(0deg) skew(0deg);opacity:1}10%{transform:translateY(10vh) rotate(36deg) skew(-10deg);opacity:1}20%{transform:translateY(20vh) rotate(72deg) skew(10deg);opacity:1}30%{transform:translateY(30vh) rotate(108deg) skew(-10deg);opacity:1}40%{transform:translateY(40vh) rotate(144deg) skew(10deg);opacity:1}50%{transform:translateY(50vh) rotate(180deg) skew(-10deg);opacity:1}to{transform:translateY(100vh) rotate(1turn) skew(0deg);opacity:0}}.sticker-spin-fast{animation:fallSpinFast linear forwards!important}@keyframes fallSpinFast{0%{transform:translateY(0) rotate(0deg);opacity:1}50%{transform:translateY(50vh) rotate(540deg);opacity:1}to{transform:translateY(100vh) rotate(3turn);opacity:0}}.sticker-pulse{animation:fallPulse linear forwards!important}.sticker-diagonal-left{animation:fallDiagonalLeft linear forwards!important}.sticker-diagonal-right{animation:fallDiagonalRight linear forwards!important}.sticker-zigzag{animation:fallZigzag linear forwards!important}@keyframes fallPulse{0%{transform:translateY(0) rotate(0deg);opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}25%{transform:translateY(25vh) rotate(90deg);opacity:1;filter:drop-shadow(0 0 20px rgba(255,255,255,.9))}50%{transform:translateY(50vh) rotate(180deg);opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}to{transform:translateY(100vh) rotate(1turn);opacity:0;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}}@keyframes fallDiagonalLeft{0%{transform:translate(0) rotate(0deg);opacity:1}50%{transform:translate(-20vw,50vh) rotate(180deg);opacity:1}to{transform:translate(-30vw,100vh) rotate(1turn);opacity:0}}@keyframes fallDiagonalRight{0%{transform:translate(0) rotate(0deg);opacity:1}50%{transform:translate(20vw,50vh) rotate(-180deg);opacity:1}to{transform:translate(30vw,100vh) rotate(-1turn);opacity:0}}@keyframes fallZigzag{0%{transform:translate(0) rotate(0deg);opacity:1}15%{transform:translate(10vw,15vh) rotate(54deg);opacity:1}30%{transform:translate(-8vw,30vh) rotate(108deg);opacity:1}45%{transform:translate(8vw,45vh) rotate(162deg);opacity:1}50%{transform:translate(-6vw,50vh) rotate(180deg);opacity:1}65%{transform:translate(6vw,65vh) rotate(234deg);opacity:1}80%{transform:translate(-8vw,80vh) rotate(288deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}@media (max-width:768px){.emoji-particle{width:40px!important}.sticker-expand{width:80px!important}.sticker-pulse,.sticker-wobble{width:50px!important}.sticker-spin-fast{width:45px!important}}.sound-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:hsla(0,0%,100%,.2);border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:99999;pointer-events:auto}.sound-toggle:hover{transform:scale(1.1)}.sound-toggle.playing,.sound-toggle:hover{background:hsla(0,0%,100%,.3)}a.members-link{z-index:99999!important;pointer-events:auto!important}@media (max-width:768px){.sound-toggle{bottom:1.5rem;right:1.5rem;width:55px;height:55px;font-size:1.3rem}a.members-link{bottom:1.5rem!important;left:1.5rem!important;padding:.8rem 1.2rem!important;font-size:.9rem!important}}.image-container{position:relative;width:700px;height:700px;max-width:90vw;max-height:90vh}.spinning-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:spinFade 12s ease-in-out infinite}@media (max-width:768px){h1{font-size:2rem}.image-container{width:60vw;height:60vw;max-height:50vh}body{gap:1rem;padding:.5rem 1rem 5rem}}@media (max-width:480px){h1{font-size:1.5rem}.image-container{width:65vw;height:65vw;max-height:45vh}body{gap:.5rem;padding:.5rem 1rem 4rem}}.spinning-image:first-child{animation-delay:0s}.spinning-image:nth-child(2){animation-delay:3s}.spinning-image:nth-child(3){animation-delay:6s}.spinning-image:nth-child(4){animation-delay:9s}@keyframes spinFade{0%{opacity:0;transform:rotate(0deg) scale(.8)}8%{opacity:1;transform:rotate(1turn) scale(1)}25%{opacity:1;transform:rotate(1turn) scale(1)}33%{opacity:0;transform:rotate(2turn) scale(.8)}to{opacity:0;transform:rotate(2turn) scale(.8)}}.main-nav{position:fixed;top:2rem;right:2rem;display:flex;gap:1rem;z-index:99999}.nav-link{color:#fff;text-decoration:none;background:hsla(0,0%,100%,.3);padding:.75rem 1.25rem;borderRadius:10px;backdropFilter:blur(10px);border:2px solid #fff;fontWeight:bold;transition:all .3s ease;cursor:pointer;fontSize:.9rem;pointerEvents:auto}.nav-link:hover{background:hsla(0,0%,100%,.5);transform:translateY(-2px)}.submit-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#3a4a7a,#4a2e61);color:#fff;display:flex;flex-direction:column;align-items:center;animation:gradientShift 10s ease infinite}.back-link{position:fixed;top:2rem;left:2rem;color:#fff;text-decoration:none;background:hsla(0,0%,100%,.2);padding:.75rem 1.25rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff;font-weight:700;transition:all .3s ease;z-index:100}.back-link:hover{background:hsla(0,0%,100%,.4)}.submit-page h1{font-size:3rem;margin:4rem 0 2rem;text-shadow:0 0 20px hsla(0,0%,100%,.5)}.submit-form{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:2px solid hsla(0,0%,100%,.3);width:100%;max-width:500px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1.1rem}.form-group input[type=text]{font-family:Arial,sans-serif}.form-group input[type=file],.form-group input[type=text]{width:100%;padding:.75rem;font-size:1rem;border:2px solid hsla(0,0%,100%,.3);border-radius:10px;background:hsla(0,0%,100%,.9);color:#333}.form-group input[type=file]{cursor:pointer}.form-group small{display:block;margin-top:.5rem;opacity:.8;font-size:.85rem}.preview{margin:1rem 0;text-align:center}.preview img{max-width:100%;max-height:300px;border-radius:10px;border:2px solid hsla(0,0%,100%,.5)}.submit-form button{width:100%;padding:1rem;font-size:1.1rem;font-weight:700;background:hsla(0,0%,100%,.9);color:#4a2e61;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-form button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.submit-form button:disabled{opacity:.5;cursor:not-allowed}.vote-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#3a4a7a,#4a2e61);color:#fff;animation:gradientShift 10s ease infinite}.vote-page h1{font-size:3rem;text-align:center;margin:4rem 0 1rem;text-shadow:0 0 20px hsla(0,0%,100%,.5)}.vote-count{text-align:center;font-size:1.2rem;margin-bottom:2rem;opacity:.9}.vote-container{display:flex;gap:2rem;justify-content:center;align-items:center;margin:2rem auto;max-width:1200px;flex-wrap:wrap}.vote-option{flex:1 1;min-width:300px;max-width:500px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid hsla(0,0%,100%,.3);border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.vote-option:hover:not(.disabled){transform:scale(1.05);border-color:#fff;box-shadow:0 10px 30px hsla(0,0%,100%,.3)}.vote-option.disabled{opacity:.6;cursor:not-allowed}.vote-option img{width:100%;height:400px;object-fit:cover;border-radius:10px;margin-bottom:1rem}.vote-info h3{font-size:1.5rem;margin-bottom:.5rem}.vote-info p{font-size:1.1rem;opacity:.9}.vote-actions{text-align:center;margin-top:3rem}.leaderboard-link,.submit-link{display:inline-block;color:#fff;text-decoration:none;background:hsla(0,0%,100%,.2);padding:1rem 2rem;border-radius:10px;border:2px solid #fff;font-weight:700;transition:all .3s ease;margin:.5rem}.leaderboard-link:hover,.submit-link:hover{background:hsla(0,0%,100%,.4);transform:translateY(-2px)}.not-enough{text-align:center;font-size:1.3rem;margin:3rem 0}.leaderboard-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#3a4a7a,#4a2e61);color:#fff;animation:gradientShift 10s ease infinite}.leaderboard-page h1{font-size:3rem;text-align:center;margin:4rem 0 3rem;text-shadow:0 0 20px hsla(0,0%,100%,.5)}.leaderboard-list{max-width:800px;margin:0 auto}.leaderboard-item{display:flex;align-items:center;gap:1.5rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid hsla(0,0%,100%,.3);border-radius:15px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.leaderboard-item:hover{transform:translateX(10px);border-color:#fff;box-shadow:0 5px 20px hsla(0,0%,100%,.2)}.leaderboard-item .rank{font-size:2rem;font-weight:700;min-width:60px;text-align:center}.leaderboard-item .image-container{width:100px;height:100px;flex-shrink:0}.leaderboard-item .image-container img{width:100%;height:100%;object-fit:cover;border-radius:10px}.leaderboard-item .info{flex:1 1}.leaderboard-item h3{font-size:1.5rem;margin-bottom:.5rem}.leaderboard-item .stats{display:flex;gap:1.5rem;flex-wrap:wrap}.leaderboard-item .stats span{font-size:1rem;opacity:.9}.leaderboard-item .elo{font-weight:700;font-size:1.2rem}.leaderboard-page .actions{text-align:center;margin-top:3rem}.vote-link{display:inline-block;color:#fff;text-decoration:none;background:hsla(0,0%,100%,.2);padding:1rem 2rem;border-radius:10px;border:2px solid #fff;font-weight:700;transition:all .3s ease;margin:.5rem}.vote-link:hover{background:hsla(0,0%,100%,.4);transform:translateY(-2px)}.no-data{text-align:center;margin:3rem 0}.no-data p{font-size:1.3rem;margin-bottom:2rem}@media (max-width:768px){.main-nav{top:1rem;right:1rem;flex-direction:column;gap:.5rem}.nav-link{padding:.5rem 1rem;font-size:.8rem}.vote-container{flex-direction:column;gap:1.5rem}.vote-option{min-width:100%}.vote-option img{height:300px}.leaderboard-item{flex-wrap:wrap}.leaderboard-item .rank{font-size:1.5rem;min-width:40px}.leaderboard-item .image-container{width:80px;height:80px}.leaderboard-page h1,.submit-page h1,.vote-page h1{font-size:2rem;margin-top:5rem}}