.settings-container{max-width:600px;margin:0 auto}.settings-sections{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.dark .settings-section{background:linear-gradient(135deg,#0a0a0a,#171717);border:2px solid rgba(96,165,250,.3)}.settings-section h2{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#374151;margin-bottom:16px;padding:0}.dark .settings-section h2{color:#888}.section-description{color:#4b5563;font-size:14px;line-height:1.5;text-align:left;margin:12px auto}.dark .section-description{color:#999}.settings-section p{color:#4b5563}.settings-section label{color:#374151}.dark .settings-section p,.dark .settings-section label{color:#d1d5db}.dark .settings-section input,.dark .settings-section select{background:#2d2d2d;border-color:#60a5fa33;color:#e5e7eb}.dark .settings-section input:focus,.dark .settings-section select:focus{border-color:#60a5fa80;background:#333}.dark .settings-section button:not(.level-chip):not(.difficulty-option):not(.selected):not(.active){background:#2d2d2d;color:#e5e7eb;border-color:#60a5fa33}.dark .settings-section button:not(.level-chip):not(.difficulty-option):not(.selected):not(.active):hover{background:#333;border-color:#60a5fa66}.start-section{display:flex;flex-direction:column;align-items:center;gap:12px}.start-button{display:flex;align-items:center;gap:12px;padding:16px 48px;background:linear-gradient(135deg,#ff5100,#ff8533);border:none;border-radius:9999px;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #ff51004d}.start-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff510066}.start-button:active{transform:translateY(0)}.start-icon{display:flex;align-items:center;justify-content:center}
