:root{--color-bg-dark:#0f0a07;--color-wood-dark:#1e110a;--color-wood-mid:#2e1a10;--color-wood-light:#4a2d1d;--color-brass-dark:#8c6a28;--color-brass:#d4af37;--color-brass-light:#f5df97;--color-brass-glow:rgba(212,175,55,0.4);--color-amber-glow:rgba(255,170,50,0.6);--color-text-cream:#faedd0;--color-text-dim:#bba07a;--color-text-gold:#e5be65;--color-ruby:#8b1e1b;--font-serif:"Playfair Display","Cinzel","Georgia","Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Courier Prime","Courier New",monospace;--music-console-height:clamp(170px,22vh,230px)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--color-bg-dark);font-family:var(--font-sans);color:var(--color-text-cream);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.page{height:100vh;height:100dvh;width:100vw;position:relative;overflow:hidden;background-color:#0b0705}.image-view{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden;background-color:#0b0705}.saloon-hero-picture,.saloon-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;pointer-events:none}.music-view{position:absolute;bottom:0;left:0;right:0;width:100%;height:var(--music-console-height);z-index:20;overflow:hidden;background-color:#1a0e07;background-image:radial-gradient(ellipse at 50% 30%,rgba(135,82,42,0.12) 0%,rgba(10,5,2,0.55) 90%),url('../assets/images/wood-cabinet-panel.avif');background-repeat:repeat-x;background-position:center center;background-size:auto 100%;border-top:4px solid #4a2d1a;box-shadow:0 -10px 30px rgba(0,0,0,0.95),inset 0 1.5px 0 rgba(235,195,120,0.35),inset 0 8px 22px rgba(0,0,0,0.75),inset 0 -6px 14px rgba(0,0,0,0.9)}.console-bezel-top{height:5px;background:linear-gradient(90deg,#381f10 0%,#7d5225 20%,#d4af65 50%,#7d5225 80%,#381f10 100%);opacity:0.92;box-shadow:0 1px 3px rgba(0,0,0,0.85)}.music-console{display:grid;grid-template-columns:1.15fr 1fr 1.35fr;align-items:center;padding:8px 24px 10px 24px;gap:16px;max-width:1600px;margin:0 auto;height:calc(100% - 5px);position:relative}.console-section-left{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#140905 0%,#0c0503 100%);padding:10px 14px;border-radius:8px;border:2px solid #4a301c;box-shadow:inset 0 3px 10px rgba(0,0,0,0.85),0 2px 5px rgba(0,0,0,0.4);position:relative;overflow:hidden;max-width:100%;left:-120px}.speaker-grille-texture{position:absolute;inset:0;opacity:0.12;background-image:radial-gradient(#d4af37 1px,transparent 1px);background-size:6px 6px;pointer-events:none}.album-art-box{position:relative;width:62px;height:62px;flex-shrink:0;border-radius:6px;overflow:hidden;border:2px solid var(--color-brass);box-shadow:0 4px 12px rgba(0,0,0,0.7);background:#150905}.album-cover-img{width:100%;height:100%;object-fit:cover;display:block}.track-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.now-playing-header{display:flex;align-items:center;justify-content:space-between}.now-playing-label{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:2px;color:var(--color-brass);text-transform:uppercase;font-weight:700}.tuner-badge{display:none;font-family:var(--font-mono);font-size:0.65rem;color:#ff9800;letter-spacing:1px;animation:blinkTuner 1s infinite}.tuner-badge.visible{display:inline-block}@keyframes blinkTuner{0%,100%{opacity:1}50%{opacity:0.3}}.favorite-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--color-text-dim);transition:var(--transition-smooth)}.favorite-btn:hover{color:var(--color-brass-light);transform:scale(1.15)}.favorite-btn.favorited{color:#e53935;filter:drop-shadow(0 0 5px rgba(229,57,53,0.6))}.track-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.5px}.track-artist{font-family:var(--font-sans);font-size:0.85rem;color:var(--color-brass-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.track-album-year{font-family:var(--font-mono);font-size:0.68rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-container{margin-top:4px;display:flex;flex-direction:column;gap:4px}.progress-track{width:100%;height:6px;background:#0d0603;border-radius:3px;border:1px solid #3d2416;position:relative;cursor:pointer;box-shadow:inset 0 1px 3px rgba(0,0,0,0.9)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#9e2a1e 0%,#d4af37 80%,#f7e6a1 100%);border-radius:2px;position:relative;transition:width 0.1s linear}.progress-fill::after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#f7e6a1;border:1.5px solid #8b1e1b;border-radius:50%;box-shadow:0 0 6px rgba(212,175,55,0.8)}.time-display{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.68rem;color:var(--color-text-dim);letter-spacing:1px}.console-section-center{display:flex;justify-content:center;align-items:center;position:relative}.turntable-housing{position:relative;width:154px;height:154px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#1c1009 0%,#0d0704 80%,#050302 100%);border-radius:50%;border:4px solid #5a381e;box-shadow:inset 0 4px 15px rgba(0,0,0,0.95),0 4px 20px rgba(0,0,0,0.8),0 0 0 2px #26150a}.vinyl-disc{position:relative;width:138px;height:138px;border-radius:50%;background:radial-gradient(circle at center,transparent 32%,rgba(255,255,255,0.06) 33%,transparent 35%),radial-gradient(circle at center,transparent 45%,rgba(255,255,255,0.05) 46%,transparent 48%),radial-gradient(circle at center,transparent 60%,rgba(255,255,255,0.06) 61%,transparent 63%),radial-gradient(circle at center,transparent 75%,rgba(255,255,255,0.04) 76%,transparent 78%),repeating-radial-gradient(circle at center,#111 0,#111 2px,#181818 3px,#0f0f0f 4px);box-shadow:0 0 15px rgba(0,0,0,0.9),inset 0 0 20px rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;cursor:pointer;transform-origin:center center;transition:transform 0.6s cubic-bezier(0.2,0.8,0.4,1)}.vinyl-center-label{width:130px;height:130px;border-radius:50%;background-image:url('../assets/images/vinyl-label.svg');background-size:cover;background-position:center;box-shadow:0 0 8px rgba(0,0,0,0.95);pointer-events:none}.spindle-center{position:absolute;width:9px;height:9px;background:radial-gradient(circle,#e6c575 0%,#8c6a28 70%,#302008 100%);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.9);pointer-events:none}.vinyl-disc.spinning{animation:spinVinyl 2.8s linear infinite;will-change:transform}@keyframes spinVinyl{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tonearm-assembly{position:absolute;right:-24px;top:-12px;width:130px;height:118px;pointer-events:none;z-index:10;transform-origin:82.86% 21.88%;transform:rotate(-60deg);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1);will-change:transform}.tonearm-img{width:100%;height:100%;object-fit:contain;display:block}.tonearm-assembly.needle-down{transform:rotate(-10deg)}.console-section-right{display:flex;align-items:center;justify-content:flex-end;gap:18px;position:relative;left:10px}.volume-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.volume-label{font-family:var(--font-mono);font-size:0.72rem;font-weight:700;letter-spacing:2px;color:var(--color-brass);text-transform:uppercase}.knob-container{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:grab}.knob-container:active{cursor:grabbing}.rotary-knob{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a4a4a 0%,#202020 60%,#0d0d0d 100%);border:2.5px solid #b38b3c;box-shadow:0 5px 12px rgba(0,0,0,0.85),inset 0 2px 4px rgba(255,255,255,0.25);position:relative;transform:rotate(0deg);transition:transform 0.05s ease-out}.knob-indicator-notch{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:3px;height:9px;background:#fdf2c4;border-radius:1.5px;box-shadow:0 0 4px rgba(255,230,150,0.9)}.volume-scale-text{display:flex;justify-content:space-between;width:56px;font-family:var(--font-mono);font-size:0.65rem;color:var(--color-text-dim);font-weight:bold}.transport-controls{display:flex;align-items:center;gap:12px}.vintage-btn{background:radial-gradient(circle,#2d1d12 0%,#150b06 100%);border:2px solid var(--color-brass-dark);color:var(--color-text-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-smooth);box-shadow:0 4px 10px rgba(0,0,0,0.75),inset 0 1px 1px rgba(255,255,255,0.2)}.vintage-btn:hover{border-color:var(--color-brass-light);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,0.85),0 0 12px var(--color-brass-glow)}.vintage-btn:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,0.9)}.track-btn{width:48px;height:48px}.track-btn svg{width:20px;height:20px;fill:var(--color-text-cream)}.play-pause-btn{width:62px;height:62px;background:radial-gradient(circle at 35% 35%,#3d1411 0%,#200705 70%,#0f0201 100%);border:3.5px solid var(--color-brass);box-shadow:0 6px 18px rgba(0,0,0,0.9),0 0 18px rgba(212,175,55,0.45)}.play-pause-btn svg{width:26px;height:26px;fill:var(--color-brass-light);filter:drop-shadow(0 0 5px rgba(255,235,170,0.85))}.play-pause-btn.is-playing{border-color:#ffd700;box-shadow:0 6px 18px rgba(0,0,0,0.9),0 0 24px rgba(255,215,0,0.7)}.cassette-deck{width:144px;height:84px;background:linear-gradient(180deg,#180d07 0%,#0d0603 100%);border:2px solid #4a2f1a;border-radius:6px;padding:6px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 2px 8px rgba(0,0,0,0.9),0 3px 6px rgba(0,0,0,0.5);position:relative;left:150px}.cassette-window{width:100%;height:50px;background:rgba(10,5,2,0.9);border:1.5px solid #331e10;border-radius:4px;display:flex;align-items:center;justify-content:space-around;padding:0 10px;position:relative;overflow:hidden}.cassette-reel{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#f0f0f0 0%,#cccccc 40%,#777777 100%);border:2px solid #444;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px rgba(0,0,0,0.8);transform-origin:center center}.cassette-reel::before{content:"";position:absolute;width:8px;height:8px;background:#111;border-radius:50%}.reel-teeth{position:absolute;width:100%;height:100%;border-radius:50%;border:3px dashed #333}.cassette-reel.spinning{animation:spinReel 1.4s linear infinite;will-change:transform}@keyframes spinReel{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cassette-tape-bridge{position:absolute;height:6px;background:#3d2314;left:36px;right:36px;top:50%;transform:translateY(-50%);border-radius:1px}.cassette-label{font-family:var(--font-mono);font-size:0.62rem;color:var(--color-brass);text-align:center;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.adsense-slot-wrapper{display:none;position:absolute;z-index:5;flex-direction:column;align-items:center;pointer-events:auto;overflow:hidden}.adsense-slot-1{top:14px;left:50%;transform:translateX(-50%);max-width:728px;width:calc(100% - 32px);max-height:90px}.adsense-slot-2{top:115px;right:16px;max-width:300px;max-height:250px}.ad-label{font-family:var(--font-mono);font-size:0.52rem;letter-spacing:1.5px;color:var(--color-brass-light);opacity:0.75;margin-bottom:2px;text-transform:uppercase;pointer-events:none}.ad-container{width:100%;display:flex;justify-content:center}@media (max-width:767px){.adsense-slot-1{top:8px;width:calc(100% - 20px);max-height:60px}.adsense-slot-2{display:none !important}}@media (max-width:1280px) and (min-width:1025px){:root{--music-console-height:clamp(160px,22vh,210px)}.music-console{grid-template-columns:1.1fr 0.9fr 1.35fr;padding:6px 18px;gap:12px}.turntable-housing{width:136px;height:136px}.vinyl-disc{width:122px;height:122px}.vinyl-center-label{width:114px;height:114px}.tonearm-assembly{width:114px;height:104px;right:-20px;top:-10px}.cassette-deck{width:126px;height:74px}.console-section-right{gap:12px}}@media (max-width:1024px) and (min-width:768px){:root{--music-console-height:clamp(200px,28vh,260px)}.music-console{display:grid;grid-template-columns:140px 1fr;grid-template-rows:auto auto;padding:8px 16px 10px 16px;gap:8px 14px;height:calc(100% - 5px)}.console-section-left{grid-column:1 / -1;width:100%;padding:8px 14px;gap:12px}.album-art-box{width:54px;height:54px}.track-title{font-size:1.05rem}.console-section-center{grid-column:1;display:flex;justify-content:center;align-items:center}.turntable-housing{width:116px;height:116px}.vinyl-disc{width:104px;height:104px}.vinyl-center-label{width:98px;height:98px}.tonearm-assembly{display:block;width:98px;height:88px;right:-16px;top:-8px}.console-section-right{grid-column:2;display:flex;align-items:center;justify-content:space-around;gap:12px;width:100%}.cassette-deck{width:120px;height:72px}}@media (max-width:767px){:root{--music-console-height:clamp(255px,50vh,320px)}.image-view{background-image:url('../assets/images/mobile-saloon-background.avif');background-size:cover;background-position:center center;background-repeat:no-repeat}.music-view{height:var(--music-console-height);overflow-y:auto;overflow-x:hidden}.music-console{display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px 10px 10px;gap:6px;height:100%}.console-section-left{width:100%;padding:6px 10px;gap:10px;border-radius:6px;flex-shrink:0;left:0px}.album-art-box{width:46px;height:46px;border-radius:4px}.now-playing-label{font-size:0.58rem;letter-spacing:1px}.track-title{font-size:0.95rem}.track-artist{font-size:0.78rem}.track-album-year{font-size:0.62rem}.progress-container{margin-top:2px;gap:2px}.progress-track{height:5px}.time-display{font-size:0.60rem}.console-section-center{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin:2px 0}.turntable-housing{width:82px;height:82px;border-width:2.5px}.vinyl-disc{width:72px;height:72px}.vinyl-center-label{width:68px;height:68px}.tonearm-assembly{display:block;width:70px;height:64px;right:-13px;top:-6px}.console-section-right{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0;position:relative;left:0}.volume-unit{gap:2px}.volume-label{font-size:0.54rem;letter-spacing:1px}.knob-container{width:42px;height:42px}.rotary-knob{width:36px;height:36px}.volume-scale-text{width:42px;font-size:0.50rem}.transport-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:8px;width:auto;z-index:5}.track-btn{width:38px;height:38px}.track-btn svg{width:15px;height:15px}.play-pause-btn{width:48px;height:48px}.play-pause-btn svg{width:20px;height:20px}.cassette-deck{width:98px;height:60px;padding:3px;border-radius:4px}.cassette-window{height:36px;padding:0 4px}.cassette-reel{width:20px;height:20px}.cassette-tape-bridge{left:24px;right:24px;height:4px}.cassette-label{font-size:0.46rem;letter-spacing:1px}}@media (max-width:360px){:root{--music-console-height:clamp(245px,52vh,290px)}.music-console{padding:6px 6px 8px 6px;gap:4px}.album-art-box{width:40px;height:40px}.track-title{font-size:0.88rem}.turntable-housing{width:72px;height:72px}.vinyl-disc{width:62px;height:62px}.vinyl-center-label{width:58px;height:58px}.tonearm-assembly{width:60px;height:54px;right:-10px;top:-4px}.cassette-deck{width:88px;height:54px}.cassette-window{height:32px}.cassette-reel{width:18px;height:18px}.track-btn{width:34px;height:34px}.play-pause-btn{width:44px;height:44px}.knob-container{width:36px;height:36px}.rotary-knob{width:32px;height:32px}.volume-scale-text{width:36px;font-size:0.46rem}}@media (max-height:480px) and (orientation:landscape){:root{--music-console-height:clamp(140px,44vh,180px)}.image-view{background-position:center 20%}.music-console{grid-template-columns:1fr 0.8fr 1.2fr;display:grid;padding:4px 12px;gap:8px}.album-art-box{width:40px;height:40px}.turntable-housing{width:70px;height:70px}.vinyl-disc{width:62px;height:62px}.tonearm-assembly{width:58px;height:52px;right:-10px;top:-4px}.cassette-deck{width:88px;height:54px}.play-pause-btn{width:42px;height:42px}.track-btn{width:34px;height:34px}.knob-container{width:36px;height:36px}.rotary-knob{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.vinyl-disc.spinning,.cassette-reel.spinning{animation:none !important}.tonearm-assembly{transition:none !important}}