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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Permanent Marker,cursive;overflow-y:auto;text-align:center}#main-header,body{background-color:#fff9c4}#main-header{box-shadow:0 2px 4px #0000001a;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:9999}#main-header nav ul{list-style-type:none}#main-header nav ul li{margin:0 10px}#main-header nav ul li a{align-items:center;color:#6b8e23;display:flex;font-size:1.2rem;text-decoration:none}#main-header nav ul li a i{margin-right:5px}.menu-toggle{background:none;border:none;color:#6b8e23;cursor:pointer;display:none;font-size:1.5rem}#content-wrapper{margin-top:60px}#overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}#countdown-box{animation:hover 2s infinite alternate;background-color:#fff9c4;border-radius:1rem;box-shadow:0 .5rem 1rem #0003;left:50%;max-width:600px;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%;z-index:100}@keyframes hover{0%{transform:translate(-50%,-50%) translateY(0)}to{transform:translate(-50%,-50%) translateY(-20px)}}#countdown{color:gold;font-size:4rem;text-shadow:2px 2px 4px #0000004d}.mystery-text{color:#6b8e23;font-size:2rem;margin-top:1rem}.birthday-message{animation:fadeInOut 2s ease-in-out infinite;color:gold;font-size:5rem;text-shadow:2px 2px 4px #0000004d}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}.pineapple{animation:falling 10s linear infinite;background-image:url(/static/media/pineapple.90d75ff62919765349a8.png);background-size:cover;height:80px;position:fixed;width:80px;z-index:200}@keyframes falling{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.pineapple:hover{cursor:pointer;filter:brightness(1.2)}.pineapple.popped{animation:none;animation:popPineapple .5s forwards;transform:translateY(0) rotate(0deg) scale(1)}@keyframes popPineapple{0%{filter:brightness(1);transform:scale(1) rotate(0deg)}50%{filter:brightness(1.5) hue-rotate(-30deg);transform:scale(1.2) rotate(180deg)}to{filter:brightness(1.5) hue-rotate(-30deg);opacity:0;transform:scale(0) rotate(1turn)}}.pineapple.rainbow{animation:rainbowGlow 2s linear infinite,falling 10s linear infinite}.pineapple.rainbow.popped{animation:popRainbowPineapple .5s forwards}@keyframes popRainbowPineapple{0%{filter:hue-rotate(30deg);filter:brightness(1);transform:scale(1) rotate(30deg)}10%{filter:hue-rotate(60deg);filter:brightness(1);transform:scale(1.2) rotate(60deg)}20%{filter:hue-rotate(90deg);filter:brightness(1);transform:scale(1.4) rotate(90deg)}30%{filter:hue-rotate(120deg);filter:brightness(1);transform:scale(1.6) rotate(120deg)}40%{filter:hue-rotate(120deg);filter:brightness(1);transform:scale(1.8) rotate(120deg)}50%{filter:hue-rotate(180deg);filter:brightness(1.5);transform:scale(2) rotate(180deg)}60%{filter:hue-rotate(210deg);filter:brightness(1);transform:scale(1.6) rotate(210deg)}70%{filter:hue-rotate(240deg);filter:brightness(1);transform:scale(1.3) rotate(240deg)}80%{filter:hue-rotate(270deg);filter:brightness(1);transform:scale(1) rotate(270deg)}90%{filter:hue-rotate(300deg);filter:brightness(1);transform:scale(.5) rotate(300deg)}to{filter:hue-rotate(333deg);filter:brightness(1.5);opacity:0;transform:scale(0) rotate(333deg)}}@keyframes rainbowGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}#top-controls{align-items:center;display:flex;position:fixed;right:20px;top:60px;z-index:500}#volume-controls-box{background-color:#fff9c4;border-radius:10px;box-shadow:0 2px 4px #0003;padding:10px}#volume-controls,#volume-controls-box{align-items:center;display:flex}#volume-controls i{color:#6b8e23;cursor:pointer;margin:0 5px}#volume-controls input[type=range]{margin:0 10px;width:100%}#volume-controls .volume-icon{color:#6b8e23;font-size:1rem}#settings-container{align-items:center;color:#6b8e23;cursor:pointer;display:flex;font-size:1.5rem;margin-left:20px}.settings-icon{margin-right:5px}#pineapple-counter-box{background-color:#fff9c4;border-radius:10px;box-shadow:0 2px 4px #0003;left:50%;padding:10px;position:fixed;top:160px;transform:translateX(-50%);z-index:150}#pineapple-counter{color:#6b8e23;font-size:1.5rem}#test-countdown{background-color:#6b8e23;border:none;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;font-size:1.5rem;padding:10px;position:fixed;right:20px}.awards-container{background-color:#fff9c4;border-radius:10px;box-shadow:0 2px 4px #0003;margin:20px auto;max-width:800px;padding:20px}.awards-container h1{color:#6b8e23;margin-bottom:20px;text-align:center}.awards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center}.award{align-items:center;background-color:#f5e5b5;border-radius:10px;display:flex;flex-direction:column;opacity:.5;padding:20px;transition:opacity .3s}.award.unlocked{opacity:1}.award-tooltip{cursor:pointer;position:relative}.award-tooltip .tooltip{background-color:#000c;border-radius:4px;color:#fff;font-size:14px;left:50%;padding:8px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1}.award.animated{transform:rotateY(1turn);transition:transform 2s}.badge{align-items:center;background-color:#ccc;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:100px;justify-content:center;position:relative;width:100px}.leaderboard-item .badge{font-size:1em;height:50px;margin-left:20px;width:50px}.badge.shiny{animation:shiny-effect 2s linear infinite}@keyframes shiny-effect{0%{box-shadow:0 0 10px #fffc}50%{box-shadow:0 0 20px #fffc}to{box-shadow:0 0 10px #fffc}}.award .badge:hover{transform:scale(1.1) rotateX(30deg)}.award .badge-icon{color:#fff;font-size:24px;position:relative;text-shadow:1px 1px 2px #0000004d;z-index:1}.award p{color:#6b8e23;font-size:14px;text-align:center}@keyframes shinyEffect{0%{box-shadow:0 0 10px #fffc}50%{box-shadow:0 0 20px #fffc}to{box-shadow:0 0 10px #fffc}}.badge.milestone-10000,.badge.milestone-20000{animation:shiny-effect-red 2s linear infinite;font-size:.7rem}.badge.milestone-30000{animation:shiny-effect-teal 2s linear infinite;font-size:.7rem}.badge.milestone-50000{animation:shiny-effect-black 2s linear infinite;font-size:.7rem}@keyframes shiny-effect-red{0%{box-shadow:0 0 10px #ff6b6bcc}50%{box-shadow:0 0 20px #ff6b6bcc}to{box-shadow:0 0 10px #ff6b6bcc}}@keyframes shiny-effect-teal{0%{box-shadow:0 0 10px #4ecdc4cc}50%{box-shadow:0 0 20px #4ecdc4cc}to{box-shadow:0 0 10px #4ecdc4cc}}@keyframes shiny-effect-black{0%{box-shadow:0 0 10px #313131cc}50%{box-shadow:0 0 20px #313131cc}to{box-shadow:0 0 10px #313131cc}}.login-form,.profile-page,.registration-form{background-color:#fff9c4;border-radius:10px;box-shadow:0 2px 4px #0003;margin:100px auto 0;max-width:400px;padding:20px}.login-form h2,.profile-page h2,.registration-form h2{color:#6b8e23;margin-bottom:20px}.login-form label,.profile-page label,.registration-form label{color:#6b8e23;display:block;margin-bottom:10px}.login-form input[type=password],.login-form input[type=text],.profile-page input[type=file],.profile-page input[type=password],.registration-form input[type=password],.registration-form input[type=text]{border:1px solid #6b8e23;border-radius:5px;margin-bottom:20px;padding:10px;width:100%}.login-form button,.profile-page button,.registration-form button{background-color:#6b8e23;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.profile-page #settings-button{margin-left:0}.profile-page img{height:100px;width:100px}.logout-button{background-color:#6b8e23;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.dark-mode-toggle label{display:inline-block;height:34px;position:relative;width:60px}.dark-mode-toggle input{height:0;opacity:0;width:0}.dark-mode-toggle .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.dark-mode-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.dark-mode-toggle input:checked+.slider{background-color:#6b8e23}.dark-mode-toggle input:checked+.slider:before{transform:translateX(26px)}.header-container{align-items:center;display:flex;justify-content:space-between;width:100%}.header-left{margin-right:auto}.header-right{margin-left:auto}#main-header nav ul{align-items:center;display:flex;flex-grow:1;justify-content:center}.dark-mode-toggle{align-items:center;display:flex;margin-right:20px}.profile-link{margin-left:auto}.profile-link a{align-items:center;color:#6b8e23;display:flex;font-size:1.2rem;text-decoration:none}.profile-link a i{margin-right:5px}.dark-mode-text{color:#6b8e23;font-size:1.2rem;margin-left:10px}body.dark-mode .dark-mode-text{color:gold}body.dark-mode{background-color:#333;color:#fff}body.dark-mode #countdown-box,body.dark-mode #main-header,body.dark-mode #pineapple-counter-box,body.dark-mode #volume-controls-box,body.dark-mode .leaderboard-container,body.dark-mode .settings-container{background-color:#222;color:#fff}body.dark-mode #countdown,body.dark-mode #main-header nav ul li a,body.dark-mode #pineapple-counter,body.dark-mode #settings-container,body.dark-mode #volume-controls i,body.dark-mode .awards-container h1,body.dark-mode .leaderboard-container h1,body.dark-mode .leaderboard-item .player-name,body.dark-mode .leaderboard-item .rank{color:gold;text-shadow:none}body.dark-mode #main-header nav.active ul{background-color:#222}body.dark-mode #main-header nav.active ul li a{color:gold}body.dark-mode .mystery-text{color:#9acd32}body.dark-mode .pineapple{background-image:url(/static/media/pineapple.90d75ff62919765349a8.png)}body.dark-mode .leaderboard-item{background-color:#333}body.dark-mode .leaderboard-item .pop-count{color:#ff6b6b}body.dark-mode #settings-overlay{background-color:#000c}body.dark-mode .settings-container{background-color:#222}body.dark-mode .settings-container h2{color:gold}body.dark-mode .settings-container label{color:#fff}body.dark-mode .settings-container button{background-color:gold;color:#222}body.dark-mode #settings-button,body.dark-mode .menu-toggle{color:gold}body.dark-mode .toggle-switch label{background-color:#666}body.dark-mode .toggle-switch label:before{background-color:#ccc}body.dark-mode .work-in-progress{background-color:#333;color:gold}body.dark-mode .awards-container{background-color:#222}body.dark-mode .award{background-color:#333}body.dark-mode .award p{color:#fff}body.dark-mode .award .badge{border-color:#fff;box-shadow:0 4px 6px #ffffff1a,0 2px 4px #ffffff0f}body.dark-mode .award.unlocked.shiny{animation:shinyEffect 2s linear infinite}body.dark-mode .login-form,body.dark-mode .profile-page,body.dark-mode .registration-form{background-color:#222}body.dark-mode .login-form h2,body.dark-mode .login-form label,body.dark-mode .profile-page h2,body.dark-mode .profile-page label,body.dark-mode .registration-form h2,body.dark-mode .registration-form label{color:#fff}body.dark-mode .login-form input[type=password],body.dark-mode .login-form input[type=text],body.dark-mode .profile-page input[type=file],body.dark-mode .profile-page input[type=password],body.dark-mode .registration-form input[type=password],body.dark-mode .registration-form input[type=text]{background-color:#333;border-color:#fff;color:#fff}body.dark-mode .login-form button,body.dark-mode .profile-page button,body.dark-mode .registration-form button,body.logout-button.dark-mode{background-color:gold;color:#222}body.profile-page.dark-mode{background-color:#222;color:#fff}body.profile-page.dark-mode h2,body.profile-page.dark-mode h3,body.profile-page.dark-mode p{color:#fff}#settings-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}#settings-button{background:none;border:none;color:#6b8e23;cursor:pointer;font-size:1.5rem;margin-left:1em}.settings-container{background-color:#fff9c4;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;position:relative;text-align:center}.settings-header{justify-content:space-between;margin-bottom:20px}.close-button,.settings-header{align-items:center;display:flex}.close-button{background-color:#6b8e23;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:30px;justify-content:center;width:30px}.setting{margin-bottom:20px}.setting label{color:#6b8e23;display:block;margin-bottom:10px}.setting input[type=range]{width:100%}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+label{background-color:#6b8e23}.toggle-switch input:checked+label:before{transform:translateX(26px)}#music-overlay{align-items:center;background-color:#00000080;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.overlay-content{color:#fff;text-align:center}.work-in-progress{align-self:center;background-color:gold;border-radius:10px;box-shadow:0 2px 4px #0003;color:#333;margin-bottom:20px;padding:20px}.work-in-progress h1{font-size:3rem;margin-bottom:10px}.work-in-progress p{font-size:1.5rem}.leaderboard-container{background-color:#fff9c4;border-radius:10px;box-shadow:0 2px 4px #0003;margin:20px auto;max-width:600px;padding:20px}.leaderboard-container h1{color:#6b8e23;margin-bottom:20px;text-align:center}.leaderboard-item{align-items:center;background-color:#f5e5b5;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.leaderboard-item .rank{color:#6b8e23;font-size:1.5rem;font-weight:700;margin-right:10px}.leaderboard-item .player-name{color:#6b8e23;flex-grow:1}.leaderboard-item .pop-count{color:#ff6b6b;font-size:1.5rem;font-weight:700}.leaderboard-item .player-name{align-items:center;display:flex}.leaderboard-item .award{margin-left:2ch;padding:0}.leaderboard-item .award .badge{height:50px;width:50px}.leaderboard-item .leaderboard-item .award .badge-icon{font-size:1rem}.rank{color:#6b8e23;font-size:1.2rem;font-weight:700;margin-right:10px}.player-name{align-items:center;display:flex;justify-content:center}.pop-count{color:#ff6b6b;font-size:1.2rem;font-weight:700;justify-self:end}@media screen and (max-width:524px){body{height:100vh}#main-header nav ul{align-items:center;display:none;flex-direction:column}#main-header nav.active ul{background-color:#fff9c4;box-shadow:0 2px 4px #0003;left:0;padding:10px;position:absolute;top:100%;width:100%;z-index:9999}#main-header nav.active ul li{margin:10px 0}#content-wrapper{margin-top:100px}#countdown{font-size:3rem}.mystery-text{font-size:1.5rem}.birthday-message{font-size:4rem}#top-controls{justify-content:center;left:0;right:0;top:80px}#volume-controls-box{margin-left:0}#pineapple-counter-box{left:50%;max-width:90%;position:fixed;top:140px;transform:translateX(-50%)}.leaderboard-container{margin-top:40px}.login-form,.profile-page,.registration-form{margin-top:120px;max-width:90%}#main-header nav.active ul{display:flex;flex-direction:column}.dark-mode-toggle{margin-bottom:10px;margin-right:0}.profile-link{margin-left:0;margin-top:auto}.header-container{align-items:center;flex-direction:row;justify-content:space-between}.header-left{margin-right:0}.header-right{margin-left:0}.menu-toggle{display:block;margin-right:10px}}@media screen and (max-height:900px){#countdown-box{top:60%}#pineapple-counter-box{top:20%}}@media screen and (max-height:700px){#countdown-box{top:70%}#pineapple-counter-box{top:18%}}
/*# sourceMappingURL=main.6d57b74a.css.map*/