@scope{:scope{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px var(--shadow-color);padding:0.75rem;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1.125rem}@media (max-width: 768px){:scope{padding:0.75rem;gap:.5rem}}.ambient-controls{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.ambient-controls{gap:.5rem}}.ambient-controls .ambient-icon{background:var(--bg-card);width:36px;height:36px;border:3px solid var(--border-color);padding:0.3rem;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-size:.8rem;color:var(--text-muted);position:relative;box-shadow:0 4px 0 var(--border-color),0 4px 8px rgba(0,0,0,0.2);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ambient-controls .ambient-icon:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 6px 0 var(--accent-secondary),0 6px 12px rgba(0,206,209,0.3)}.ambient-controls .ambient-icon:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-color),0 2px 4px rgba(0,0,0,0.2)}.ambient-controls .ambient-icon .active{background:var(--btn-gradient);border-color:var(--accent-primary);color:white;transform:translateY(-1px);box-shadow:0 5px 0 var(--accent-primary),0 5px 15px var(--glow-color),inset 0 1px 0 rgba(255,255,255,0.2);animation:pixel-glow 2s ease-in-out infinite alternate}@keyframes pixel-glow{0%{box-shadow:0 5px 0 var(--accent-primary),0 5px 15px var(--glow-color),inset 0 1px 0 rgba(255,255,255,0.2)}100%{box-shadow:0 5px 0 var(--accent-primary),0 5px 20px var(--glow-color),inset 0 1px 0 rgba(255,255,255,0.3)}}@media (max-width: 768px){.ambient-controls .ambient-icon{padding:0.6rem;font-size:.64rem;border-width:2px;box-shadow:0 3px 0 var(--border-color), 0 3px 6px rgba(0,0,0,0.2)}}.ambient-controls .ambient-icon i{filter:drop-shadow(1px 1px 0 rgba(0,0,0,0.3));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ambient-controls .mute-toggle{background:var(--bg-card);border:3px solid var(--accent-primary);width:36px;height:36px;padding:0.3rem;border-radius:8px;cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-size:1rem;color:var(--accent-primary);margin-right:0.75rem;box-shadow:0 4px 0 var(--accent-primary),0 4px 8px rgba(255,0,107,0.2);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ambient-controls .mute-toggle i{filter:drop-shadow(1px 1px 0 rgba(0,0,0,0.3));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (max-width: 768px){.ambient-controls .mute-toggle{padding:0.6rem;font-size:0.8rem;border-width:2px;margin-right:0.5rem;box-shadow:0 3px 0 var(--accent-primary), 0 3px 6px rgba(255,0,107,0.2)}}.ambient-controls .mute-toggle .muted{background:var(--text-muted);border-color:var(--text-muted);color:white;box-shadow:0 4px 0 var(--text-muted),0 4px 8px rgba(0,0,0,0.3)}.ambient-controls .mute-toggle .muted:hover{box-shadow:0 6px 0 var(--text-muted),0 6px 12px rgba(0,0,0,0.4)}.ambient-controls .mute-toggle:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 6px 0 var(--accent-secondary),0 6px 12px rgba(0,206,209,0.3)}.ambient-controls .mute-toggle:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-color),0 2px 4px rgba(0,0,0,0.2)}.ambient-label{min-width:120px;justify-self:center;min-width:120px;font-size:.85rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.ambient-label{font-size:.68rem}}@media (max-width: 480px){.ambient-label{font-size:.56666667rem}}@media (max-width: 768px){.ambient-label{flex-shrink:1;min-width:96px}}@media (max-width: 480px){.ambient-label{min-width:96px}}@media (max-width: 400px){.ambient-label{min-width:none;display:none}}@media (min-width: 1500px){.ambient-label{font-size:1.0625rem}}@media (min-width: 2000px){.ambient-label{font-size:1.275rem}}@media (min-width: 1500px){.ambient-label{min-width:150px}}@media (min-width: 2000px){.ambient-label{min-width:150px}}.volume-container{display:flex;align-items:center;gap:0.5rem}@keyframes equalizer{0%,100%{transform:scaleY(0.3);opacity:0.6}33%{transform:scaleY(0.2);opacity:0.3}75%{transform:scaleY(0.75);opacity:0.75}50%{transform:scaleY(1);opacity:1}}.volume-container .equalizer{display:flex;align-items:flex-end;gap:2px;height:24px;margin-left:auto}.volume-container .equalizer .muted .equalizer-bar{opacity:0.3}@media (max-width: 768px){.volume-container .equalizer{height:18px;gap:1px}}.volume-container .equalizer .equalizer-bar{width:150px;background:var(--btn-gradient);border-radius:2px;animation:equalizer 1.5s ease-in-out infinite}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar{width:2px}}.volume-container .equalizer .equalizer-bar:nth-child(1){height:8px;width:15px;animation-delay:0s;animation-duration:1.2s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(1){height:5.33333333px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(1){height:4.57142857px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(1){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(1){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(1){height:12px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(1){height:14px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(1){animation-duration:2.664s;animation-delay:0s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(1){height:5.33333333px}}.volume-container .equalizer .equalizer-bar:nth-child(2){height:12px;width:15px;animation-delay:.1s;animation-duration:1.4s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(2){height:8px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(2){height:6.85714286px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(2){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(2){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(2){height:18px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(2){height:21px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(2){animation-duration:3.108s;animation-delay:.225s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(2){height:8px}}.volume-container .equalizer .equalizer-bar:nth-child(3){height:16px;width:15px;animation-delay:.2s;animation-duration:1.1s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(3){height:10.66666667px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(3){height:9.14285714px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(3){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(3){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(3){height:24px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(3){height:28px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(3){animation-duration:2.442s;animation-delay:.45s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(3){height:10.66666667px}}.volume-container .equalizer .equalizer-bar:nth-child(4){height:6px;width:15px;animation-delay:.3s;animation-duration:1.6s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(4){height:4px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(4){height:3.42857143px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(4){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(4){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(4){height:9px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(4){height:10.5px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(4){animation-duration:3.552s;animation-delay:.675s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(4){height:4px}}.volume-container .equalizer .equalizer-bar:nth-child(5){height:14px;width:15px;animation-delay:.4s;animation-duration:1.3s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(5){height:9.33333333px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(5){height:8px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(5){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(5){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(5){height:21px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(5){height:24.5px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(5){animation-duration:2.886s;animation-delay:.9s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(5){height:9.33333333px}}.volume-container .equalizer .equalizer-bar:nth-child(6){height:10px;width:15px;animation-delay:.5s;animation-duration:1.5s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(6){height:6.66666667px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(6){height:5.71428571px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(6){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(6){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(6){height:15px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(6){height:17.5px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(6){animation-duration:3.33s;animation-delay:1.125s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(6){height:6.66666667px}}.volume-container .equalizer .equalizer-bar:nth-child(7){height:18px;width:15px;animation-delay:.6s;animation-duration:1.2s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(7){height:12px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(7){height:10.28571429px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(7){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(7){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(7){height:27px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(7){height:31.5px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(7){animation-duration:2.664s;animation-delay:1.35s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(7){height:12px}}.volume-container .equalizer .equalizer-bar:nth-child(8){height:8px;width:15px;animation-delay:.7s;animation-duration:1.4s}@media (max-height: 768px){.volume-container .equalizer .equalizer-bar:nth-child(8){height:5.33333333px}}@media (max-height: 480px){.volume-container .equalizer .equalizer-bar:nth-child(8){height:4.57142857px}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(8){width:10px}}@media (max-width: 480px){.volume-container .equalizer .equalizer-bar:nth-child(8){width:8.57142857px}}@media (min-height: 1500px){.volume-container .equalizer .equalizer-bar:nth-child(8){height:12px}}@media (min-height: 2000px){.volume-container .equalizer .equalizer-bar:nth-child(8){height:14px}}@media (prefers-reduced-motion: reduce){.volume-container .equalizer .equalizer-bar:nth-child(8){animation-duration:3.108s;animation-delay:1.575s}}@media (max-width: 768px){.volume-container .equalizer .equalizer-bar:nth-child(8){height:5.33333333px}}.volume-container .volume-slider{width:80px;height:4px;width:80px;height:4px;background:var(--border-color);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}@media (max-width: 768px){.volume-container .volume-slider{width:53.33333333px;height:2.66666667px}}@media (max-width: 480px){.volume-container .volume-slider{width:45.71428571px;height:2.28571429px}}@media (min-width: 1500px){.volume-container .volume-slider{width:120px;height:6px}}@media (min-width: 2000px){.volume-container .volume-slider{width:140px;height:7px}}.volume-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--btn-gradient);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px var(--glow-color)}.volume-container .volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--btn-gradient);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px var(--glow-color)}}