@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Caveat:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=STIX+Two+Math&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap";*{padding:0;border:0px;margin:0}body{background-color:#000;display:flex;justify-content:center;font-family:Caveat Brush;height:100vh;overflow:auto;color:#fff}.light-mode{background-color:#f5f5f7;color:#000}.title{font-size:4rem;margin-top:10px}.error-container{color:#000}.tooltip{position:absolute;background-color:#000c;color:#fff;padding:8px;border-radius:5px;font-size:12px;pointer-events:none;white-space:nowrap;box-shadow:0 0 8px #0003;z-index:1000}.icon{position:absolute;top:16px;right:150px;font-size:24px;cursor:pointer;transition:transform .2s ease}.icon:hover{color:#007bff;transform:scale(1.1)}.fade-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-family:Cinzel Decorative,serif;font-weight:400;color:#dcdcdc;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;animation:fadeInOut 3s ease-in-out forwards}.light-mode .fade-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-family:Cinzel Decorative,serif;font-weight:400;color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;animation:fadeInOut 3s ease-in-out forwards}@keyframes fadeInOut{0%,to{opacity:0}25%,75%{opacity:1}}.app-container{text-align:center;position:relative;font-family:Arial,sans-serif;color:#fff}.icon{cursor:pointer}.light-mode .icon{filter:invert(1) brightness(.8)}@media (max-width: 850px){.clear-button,.undo-button{margin-top:60px;right:10px}.icon{margin-top:70px;right:100px}.game-box{margin-top:70px}}@media (max-width: 1300px){.level-selector{margin-top:120px;margin-left:0;left:0;right:auto}.level-selected{margin-top:20px;margin-left:0;left:0;right:0}}.clear-button{position:absolute;top:10px;right:10px;padding:10px 20px;font-size:16px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.undo-button{position:absolute;top:60px;right:10px;padding:10px 20px;font-size:16px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.level-selector{position:absolute;top:15px;right:250px;display:flex;flex-direction:column;align-items:flex-start;z-index:1000}.level-label{font-size:16px;margin-bottom:5px}.level-dropdown{padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;background-color:#f8f9fa;cursor:pointer}.level-dropdown:disabled{background-color:#e9ecef;cursor:not-allowed}.level-selected{position:absolute;top:110px;right:10px;display:flex;font-size:16px;color:#000;font-weight:700}.svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.game-box{position:relative;height:95vh;width:90vw;gap:350px;display:flex;flex-direction:column;justify-content:center;overflow:visible}.game-row{display:flex;justify-content:space-around;align-items:center;overflow:visible}.bottom-row{margin-top:100px}.taiko-node{max-width:30px;max-height:30px;border-radius:50%;margin:5px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid black;transition:all .5s ease;z-index:0}.taiko-node-enter{opacity:0;transform:scale(.5);transition:opacity .5s ease,transform .5s ease}.taiko-node-enter-active{opacity:1;transform:scale(1)}.taiko-node:hover{transform:scale(1.1);box-shadow:0 0 8px #ffffffb3}@keyframes breathing{0%{transform:scale(1)}to{transform:scale(1.05)}}.taiko-node.selected{animation:breathing 1.5s ease-in-out infinite alternate;box-shadow:0 0 10px #fffc}.black-dot{width:10px;height:10px;background-color:#000;border-radius:50%;position:absolute;z-index:11}.settings-menu{position:fixed;top:70px;right:20px;width:200px;padding:15px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000}@media (max-width: 850px){.settings-menu{top:200px}}.settings-menu h3{color:#000;margin:0 0 10px;font-size:16px}.settings-menu label{color:#000;display:flex;justify-content:space-between;align-items:center}.settings-menu input[type=range]{width:100%;margin-top:8px}.settings-menu input[type=number]{margin-top:5px}.tooltip{position:absolute;padding:10px;background-color:#333;border-radius:8px;color:#fff;box-shadow:0 4px 8px #0003;font-size:14px;line-height:1.4;width:150px;height:85px}@media (max-width: 850px){.progress-bar-container{top:60px}.text{position:absolute;top:70px}}.progress-bar-container{width:20%;background-color:#837b7b;border-radius:5px;margin:20px 0;overflow:hidden;height:20px;position:relative}.progress-bar-fill{background-color:#4caf50;height:100%;display:flex;align-items:center;transition:width .3s ease-in-out;padding-left:5px;color:#fff;font-weight:700;border-radius:inherit}.progress-bar-text{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:#fff;white-space:nowrap}