*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-image:linear-gradient(#0009,#0009),url(background2.05e07802.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Roboto Condensed,sans-serif;font-size:18px}.float-container{width:88.9773vmin;margin:0 auto}.float-container:after{content:"";clear:both;height:0;display:block}.landing-page{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1rem,2vw,2rem);display:flex;position:fixed;top:0;left:0}.landing-content{backdrop-filter:blur(10px);text-align:center;background-color:#0006;border:2px solid #a0f;border-radius:clamp(10px,3vw,20px);width:100%;max-width:700px;padding:clamp(20px,5vw,50px) clamp(15px,4vw,40px);box-shadow:0 0 clamp(15px,4vw,30px) clamp(10px,3vw,20px) #a0f9}.landing-title{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #9333eacc,0 0 40px #9333ea80;letter-spacing:clamp(1px,.3vw,2px);background:linear-gradient(#e4adff 0%,#cb62ff 100%) text;margin:0 0 clamp(10px,3vw,20px);font-family:Audiowide,sans-serif;font-size:clamp(28px,7vw,50px);font-weight:400}.landing-subtitle{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(#e4adff 0%,#cb62ff 100%) text;margin:0 0 clamp(20px,5vw,40px);font-family:Audiowide,sans-serif;font-size:clamp(14px,3.5vw,20px);font-weight:400}.landing-description{text-align:center;margin-bottom:clamp(20px,5vw,40px)}.landing-description p{color:#fff;margin:clamp(10px,2vw,15px) 0;font-family:Roboto Condensed,sans-serif;font-size:clamp(14px,3vw,18px);font-weight:300;line-height:1.6}.landing-form{flex-direction:column;align-items:center;gap:clamp(10px,2vw,15px);display:flex}.code-input-container{width:100%;max-width:300px}.code-input{color:#fff;text-align:center;letter-spacing:clamp(4px,1.5vw,8px);background:#fff6;border:2px solid #9333ea80;border-radius:clamp(8px,2vw,10px);outline:none;width:100%;padding:clamp(10px,2vw,15px) clamp(15px,3vw,20px);font-family:Audiowide,sans-serif;font-size:clamp(18px,4vw,24px);transition:border-color .3s,box-shadow .3s}.code-input:focus{border-color:#9333ea;box-shadow:0 0 10px #9333ea80}.code-input::placeholder{letter-spacing:normal;color:#999;font-size:clamp(12px,2.5vw,14px)}.code-input.error{border-color:#e74c3c;animation:.5s shake}.start-button{user-select:none;color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#0000;border:2px solid #cb62ff;border-radius:clamp(15px,3vw,20px);justify-content:center;align-items:center;height:auto;padding:clamp(8px,1.5vw,10px) clamp(15px,3vw,20px);font-family:Audiowide,sans-serif;font-size:clamp(20px,5vw,30px);line-height:normal;transition:transform .2s,border .2s;display:inline-flex;box-shadow:0 0 5px .1px #a0f}.start-button:hover{border:2px solid #fff;transform:scale(1.05)}.start-button:active{transform:scale(.98)}.start-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(clamp(-3px,-1vw,-5px))}20%,40%,60%,80%{transform:translate(clamp(3px,1vw,5px))}}.game-view{flex-direction:column;width:100%;height:100%;display:flex}.username-overlay{z-index:1001;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1rem,2vw,2rem);display:flex;position:fixed;top:0;left:0}.username-panel{backdrop-filter:blur(10px);text-align:center;background-color:#0006;border:2px solid #a0f;border-radius:clamp(10px,3vw,20px);width:100%;max-width:500px;padding:clamp(20px,5vw,50px) clamp(15px,4vw,40px);box-shadow:0 0 clamp(15px,4vw,30px) clamp(10px,3vw,20px) #a0f9}.username-title{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #9333eacc,0 0 40px #9333ea80;letter-spacing:clamp(1px,.3vw,2px);background:linear-gradient(#e4adff 0%,#cb62ff 100%) text;margin:0 0 clamp(10px,3vw,20px);font-family:Audiowide,sans-serif;font-size:clamp(24px,6vw,40px);font-weight:400}.username-subtitle{color:#fff;margin:0 0 clamp(20px,5vw,40px);font-family:Audiowide,sans-serif;font-size:clamp(12px,3vw,16px);font-weight:400}.username-form{flex-direction:column;align-items:center;gap:clamp(20px,4vw,35px);display:flex}.username-actions{flex-direction:row;justify-content:center;gap:20px;width:100%;display:flex}.username-error{color:#e74c3c;min-height:20px;margin-top:15px;font-family:Roboto Condensed,sans-serif;font-size:clamp(12px,3vw,16px);display:none}.save-button,.cancel-button{user-select:none;color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#0000;border:2px solid #cb62ff;border-radius:9999px;justify-content:center;align-items:center;height:2rem;padding:0 clamp(.5rem,1.5vw,1rem);font-family:Audiowide,sans-serif;font-size:clamp(.75rem,2vw,1rem);line-height:2rem;transition:transform .2s,border .2s;display:inline-flex;box-shadow:0 0 5px .1px #a0f}.save-button:hover,.cancel-button:hover{border:2px solid #fff;transform:scale(1.05)}.save-button:active,.cancel-button:active{transform:scale(.98)}.cancel-button{border-color:#ffffff4d;box-shadow:0 0 clamp(10px,2vw,15px) clamp(5px,1vw,8px) #ffffff1a}.cancel-button:hover{background:#ffffff1a;border-color:#fff}header.stats-panel{vertical-align:middle;justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,1rem);width:90vmin;height:4rem;margin:0 auto;padding:1rem 0;font-size:2rem;line-height:2rem;display:flex}header.stats-panel *{line-height:2rem}header.stats-panel .undo,header.stats-panel .new-game{padding:0 clamp(.5rem,1.5vw,1rem)}header.stats-panel .undo,header.stats-panel .leaderboard-btn,header.stats-panel .new-game{user-select:none;color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#0000;border:2px solid #cb62ff;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;height:2rem;padding:0 clamp(.5rem,1.5vw,1rem);font-family:Audiowide,sans-serif;font-size:clamp(.75rem,2vw,1rem);line-height:2rem;transition:transform .2s,border .2s;display:inline-flex;box-shadow:0 0 5px .1px #a0f}header.stats-panel .undo:hover,header.stats-panel .leaderboard-btn:hover,header.stats-panel .new-game:hover{border:2px solid #fff;transform:scale(1.05)}header.stats-panel .undo:active,header.stats-panel .leaderboard-btn:active,header.stats-panel .new-game:active{transform:scale(.98)}header.stats-panel .leaderboard-btn{gap:1rem;height:auto;padding:.25rem clamp(1rem,3vw,2rem);line-height:normal}header.stats-panel .btn-icon{width:auto;height:1.25em}header.stats-panel .btn-icon.podium-icon{height:clamp(1.75rem,3.2vw,1.75rem)}header.stats-panel .score{color:#fff;white-space:nowrap;font-family:Audiowide,sans-serif;font-size:clamp(1.5rem,2.75vw,1.5rem);font-weight:400;transition:transform .1s ease-out}header.stats-panel .score.pulse{animation:.3s ease-out score-pulse}@keyframes score-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.playground.palette-1 .cell[ball]:before,.playground.palette-1 .cell[intention]:before{background-image:radial-gradient(at 35% 35%,#f5e2ff 0%,#d285ff 30%,#cb62ff 100%)}.playground.palette-1 .cell[trace]{background-color:#e4adff}.cell{user-select:none;background-color:#0000;border:1px solid #cb62ff;border-radius:1.02273vmin;width:10.2273vmin;height:10.2273vmin;margin:.511364vmin;transition:border .2s ease-in-out;display:inline-block;position:relative}.cell:hover{border:2px solid #fff}.cell:before{content:"";z-index:-1;border-radius:50%;width:100%;height:100%;transition:transform .2s ease-in-out;display:block;transform:scale(0)}.cell[ball]{cursor:pointer}.cell[ball]:before{z-index:-5;transform:scale(.9);box-shadow:0 0 30px 11px #cb62ffcc}.cell[ball].pop-in:before{transition:none;animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards pop-in-animation}@keyframes pop-in-animation{0%{transform:scale(0)}to{transform:scale(.9)}}.cell[ball][selected]:before{animation:1.2s ease-in-out infinite selected-animation}@keyframes selected-animation{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}.cell[intention]:before{transform:scale(.2)}.cell[playing-audio]:after{content:"";pointer-events:none;background:0 0;border:2px solid #fffc;border-radius:50%;width:60%;height:60%;animation:.8s ease-in-out infinite audio-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes audio-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(.8)}}.playground{width:90vmin;margin:0 auto;line-height:0}footer.footer{vertical-align:middle;height:2rem;padding:.5rem 0;font-size:1rem;line-height:1rem}footer.footer *{color:#cb62ff;font-size:.5rem;line-height:1rem}footer.footer .help{float:left}footer.footer .credits{float:right}footer.footer .credits a{color:#028}.game-over-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-out gameOverFadeIn;display:none;position:fixed;top:0;left:0}.game-over-panel{backdrop-filter:blur(10px);text-align:center;background-color:#0006;border:2px solid #a0f;border-radius:clamp(10px,3vw,20px);width:90%;max-width:500px;padding:clamp(30px,6vw,60px) clamp(25px,5vw,50px);animation:.4s ease-out gameOverScaleIn;box-shadow:0 0 clamp(15px,4vw,30px) clamp(10px,3vw,20px) #a0f9}.game-over-title{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #9333eacc,0 0 40px #9333ea80;letter-spacing:clamp(1px,.3vw,2px);background:linear-gradient(#e4adff 0%,#cb62ff 100%) text;margin:0 0 clamp(15px,4vw,30px);font-family:Audiowide,sans-serif;font-size:clamp(32px,8vw,56px);font-weight:400}.game-over-score{color:#fff;margin:0 0 clamp(25px,6vw,45px);font-family:Roboto Condensed,sans-serif;font-size:clamp(16px,4vw,22px);font-weight:300;line-height:1.6}.game-over-button{user-select:none;color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#0000;border:2px solid #cb62ff;border-radius:9999px;justify-content:center;align-items:center;height:2rem;margin:0 auto;padding:0 clamp(.5rem,1.5vw,1rem);font-family:Audiowide,sans-serif;font-size:clamp(.75rem,2vw,1rem);line-height:2rem;transition:transform .2s,border .2s;display:inline-flex;box-shadow:0 0 5px .1px #a0f}.game-over-button:hover{border:2px solid #fff;transform:scale(1.05)}.game-over-button:active{transform:scale(.98)}@keyframes gameOverFadeIn{0%{opacity:0}to{opacity:1}}@keyframes gameOverScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.leaderboard-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-out gameOverFadeIn;display:none;position:fixed;top:0;left:0}.leaderboard-panel{backdrop-filter:blur(10px);background-color:#0006;border:2px solid #a0f;border-radius:clamp(10px,3vw,20px);flex-direction:column;width:90%;max-width:500px;max-height:80vh;padding:clamp(20px,4vw,40px) clamp(15px,3vw,30px);animation:.4s ease-out gameOverScaleIn;display:flex;position:relative;box-shadow:0 0 clamp(15px,4vw,30px) clamp(10px,3vw,20px) #a0f9}.leaderboard-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-family:Arial,sans-serif;font-size:28px;transition:opacity .2s;position:absolute;top:10px;right:15px}.leaderboard-close:hover{opacity:1}.leaderboard-header{justify-content:center;align-items:baseline;gap:15px;margin-bottom:clamp(15px,3vw,25px);display:flex}.leaderboard-title{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #9333eacc,0 0 40px #9333ea80;letter-spacing:clamp(1px,.3vw,2px);background:linear-gradient(#e4adff 0%,#cb62ff 100%) text;margin:0;font-family:Audiowide,sans-serif;font-size:clamp(24px,6vw,40px);font-weight:400}.change-username-btn{color:#9333eacc;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;transition:color .2s}.change-username-btn:hover{color:#fff}.leaderboard-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;display:flex}.leaderboard-list-container{flex-grow:1;margin-bottom:10px;padding:0;overflow-y:auto}.leaderboard-list-container::-webkit-scrollbar{width:8px}.leaderboard-list-container::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.leaderboard-list-container::-webkit-scrollbar-thumb{background:#9333ea80;border-radius:4px}.leaderboard-list-container::-webkit-scrollbar-thumb:hover{background:#9333eacc}.leaderboard-loading{color:#fff;text-align:center;margin:40px 0;font-family:Roboto Condensed,sans-serif;font-size:18px}.leaderboard-list{color:#fff;margin:0;padding:0;font-family:Roboto Condensed,sans-serif;font-size:clamp(14px,3vw,20px);list-style:none}.leaderboard-list li{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin:0 5px;padding:8px 20px;display:flex}.leaderboard-list li .rank-number{color:#e4adff;text-align:left;width:28px;margin-right:10px;font-family:Audiowide,sans-serif}.leaderboard-list li .rank-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.leaderboard-list li .rank-score{color:#cb62ff;text-align:right;width:60px;margin-left:15px;font-family:Audiowide,sans-serif}.leaderboard-list li.current-user{background:#9333ea4d;border:1px solid #9333ea80;border-bottom:none;border-radius:9999px}.leaderboard-list li.current-user .rank-number,.leaderboard-list li.current-user .rank-name,.leaderboard-list li.current-user .rank-score{color:#fff;text-shadow:0 0 10px #ffffff80;font-weight:700}.current-user-rank{color:#fff;background:#9333ea33;border:1px solid #9333ea80;border-radius:9999px;justify-content:space-between;margin:10px 5px 0;padding:10px 20px;font-family:Roboto Condensed,sans-serif;font-size:clamp(14px,3vw,20px);display:flex}.current-user-rank .rank-number{color:#fff;text-align:left;width:28px;margin-right:10px;font-family:Audiowide,sans-serif}.current-user-rank .rank-name{text-align:left;flex-grow:1;font-weight:700}.current-user-rank .rank-score{color:#fff;text-align:right;width:60px;margin-left:15px;font-family:Audiowide,sans-serif}