:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid #ddd;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:all .25s;color:#213547}button:hover{border-color:#646cff;background-color:#f5f5f5}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.settings-panel{position:fixed;top:80px;right:20px;background:#222;border:1px solid #444;border-radius:8px;padding:15px;box-shadow:0 2px 10px #0000004d;z-index:1000;width:260px;color:#fff;max-height:80vh;overflow-y:auto}.settings-panel *{background-color:#222;color:#fff}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.settings-header h2{margin:0;font-size:1.2em;font-weight:600;color:#fff}.settings-header button{background:none;border:none;font-size:20px;cursor:pointer;padding:0 8px;box-shadow:none;color:#fff}.settings-header button:hover{background:none;color:#646cff}.slider-row{display:flex;align-items:center;margin:8px 0;gap:10px}.slider-row label{width:100px;font-size:14px;color:#fff}.slider-row input[type=range]{flex:1}.slider-row .value-input{width:40px;text-align:center;font-size:14px;color:#fff;padding:4px;border:1px solid #444;border-radius:4px;background:#333}.slider-row .value-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.slider-row .value-input:disabled{background:#444;color:#999;cursor:not-allowed}.acceleration-toggle{margin-bottom:15px}.acceleration-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#fff}.sliders-container h3{margin:0 0 12px;font-size:1em;font-weight:600;color:#fff}.mode-selection{margin-bottom:15px;background:#222;color:#fff}.mode-selection h3{margin:0 0 12px;font-size:1em;font-weight:600;color:#fff}.mode-selection .radio-group{display:flex;flex-direction:column;gap:8px;color:#fff;background:#222}.radio-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#fff;background:#222;border:none;padding:5px;border-radius:4px}.radio-group input[type=radio]{accent-color:#646cff;width:16px;height:16px;min-width:16px;margin:0;padding:0}.preset-selection{margin-bottom:15px;background:#222}.preset-selection h3{margin:0 0 12px;font-size:1em;font-weight:600;color:#fff}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-button{padding:5px 10px;background:#333;color:#fff;border:1px solid #555;border-radius:5px;cursor:pointer;transition:all .2s ease;font-size:13px}.rounds-panel{position:fixed;top:80px;left:20px;background:#222;border:1px solid #444;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000004d;z-index:1000;width:300px;max-height:calc(100vh - 120px);overflow-y:auto;color:#fff}.rounds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:0;background:#222;padding-bottom:10px;border-bottom:1px solid #444}.rounds-header h2{margin:0;font-size:1.2em;font-weight:600;color:#fff}.rounds-header button{background:none;border:none;font-size:20px;cursor:pointer;padding:0 8px;box-shadow:none;color:#fff}.rounds-header button:hover{background:none;color:#646cff}.rounds-list{display:flex;flex-direction:column;gap:10px}.round-item{padding:12px;border:1px solid #444;border-radius:6px;background:#333;transition:all .2s ease}.round-item:hover{border-color:#555;background:#3a3a3a;box-shadow:0 2px 6px #0003}.round-number{font-weight:600;margin-bottom:8px;color:#fff}.round-stats{font-size:.9em;color:#ccc;display:flex;flex-direction:column;gap:4px}.instructions-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.instructions-panel{background:#222;border-radius:12px;padding:30px;max-width:600px;width:90%;box-shadow:0 4px 20px #00000080;position:relative;max-height:90vh;overflow-y:auto;color:#fff}.instructions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.instructions-header h2{margin:0;font-size:1.5em;color:#fff}.instructions-content{color:#ccc;line-height:1.6}.instructions-content h3{margin-top:25px;margin-bottom:15px;color:#fff}.instructions-content ul{padding-left:20px;margin:15px 0}.instructions-content li{margin:8px 0}.instructions-footer{margin-top:25px;display:flex;justify-content:flex-end}.got-it-button{background:#646cff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;font-size:16px}.got-it-button:hover{background:#535bf2;transform:translateY(-1px)}.keyboard-shortcut{display:inline-block;background:#333;padding:2px 6px;border-radius:4px;font-family:monospace;margin:0 2px;color:#fff}.mode-selection{background:#333;padding:20px;border-radius:8px;margin:20px 0;border:1px solid #444444}.mode-selection .radio-group{display:flex;flex-direction:column;gap:15px}.mode-selection label{display:flex;flex-direction:column;padding:15px;border:1px solid #444444;border-radius:8px;background:#222;cursor:pointer;transition:all .2s;position:relative}.mode-selection label:hover{border-color:#646cff;box-shadow:0 2px 8px #646cff4d}.mode-selection input[type=radio]{position:absolute;top:15px;left:15px;accent-color:#646cff}.mode-label{font-weight:700;color:#fff;margin-left:25px;font-size:16px}.mode-description{margin:8px 0 0 25px;color:#ccc;font-size:14px}.mode-selection input[type=radio]:checked+.mode-label{color:#646cff}.mode-selection input[type=radio]:checked~.mode-description{color:#ddd}.warning-message{background-color:#321;border-left:4px solid #ffb300;padding:15px;border-radius:4px;margin:20px 0}.warning-message h3{color:#ffb300;margin-top:0;margin-bottom:10px;display:flex;align-items:center}.warning-message p{margin:0;color:#ddd}.app{width:100vw;height:100vh;overflow:hidden;background-color:#000;position:relative}.stats{position:fixed;top:20px;left:20px;transform:none;color:#fff;background-color:#282828cc;padding:12px 20px;border-radius:8px;font-family:Inter,system-ui,Arial,sans-serif;font-size:14px;box-shadow:0 2px 10px #0000004d;border:1px solid #444;z-index:100;display:flex;gap:12px;align-items:center}.stats span{white-space:nowrap}.container{width:100%;height:100%;position:relative;overflow:hidden;cursor:crosshair;touch-action:none}.content{position:absolute;width:10000vw;height:calc((100vh - 100px)*100);transform-origin:0 0;background-color:#000;will-change:transform;contain:layout paint}.target{position:absolute;background-color:#666;border-radius:50%;transition:background-color .2s ease;transform:translate(-50%,-50%) translateZ(0);will-change:transform;contain:layout;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.target.active{background-color:#26ff00;z-index:10;transform:translate(-50%,-50%) translateZ(0);-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;opacity:1!important}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000}.controls{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:1001}.settings-toggle,.rounds-toggle,.export-button,.reset-button{display:flex;align-items:center;gap:6px;background:#282828cc;border:1px solid #444;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;color:#fff;box-shadow:0 2px 10px #0000004d;transition:all .2s ease}.settings-toggle:hover,.rounds-toggle:hover,.export-button:hover,.reset-button:hover{background:#444;border-color:#646cff}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-button:disabled:hover{background:#282828cc;border-color:#444}.reset-button{border-color:#a33}.reset-button:hover{background:#422;border-color:#f44}.preset-selection{margin-bottom:20px}.preset-buttons{display:flex;gap:10px;flex-wrap:wrap}.preset-button{padding:8px 16px;background:#333;color:#fff;border:1px solid #555;border-radius:8px;cursor:pointer;transition:all .2s ease}.preset-button.active{background:#646cff;color:#fff;border-color:#8088ff}.preset-button:hover:not(.active){background:#444;border-color:#646cff}.break-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.break-container{background-color:#222;color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 20px #00000080;max-width:500px;text-align:center}.break-container h2{margin-top:0;color:#fff}.break-container button{margin-top:20px;padding:10px 20px;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}.break-container button:hover{background-color:#7a82ff}.resize-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;background-color:#000000b3;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.resize-warning-content{background-color:#222;color:#fff;padding:20px 30px;border-radius:10px;box-shadow:0 5px 20px #00000080;max-width:400px;text-align:center}.resize-warning-content h3{margin-top:0;color:#fff}.resize-warning-content button{margin-top:15px;padding:8px 20px;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.resize-warning-content button:hover{background-color:#7a82ff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preset-indicator{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:1000;font-size:24px;font-weight:700;font-family:Inter,system-ui,Arial,sans-serif;padding:20px;border-radius:12px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 15px #00000080;text-align:center;transition:background-color .3s ease;opacity:.7}.preset-indicator.preset-A{background-color:#4285f4b3}.preset-indicator.preset-B{background-color:#34a853b3}.preset-indicator.preset-C{background-color:#ea4335b3}.preset-indicator.preset-D{background-color:#fbbc05b3}.preset-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1500;pointer-events:none;display:flex;justify-content:center;align-items:center;animation:fadeInOut 1.5s ease-in-out;opacity:0}.preset-transition-content{font-size:36px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);padding:30px 60px;border-radius:16px;text-align:center;transition:background-color .3s ease}.preset-transition-overlay.preset-A .preset-transition-content{background-color:#4285f4e6}.preset-transition-overlay.preset-B .preset-transition-content{background-color:#34a853e6}.preset-transition-overlay.preset-C .preset-transition-content{background-color:#ea4335e6}.preset-transition-overlay.preset-D .preset-transition-content{background-color:#fbbc05e6}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}