.adventure-filter-panel{background:#0f172a99;border:1px solid #12d3c633;border-radius:20px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;display:flex;box-shadow:0 10px 30px #00000080}.filter-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.filter-section h3{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem}.filter-divider{background:linear-gradient(#0000,#ffffff1a,#0000);width:1px;height:100px}.knob-container{justify-content:center;align-items:flex-end;width:180px;height:135px;display:flex;position:relative}.knob-labels{color:#64748b;pointer-events:none;justify-content:space-between;width:100%;font-size:.75rem;display:flex;position:absolute;top:0}.knob-labels span{transition:color .3s,text-shadow .3s}.knob-labels span.active{color:#12d3c6;text-shadow:0 0 10px #12d3c6cc;font-weight:700}.adventure-knob-base{cursor:grab;z-index:2;background:radial-gradient(circle at 30% 30%,#1e293b,#0f172a);border-radius:50%;width:100px;height:100px;position:relative;box-shadow:-5px -5px 10px #ffffff0d,5px 5px 15px #000c,inset 0 0 10px #000c}.adventure-knob-base:active{cursor:grabbing}.adventure-knob-base:focus-visible{outline-offset:4px;outline:3px solid #12d3c6b3}.adventure-knob{border-radius:50%;width:100%;height:100%;transition:transform .1s;position:relative}.knob-indicator{background:#12d3c6;border-radius:3px;width:6px;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #12d3c6}.knob-leds{pointer-events:none;z-index:1;width:140px;height:140px;position:absolute;top:-20px;left:-20px}.circular-buttons-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.circular-btn{cursor:pointer;group:circular;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;display:flex}.circular-btn-icon{color:#94a3b8;background:#0f172a;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;display:flex;box-shadow:inset 0 0 10px #00000080,0 4px 10px #0000004d}.circular-btn-label{color:#64748b;font-size:.75rem;font-weight:600;transition:color .3s}.circular-btn:hover .circular-btn-icon{color:#e5b554;border-color:#12d3c680;transform:translateY(-3px)}.circular-btn:hover .circular-btn-label{color:#cbd5e1}.circular-btn.active .circular-btn-icon{color:#12d3c6;background:#12d3c626;border-color:#12d3c6;box-shadow:0 0 15px #12d3c666,inset 0 0 10px #12d3c633}.circular-btn.active .circular-btn-label{color:#12d3c6;text-shadow:0 0 5px #12d3c680}@media (max-width:768px){.filter-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:1px}}