.settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.settings-section:last-of-type{border-bottom:none;margin-bottom:1rem}.settings-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px var(--primary-color)}.settings-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.settings-group label{color:#ddd;font-size:1rem;font-weight:500}.settings-select{background:rgba(0,0,0,.3);border:2px solid var(--primary-color);color:var(--primary-color);padding:.8rem 1rem;font-size:1rem;border-radius:8px;font-family:"Exo 2",sans-serif;cursor:pointer;transition:all .3s ease}.settings-select:focus{outline:0;box-shadow:0 0 10px var(--primary-color);background:rgba(0,255,255,.1)}.settings-select option{background:#1a1a2e;color:var(--primary-color);padding:.5rem}.volume-control{display:flex;align-items:center;gap:1rem}.volume-slider{flex:1;height:6px;background:rgba(0,0,0,.3);border-radius:3px;outline:0;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px var(--primary-color)}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:0;box-shadow:0 0 5px var(--primary-color)}.volume-value{color:var(--primary-color);font-weight:600;min-width:40px;text-align:right;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;color:#ddd;font-size:1rem;transition:color .3s ease}.checkbox-label:hover{color:var(--primary-color)}.settings-checkbox{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--primary-color);border-radius:4px;position:relative;transition:all .3s ease;flex-shrink:0}.settings-checkbox:checked+.checkmark{background:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.settings-checkbox:checked+.checkmark::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:14px}.settings-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.settings-button{font-family:"Exo 2",sans-serif;padding:.8rem 2rem;font-size:1rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:600}.settings-button.primary{background:0 0;border-color:var(--primary-color);color:var(--primary-color)}.settings-button.primary:hover{background:var(--primary-color);color:#000;box-shadow:0 0 15px var(--primary-color);transform:translateY(-2px)}.settings-button.secondary{background:0 0;border-color:#666;color:#666}.settings-button.secondary:hover{background:#666;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.settings-section{margin-bottom:1.2rem;padding-bottom:.8rem}.settings-section h3{font-size:1rem;margin-bottom:.6rem;letter-spacing:1px}.settings-group{margin-bottom:.8rem;gap:.4rem}.settings-group label{font-size:.9rem}.volume-control{gap:.6rem}.volume-value{min-width:35px;font-size:.8rem}.settings-buttons{flex-direction:column;align-items:center;gap:.8rem;margin-top:1.5rem}.settings-button{width:100%;max-width:250px;padding:.9rem 1.5rem}.checkbox-label{gap:.6rem}.checkmark{width:18px;height:18px}}@media (max-width:480px){.settings-section{margin-bottom:1rem;padding-bottom:.6rem}.settings-section h3{font-size:.95rem;margin-bottom:.5rem}.settings-group{margin-bottom:.6rem}.checkbox-label,.settings-group label{font-size:.85rem}.checkbox-label{gap:.5rem}.settings-select{font-size:.85rem;padding:.7rem}.volume-control{gap:.5rem}.volume-slider{height:8px}.volume-slider::-webkit-slider-thumb{width:18px;height:18px}.volume-value{min-width:30px;font-size:.75rem}.settings-button{padding:.8rem 1.2rem;font-size:.9rem}.checkmark{width:16px;height:16px}.settings-checkbox:checked+.checkmark::after{font-size:12px}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.settings-section{margin-bottom:.8rem;padding-bottom:.5rem}.settings-section h3{font-size:.9rem;margin-bottom:.4rem}.settings-group{margin-bottom:.5rem}.settings-buttons{flex-direction:row;justify-content:center;margin-top:1rem}.settings-button{width:auto;min-width:120px}}@media (min-width:769px) and (max-width:1024px){.settings-section{margin-bottom:1.8rem;padding-bottom:1.2rem}.settings-section h3{font-size:1.2rem;margin-bottom:.9rem}.settings-group{margin-bottom:1rem}.volume-control{gap:1rem}.settings-buttons{flex-direction:row;justify-content:center;gap:1.5rem}.settings-button{width:auto;min-width:150px;padding:1rem 2rem}}@media (min-width:1440px){.settings-section{margin-bottom:2.5rem;padding-bottom:2rem}.settings-section h3{font-size:1.5rem;margin-bottom:1.2rem}.settings-group{margin-bottom:1.5rem}.checkbox-label,.settings-group label{font-size:1.1rem}.checkbox-label{gap:1rem}.settings-select{font-size:1.1rem;padding:1rem 1.2rem}.volume-control{gap:1.5rem}.volume-slider{height:8px}.volume-slider::-webkit-slider-thumb{width:24px;height:24px}.volume-value{font-size:1rem;min-width:45px}.settings-buttons{gap:2rem;margin-top:2.5rem}.settings-button{padding:1.2rem 3rem;font-size:1.1rem;min-width:180px}.checkmark{width:24px;height:24px}.settings-checkbox:checked+.checkmark::after{font-size:16px}}