html{color:#e2e8f0;background-color:#1a2634;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif}body{margin:0;padding:0}body.gamemode{overflow:hidden}canvas{opacity:0}canvas.visible{opacity:1;transition:opacity .5s ease-out}.levelSelectionDiv{opacity:1;max-width:900px;margin:auto;padding:40px 20px;transition:opacity .5s ease-out}.levelSelectionDiv h1{color:#f0f4f8;text-align:center;margin-bottom:30px;font-size:2.5rem;font-weight:300}.levelSelectionButton{text-align:center;color:#1a2634;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;width:100px;margin:8px;padding:24px 0;font-size:2rem;font-weight:600;transition:all .2s ease-out;display:inline-block;box-shadow:0 4px 12px #3b82f64d}.levelSelectionButton:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.levelSelectionButton:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.score-container{letter-spacing:.5px;font-size:1.2rem;font-weight:500}.settings-btn{cursor:pointer;z-index:100;background:#2d3d4de6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.settings-btn:hover{background:#3b82f6cc;transform:translate(-50%)scale(1.1)}.settings-panel{z-index:200;background:#1a2634fa;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:16px;min-width:280px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.settings-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;display:flex}.settings-header span{color:#f0f4f8;font-size:1.4rem;font-weight:600}.settings-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1;transition:color .2s}.settings-close:hover{color:#ef4444}.settings-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.settings-row span{color:#e2e8f0;font-size:1rem}.settings-row-vertical{flex-direction:column;align-items:stretch;gap:8px}.settings-toggle{cursor:pointer;color:#9ca3af;background:#4b5563;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.settings-toggle.active{color:#fff;background:#22c55e}.settings-slider{appearance:none;background:#4b5563;border-radius:4px;outline:none;width:100%;height:8px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px;transition:background .2s}.settings-slider::-webkit-slider-thumb:hover{background:#60a5fa}.settings-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:20px;height:20px}.settings-actions{border-top:1px solid #ffffff1a;gap:12px;margin-top:8px;padding-top:16px;display:flex}.settings-action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 16px;font-size:1rem;font-weight:600;transition:all .2s}.restart-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.restart-btn:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-2px)}.menu-btn{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.menu-btn:hover{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);transform:translateY(-2px)}
/*# sourceMappingURL=train.223f277e.css.map */