@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Courier+Prime:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&display=swap";.album-spotlight{width:100%;display:flex;justify-content:center;height:100%}.mirror-frame{background:linear-gradient(145deg,#5f3d1f 0%,#7a4d28 20%,#a06836 55%,#c07a3f 75%,#d69049 100%);border-color:#2c1810;box-shadow:0 20px 60px #000c,inset 0 4px 20px #ffd6aa26,inset 0 -4px 20px #00000059;width:min(100%,var(--panel-max-width));height:100%;display:flex;flex-direction:column}.album-display{position:relative;background:linear-gradient(145deg,rgba(10,6,4,.95),rgba(22,12,6,.85));border:4px solid rgba(255,214,170,.12);border-radius:18px;padding:clamp(1.6rem,2.4vw,2rem);min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:0;box-shadow:inset 0 24px 48px #000000bf,inset 0 -18px 40px #000000a6,0 14px 35px #0000008c;overflow:hidden}.album-display:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:12px;border:1px solid rgba(255,214,170,.06);pointer-events:none}.album-cover-frame{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;box-shadow:0 18px 35px #0000008c,inset 0 12px 28px #ffd6aa1f,inset 0 -18px 28px #00000073}.album-cover-frame img{width:100%;height:100%;object-fit:cover;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.35),rgba(0,0,0,.7));display:block;filter:saturate(1.05) contrast(1.05)}.album-cover-glow{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle,rgba(255,214,170,.18),transparent 70%);filter:blur(18px);pointer-events:none}.album-cover-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(0,0,0,.55),transparent 60%);pointer-events:none;mix-blend-mode:multiply}.album-meta{text-align:center;font-family:Orbitron,sans-serif;letter-spacing:.24rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:90%}.album-meta .album-meta-label{font-size:.7rem;text-transform:uppercase;color:#ffd6aa99}.album-meta-label{font-size:.72rem;text-transform:uppercase;color:#ffd6aaa6;text-shadow:0 0 6px rgba(255,214,170,.35),0 2px 6px rgba(0,0,0,.65)}.album-artist{margin:0;font-size:clamp(1.4rem,2.6vw,2rem);text-transform:uppercase;color:#ffe2b8;text-shadow:0 0 20px rgba(255,214,170,.5),0 6px 18px rgba(0,0,0,.65);letter-spacing:.32rem}.album-title{margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);text-transform:uppercase;color:#ffd6aacc;letter-spacing:.28rem;text-shadow:0 0 10px rgba(255,214,170,.25),0 3px 12px rgba(0,0,0,.6)}.album-divider{width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,214,170,.5),transparent);margin:.5rem auto}.album-caption{margin:0;font-size:.78rem;letter-spacing:.16rem;color:#ffd6aa99;text-transform:uppercase}.album-loading,.album-empty{text-align:center;color:#ffd6aab3;display:flex;flex-direction:column;align-items:center;gap:1rem}.album-spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,214,170,.2);border-top-color:#ffd6aacc;animation:albumSpin 1s linear infinite}@keyframes albumSpin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.album-spotlight,.mirror-frame{height:auto}.album-display{min-height:clamp(280px,44vh,320px);padding:clamp(1.35rem,4vw,1.8rem)}}@media (max-width: 640px){.album-display{padding:1rem}.album-cover-frame{aspect-ratio:1 / 1;height:auto}.album-cover-frame img{object-fit:contain;background:#000}}.premium-frame{background:linear-gradient(145deg,#3C3C3C 0%,#2C2C2C 15%,#1C1C1C 35%,#404040 50%,#2A2A2A 70%,#1A1A1A 100%);border-radius:20px;padding:2.5rem;border:6px solid #0D0D0D;box-shadow:25px 25px 60px #000000e6,-10px -10px 30px #ffffff14,inset -8px -8px 20px #ffffff0d,inset 8px 8px 20px #000000b3;position:relative;overflow:visible;background-image:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.06) 25%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.03) 2px,transparent 3px)}.assembly-screws{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screw{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#E8E8E8 0%,#C0C0C0 30%,#A0A0A0 60%,#808080 100%);border-radius:50%;border:1px solid #666;box-shadow:inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0006,0 2px 4px #00000080}.screw:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:1px;background:#666;box-shadow:0 3px #666}.screw.top-left{top:15px;left:15px}.screw.top-right{top:15px;right:15px}.screw.bottom-left{bottom:15px;left:15px}.screw.bottom-right{bottom:15px;right:15px}.premium-display{background:radial-gradient(circle at 50% 120%,rgba(255,214,170,.16),transparent 70%),linear-gradient(160deg,rgba(12,16,26,.98),rgba(4,6,10,.96));border:4px solid #2a2e33;border-radius:22px;padding:clamp(1.6rem,2.2vw,2rem);margin-bottom:clamp(1.4rem,2vw,1.8rem);box-shadow:inset 0 12px 35px #000000e6,inset 0 -12px 40px #000000b3,0 12px 38px #000000ad;min-height:clamp(260px,36vh,320px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:panelPulse 16s ease-in-out infinite alternate}.premium-display:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 50%,transparent 100%);pointer-events:none;z-index:0}.crt-ambient{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;pointer-events:none;overflow:hidden;z-index:1;border-radius:inherit;clip-path:inset(0 round 22px)}.crt-ambient span{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.crt-gradient{background:radial-gradient(circle at 50% -10%,rgba(255,207,120,.16),transparent 55%),radial-gradient(circle at 50% 110%,rgba(120,180,255,.05),transparent 65%);mix-blend-mode:screen;opacity:.6;animation:auroraShift 28s ease-in-out infinite alternate}.crt-grid{background:linear-gradient(transparent 0 96%,rgba(255,220,140,.12) 100%),linear-gradient(90deg,transparent 0 96%,rgba(255,220,140,.12) 100%);background-size:100% 24px,24px 100%;transform:perspective(420px) rotateX(68deg);transform-origin:top;opacity:.18;filter:drop-shadow(0 40px 40px rgba(255,194,120,.12));animation:gridDrift 24s linear infinite}.crt-scanlines{background:repeating-linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.45;animation:scanlineSweep 4.6s linear infinite}.crt-noise{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><filter id="n" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="1.2" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23n)" opacity="0.38"/></svg>');background-size:220px 220px;mix-blend-mode:soft-light;opacity:.14;animation:noiseDrift 2.6s linear infinite}.crt-vignette{background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(0,0,0,.68) 100%);animation:vignettePulse 12s ease-in-out infinite alternate}.premium-display[data-mode=active]{background:radial-gradient(circle at 50% 115%,rgba(255,214,170,.06),transparent 75%),linear-gradient(155deg,rgba(46,56,78,.6),rgba(18,24,36,.64));box-shadow:inset 0 3px 14px #00000073,inset 0 -5px 18px #0006,0 12px 32px #00000073}.premium-display[data-mode=active]:before{opacity:.05}.premium-display[data-mode=active] .crt-ambient{display:none}.premium-display[data-mode=active] .video-container{background:transparent;box-shadow:0 14px 30px #00000061}.premium-display[data-mode=active] .video-container iframe{filter:brightness(1.08) contrast(1.05) saturate(1.04);box-shadow:0 12px 28px #00000070}.premium-display[data-mode=active] .video-container .video-overlay{background:none;color:#ffe8caf5;text-shadow:0 0 14px rgba(0,0,0,.55)}.hifi-receiver{width:100%;max-width:var(--panel-max-width);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.receiver-frame{background:linear-gradient(145deg,#654321 0%,#8B4513 25%,#A0522D 50%,#CD853F 75%,#DAA520 100%);border-radius:20px;padding:2.5rem;border:6px solid #2C1810;box-shadow:0 20px 60px #000c,inset 0 4px 20px #ffffff1a,inset 0 -4px 20px #0000004d;position:relative;overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}.receiver-frame:before{content:attr(data-title);position:absolute;top:15px;left:50%;transform:translate(-50%);font-family:Orbitron,monospace;font-weight:900;font-size:14px;color:#daa520;letter-spacing:3px;text-shadow:0 0 10px rgba(218,165,32,.6),2px 2px 4px rgba(0,0,0,.8);line-height:1.2;z-index:2;pointer-events:none}.receiver-display{background:transparent;border:none;border-radius:0;padding:0;margin:0 0 clamp(1rem,1.6vw,1.4rem);box-shadow:none;position:relative;overflow:hidden;flex:1 1 auto;min-height:0}.display-content{color:#daa520;font-family:Courier Prime,monospace;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;position:relative;align-items:center;gap:clamp(.8rem,1.6vw,1.2rem);z-index:2}.video-container{position:relative;width:100%;max-width:100%;border-radius:16px;overflow:hidden;margin:0 auto;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.6),#000 68%);box-shadow:0 16px 30px #0000008c;flex:0 0 auto;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;min-height:240px}.video-container iframe{width:100%;height:100%;border:none;border-radius:12px;background:#000;object-fit:cover}.video-container .video-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;padding:1.2rem;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.75) 100%);border-radius:0 0 8px 8px}.video-container .song-title{font-family:Orbitron,monospace;font-weight:700;font-size:clamp(.9rem,1.6vw,1.3rem);letter-spacing:.28rem;color:#ffe8c6;text-transform:uppercase;text-shadow:0 0 12px rgba(0,0,0,.65),0 0 18px rgba(255,214,170,.38)}.standby-display{text-align:center;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.standby-card{width:100%;max-width:520px;border-radius:28px;padding:1.2rem 1.2rem 1.4rem;background:radial-gradient(circle at 50% 50%,rgba(30,20,12,.35),rgba(6,4,2,.65));border:1px solid rgba(255,214,170,.18);box-shadow:inset 0 0 28px #ffd6aa14,0 10px 24px #0000008c;overflow:hidden;clip-path:inset(0 round 28px);position:relative;z-index:3;-webkit-mask-image:radial-gradient(#000 99%,transparent 100%);mask-image:radial-gradient(#000 99%,transparent 100%)}.standby-card:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:inherit;box-shadow:0 0 60px #ffd6aa2e;opacity:.4;pointer-events:none}.standby-display:after{content:none}.standby-content{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:420px}.standby-headline{display:flex;align-items:center;gap:.8rem;text-transform:uppercase;letter-spacing:.36rem;font-family:Orbitron,monospace;font-size:.82rem;color:#ffe4b5;text-shadow:0 0 12px rgba(255,214,170,.55);position:relative}.headline-pill{width:48px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,214,170,.9),transparent);filter:drop-shadow(0 0 8px rgba(255,214,170,.6))}.standby-visualizer{width:100%;border-radius:24px;padding:1.2rem 1.4rem;background:radial-gradient(circle at 50% 50%,rgba(15,24,38,.72),rgba(4,10,18,.95));box-shadow:inset 0 0 40px #ffc68014,0 12px 28px #0009;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(#000 99%,transparent 100%);mask-image:radial-gradient(#000 99%,transparent 100%)}.standby-visualizer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;border:1px solid rgba(255,214,170,.22);mix-blend-mode:screen;pointer-events:none;opacity:.6}.standby-visualizer[data-mode=gift]{box-shadow:inset 0 0 46px #ffd6aa38,0 16px 32px #ffd6aa42}.spectrum-bars{position:relative;display:grid;grid-template-columns:repeat(var(--bars, 16),1fr);gap:6px;height:120px}.spectrum-bar{--bars: 16;display:block;border-radius:6px;background:linear-gradient(180deg,rgba(255,234,182,.88),rgba(255,161,70,.12));transform-origin:bottom center;animation:eqPulse 2.8s ease-in-out infinite;animation-delay:calc(var(--bar-index) * -.18s);box-shadow:0 0 12px #ffd6aa66,0 6px 18px #0006}.standby-visualizer[data-mode=scan] .spectrum-bar{animation-duration:2.1s}.standby-visualizer[data-mode=gift] .spectrum-bar{background:linear-gradient(180deg,rgba(255,240,210,.92),rgba(255,166,140,.18));box-shadow:0 0 16px #ffd6aa85,0 8px 18px #ffa0782e}.oscilloscope-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}.fm-visual{position:relative;height:140px;border-radius:28px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 28px)}.fm-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgba(0,0,0,.35) 0 33%,transparent 33% 66%,rgba(0,0,0,.35) 66% 100%),radial-gradient(circle at 50% 50%,rgba(255,214,170,.08),transparent 70%);filter:saturate(.9) brightness(.9)}.fm-bars{position:absolute;top:18%;right:6%;bottom:16%;left:6%;display:grid;grid-template-columns:repeat(var(--bars, 16),1fr);gap:10px}.fm-bar{--bars: 16;height:100%;border-radius:8px;background:linear-gradient(180deg,rgba(255,234,182,.9),rgba(255,161,70,.14));transform-origin:bottom center;transform:scaleY(var(--s, .2));animation:barBreathe 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.12s);box-shadow:0 8px 20px #00000059,0 0 14px #ffd6aa59;will-change:transform}.standby-visualizer[data-mode=gift] .fm-bar{background:linear-gradient(180deg,rgba(255,240,210,.92),rgba(255,166,140,.22))}@keyframes barBreathe{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.fm-wave{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen}.fm-wave .wave-base{fill:none;stroke:#ffe396e6;stroke-width:2.4;opacity:.9;stroke-linecap:round;stroke-dasharray:25 75;stroke-dashoffset:0;animation:waveDash 4.6s linear infinite;will-change:stroke-dashoffset}.fm-wave .wave-glow{fill:none;stroke:#fff0c8cc;stroke-width:5;opacity:.35;stroke-linecap:round;stroke-dasharray:18 82;stroke-dashoffset:0;filter:drop-shadow(0 0 10px rgba(255,220,160,.7));animation:waveDash 6.2s linear infinite;will-change:stroke-dashoffset}@keyframes waveDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.standby-message{font-family:Courier Prime,monospace;font-size:.92rem;letter-spacing:.28rem;color:#ffe4c2;text-transform:uppercase;display:flex;align-items:center;justify-content:center;min-height:1.8rem;text-shadow:0 0 12px rgba(255,214,170,.5);will-change:transform,opacity}.standby-message.typing .message-cursor{opacity:1}.message-line{position:relative;display:inline-flex;align-items:center;gap:.5rem}.message-cursor{opacity:0;animation:cursorBlink 1s steps(2,jump-none) infinite}.ellipsis{display:inline-flex;width:2.2ch;justify-content:flex-start;align-items:baseline;gap:.2ch;margin-left:.2ch}.ellipsis .dot{display:inline-block;opacity:.25;transform:translateY(0);animation:dotRise 1.2s ease-in-out infinite}.ellipsis .dot:nth-child(2){animation-delay:.2s}.ellipsis .dot:nth-child(3){animation-delay:.4s}@keyframes dotRise{0%,20%{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-.2em)}60%{opacity:.6;transform:translateY(0)}to{opacity:.2;transform:translateY(0)}}.standby-subtext{font-family:Orbitron,monospace;font-size:.72rem;letter-spacing:.24rem;color:#ffd6aaad;text-transform:uppercase;margin:0;text-shadow:0 0 12px rgba(255,214,170,.3)}.status-separator{margin:1rem 0;font-family:Orbitron,monospace;color:#ffd6aa59;font-size:.72rem;letter-spacing:.4rem;text-align:center}.now-playing-title{font-family:Orbitron,monospace;font-weight:700;font-size:1rem;color:#ffe0a3;text-align:center;margin:.5rem 0;text-shadow:0 0 12px rgba(255,214,170,.5);letter-spacing:.34rem}.song-display{height:100%}.terminal-info{height:100%;display:flex;flex-direction:column;gap:1.5rem}.status-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:.5rem 0;border-bottom:1px solid #444}.status-indicator{width:8px;height:8px;background:#666;border-radius:50%;margin-right:.5rem}.status-indicator.active{background:#DAA520;box-shadow:0 0 10px #daa520cc;animation:pulse-status 2s ease-in-out infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.frequency-display{font-family:Orbitron,monospace;font-weight:700;color:#daa520;text-shadow:0 0 5px rgba(218,165,32,.5)}.song-terminal{flex:1;display:flex;align-items:center;justify-content:center;min-height:80px}.terminal-output{font-family:Orbitron,monospace;font-weight:700;font-size:clamp(14px,1.8vw,18px);color:#daa520;text-shadow:0 0 10px rgba(218,165,32,.8),0 0 20px rgba(218,165,32,.4);text-align:center;letter-spacing:2px}.cursor{animation:blink-terminal 1s step-start infinite;color:#daa520}@keyframes blink-terminal{0%,50%{opacity:1}51%,to{opacity:0}}.vu-meters{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.vu-meter{display:flex;flex-direction:column;align-items:center;gap:.5rem}.vu-label{font-family:Orbitron,monospace;font-weight:700;color:#daa520;font-size:14px}.vu-bars{display:flex;align-items:flex-end;gap:2px;height:40px}.vu-bar{width:4px;height:4px;background:#333;border-radius:1px;transition:all .1s ease}.vu-bar.active.green{background:#00FF00;box-shadow:0 0 4px #00ff0080;height:calc(var(--bar-index, 1) * 3px + 4px)}.vu-bar.active.yellow{background:#FFFF00;box-shadow:0 0 4px #ffff0080;height:calc(var(--bar-index, 1) * 3px + 4px)}.vu-bar.active.red{background:#FF0000;box-shadow:0 0 4px #ff000080;height:calc(var(--bar-index, 1) * 3px + 4px)}.hifi-player{margin:1rem 0}.hifi-player audio{width:100%;height:40px;outline:none}.hifi-player audio::-webkit-media-controls-panel{background:linear-gradient(145deg,#2C2C2C,#1a1a1a);border-radius:8px}.power-btn{background:linear-gradient(145deg,#8B2635,#654321);border:3px solid #DAA520;border-radius:8px;padding:.8rem 1.5rem;font-family:Orbitron,monospace;font-weight:700;color:#daa520;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px rgba(218,165,32,.5);letter-spacing:1px;align-self:center}.power-btn:hover{background:linear-gradient(145deg,#A0522D,#8B4513);box-shadow:0 0 15px #daa52066;transform:translateY(-2px)}.receiver-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(145deg,#2C1810,#1a0f08);border-radius:15px;border:3px solid #444}.control-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.control-section.center{flex:1;margin:0 2rem}.volume-knob,.bass-knob,.treble-knob,.balance-knob{position:relative;width:50px;height:50px;background:radial-gradient(circle at 30% 30%,#C0C0C0 0%,#A8A8A8 40%,#808080 70%,#606060 100%);border-radius:50%;border:3px solid #333;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0009,inset 0 2px 5px #fff3}.volume-knob:hover,.bass-knob:hover,.treble-knob:hover,.balance-knob:hover{transform:rotate(15deg);box-shadow:0 6px 12px #000000b3,inset 0 2px 8px #ffffff4d}.knob-indicator{position:absolute;top:5px;left:50%;transform:translate(-50%);width:3px;height:15px;background:#DAA520;border-radius:2px;box-shadow:0 0 5px #daa52080}.knob-label{font-family:Orbitron,monospace;font-weight:700;font-size:10px;color:#daa520;text-shadow:0 0 3px rgba(218,165,32,.5);margin-top:.5rem;letter-spacing:1px}.knob-label-panel{font-family:Orbitron,monospace;font-weight:700;font-size:11px;color:#daa520;text-shadow:0 0 4px rgba(218,165,32,.6);letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 5px rgba(218,165,32,.6)}.premium-knob{position:relative;width:60px;height:60px;background:radial-gradient(circle at 25% 25%,#F0F0F0 0%,#D0D0D0 20%,#B0B0B0 40%,#808080 60%,#606060 80%,#404040 100%);border-radius:50%;border:4px solid #2A2A2A;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 8px 16px #000000b3,inset 0 3px 8px #ffffff4d,inset 0 -3px 8px #0006;margin-bottom:1rem}.premium-knob:hover{transform:rotate(25deg) scale(1.05);box-shadow:0 12px 24px #000c,inset 0 4px 12px #fff6,inset 0 -4px 12px #00000080}.knob-texture{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.1) 2deg,transparent 4deg,rgba(0,0,0,.1) 6deg,transparent 8deg)}.knob-indicator-line{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:20px;background:linear-gradient(to bottom,#DAA520 0%,#B8860B 50%,#8B7355 100%);border-radius:2px;box-shadow:0 0 6px #daa520b3,inset 0 1px 2px #ffffff4d,0 2px 4px #0009;border:1px solid #666}.tuner-display-premium{position:relative;width:100%;height:60px;margin:1rem 0}.tuner-glass{background:linear-gradient(145deg,#0A0A0A,#1A1A1A);border:3px solid #333;border-radius:12px;padding:1rem;position:relative;overflow:hidden;box-shadow:inset 0 6px 20px #000000e6,inset 0 0 30px #daa5201a,0 0 10px #00000080}.tuner-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}.frequency-scale-premium{position:relative;width:100%;height:100%;display:flex;align-items:center}.scale-markings{display:flex;justify-content:space-between;width:100%;font-family:Orbitron,monospace;font-size:10px;color:#daa520;font-weight:700;text-shadow:0 0 4px rgba(218,165,32,.6);position:relative;z-index:2}.tuning-needle-premium{position:absolute;left:60%;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:20px solid #DAA520;filter:drop-shadow(0 0 8px rgba(218,165,32,.8));z-index:3;animation:needle-pulse 2s ease-in-out infinite alternate}.scale-glow{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(218,165,32,.3) 20%,rgba(218,165,32,.8) 50%,rgba(218,165,32,.3) 80%,transparent 100%);box-shadow:0 0 15px #daa52080;border-radius:2px}@keyframes needle-pulse{0%{filter:drop-shadow(0 0 8px rgba(218,165,32,.8))}to{filter:drop-shadow(0 0 15px rgba(218,165,32,1));transform:translateY(-50%) scale(1.05)}}.frequency-scale{width:100%;height:40px;background:linear-gradient(145deg,#1a1a1a,#000);border:2px solid #333;border-radius:10px;position:relative;padding:.5rem}.scale-numbers{display:flex;justify-content:space-between;font-family:Orbitron,monospace;font-size:10px;color:#daa520;margin-bottom:.5rem;font-weight:700}.tuning-needle{position:absolute;bottom:5px;left:60%;width:2px;height:15px;background:#FF6B35;box-shadow:0 0 8px #ff6b35cc;animation:needle-glow 2s ease-in-out infinite alternate}@keyframes needle-glow{0%{opacity:.7}to{opacity:1}}@keyframes panelPulse{0%{box-shadow:inset 0 10px 32px #000000e6,inset 0 -10px 32px #000000bf,0 10px 32px #0009}to{box-shadow:inset 0 16px 40px #000000eb,inset 0 -12px 46px #000000d1,0 18px 46px #000000ad}}@keyframes auroraShift{0%{transform:translateY(0);opacity:.45}to{transform:translateY(-6%);opacity:.65}}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:0 48px,48px 0}}@keyframes scanlineSweep{0%{transform:translateY(-12%)}to{transform:translateY(12%)}}@keyframes noiseDrift{0%{background-position:0 0}to{background-position:-220px 120px}}@keyframes vignettePulse{0%{opacity:.48}to{opacity:.62}}@keyframes eqPulse{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes adminPulse{0%,to{box-shadow:inset 0 8px 12px #ffffff1f,inset 0 -10px 16px #000000b3,0 16px 32px #f443}50%{box-shadow:inset 0 10px 16px #ffffff29,inset 0 -12px 18px #000000b3,0 20px 38px #f446}}.receiver-buttons{display:flex;justify-content:center;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:clamp(1.4rem,2.2vw,1.8rem);padding-top:0}.receiver-btn{position:relative;border:none;border-radius:16px;padding:.75rem 1.8rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:Orbitron,monospace;font-weight:700;font-size:.82rem;letter-spacing:.22rem;color:#ffebc8b8;text-transform:uppercase;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,color .16s ease;background:linear-gradient(180deg,rgba(60,66,78,.95),rgba(24,28,36,.96));box-shadow:inset 0 6px 10px #ffffff14,inset 0 -8px 12px #000000a6,0 10px 22px #000000a6;overflow:hidden}.receiver-btn:hover,.receiver-btn:focus,.receiver-btn:active,.receiver-btn:visited{text-decoration:none}.receiver-btn .btn-backlight{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:12px;background:radial-gradient(circle,rgba(255,214,170,.18),transparent 70%);opacity:0;transition:opacity .2s ease}.receiver-btn .btn-label{position:relative;z-index:1;text-shadow:0 2px 6px rgba(0,0,0,.6)}.receiver-btn:hover{transform:translateY(-3px);box-shadow:inset 0 6px 10px #ffffff1f,inset 0 -12px 18px #0009,0 16px 28px #000000a6;color:#ffebc8e0}.receiver-btn:hover .btn-backlight{opacity:.5}.receiver-btn:active{transform:translateY(3px);box-shadow:inset 0 3px 6px #ffffff0f,inset 0 -6px 10px #000000a6,0 6px 14px #0000008c}.receiver-btn[data-active=true]{color:#fff3d0;box-shadow:inset 0 10px 14px #ffffff29,inset 0 -12px 16px #000000a6,0 14px 30px #ffc47866}.receiver-btn[data-active=true] .btn-backlight{opacity:.85;background:radial-gradient(circle,rgba(255,214,170,.65),rgba(255,194,120,.28) 60%,transparent 85%);filter:drop-shadow(0 0 14px rgba(255,212,150,.5))}.receiver-btn[data-mode=am][data-active=true]{box-shadow:inset 0 10px 14px #ffffff24,inset 0 -12px 16px #000000a6,0 14px 30px #ff8c7859}.receiver-btn[data-mode=aux][data-active=true]{box-shadow:inset 0 10px 14px #ffffff24,inset 0 -12px 16px #000000a6,0 14px 30px #a0d6ff59}.receiver-btn[data-active=true] .btn-label{text-shadow:0 0 14px rgba(255,214,170,.6),0 4px 12px rgba(0,0,0,.55)}.receiver-btn.admin-btn{border:2px solid rgba(255,86,86,.7);color:#ffd2d2d9;box-shadow:inset 0 8px 12px #ffffff1f,inset 0 -10px 16px #000000b3,0 18px 34px #ff444447;animation:adminPulse 2.8s ease-in-out infinite}.receiver-btn.admin-btn .btn-backlight{background:radial-gradient(circle,rgba(255,102,102,.35),transparent 80%)}.receiver-btn.admin-btn:hover{color:#fff8f8}.receiver-btn.admin-btn:hover .btn-backlight{opacity:.72}.gift-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(255,214,170,.2),transparent 45%),rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:100vh;height:100svh;z-index:9999}.gift-modal-panel{width:min(520px,100%);background:linear-gradient(145deg,rgba(10,6,4,.95),rgba(26,16,10,.9));border:1px solid rgba(218,165,32,.35);border-radius:18px;padding:1.5rem 1.6rem;box-shadow:0 28px 48px #000000a6,inset 0 0 24px #daa52014;position:relative;max-height:calc(100svh - 2.5rem);max-height:calc(100vh - 2.5rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.gift-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.gift-modal-header h3{font-family:Orbitron,monospace;font-weight:900;color:#daa520;margin:0;letter-spacing:.25rem;text-shadow:0 0 14px rgba(218,165,32,.6)}.gift-modal-close{background:transparent;border:none;color:#daa520cc;font-size:1.8rem;cursor:pointer;line-height:1;transition:color .2s ease}.gift-modal-close:hover{color:#ffe2b8}.gift-modal-lede{text-align:center;margin:0 0 1.5rem;color:#b8860b;font-size:.9rem;letter-spacing:.18rem;text-transform:uppercase}.gift-modal-lede .gift-name{color:#32cd32;text-shadow:0 0 10px rgba(50,205,50,.6),0 0 18px rgba(50,205,50,.35)}.gift-fields{display:flex;flex-direction:column;gap:1rem}.gift-fields label{display:flex;flex-direction:column;gap:.4rem;font-family:Orbitron,monospace;color:#daa520;font-size:12px;letter-spacing:1px}.gift-fields input,.gift-fields textarea{width:100%;background:linear-gradient(145deg,#000,#1a1a1a);border:1px solid rgba(218,165,32,.25);border-radius:8px;padding:.75rem .9rem;color:#ffd47f;font-family:Courier Prime,monospace;font-size:14px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}.gift-fields input:focus,.gift-fields textarea:focus{border-color:#daa520;box-shadow:0 0 14px #daa52040}.gift-fields .field-row{display:flex;gap:1rem}.gift-fields .field-row label{flex:1}.gift-feedback{text-align:center;font-family:Courier Prime,monospace;padding:1rem;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.gift-feedback.success{background:rgba(109,240,162,.12);color:#6df0a2}.gift-feedback.error{background:rgba(255,107,107,.1);color:#ff9b9b}.terminal-btn{width:100%;background:linear-gradient(145deg,#8B4513,#654321);border:3px solid #DAA520;border-radius:8px;padding:1rem;font-family:Orbitron,monospace;font-weight:700;color:#daa520;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px rgba(218,165,32,.5);margin-top:1rem;letter-spacing:1px}.terminal-btn:hover{background:linear-gradient(145deg,#A0522D,#8B4513);box-shadow:0 0 20px #daa52066;transform:translateY(-2px)}.terminal-btn:disabled,.secondary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-btn{background:transparent;border:1px solid rgba(218,165,32,.4);color:#daa520;font-family:Orbitron,monospace;font-weight:600;border-radius:8px;padding:.8rem 1.2rem;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.secondary-btn:hover{background:rgba(218,165,32,.1);box-shadow:0 0 12px #daa52040}.success-message{text-align:center}.success-message h3{font-family:Orbitron,monospace;font-weight:900;color:#32cd32;text-shadow:0 0 15px rgba(50,205,50,.8);margin-bottom:1rem}.success-message p{color:#98fb98;font-size:16px}@media (max-width: 768px){.receiver-frame:before{top:clamp(14px,2.6vw,26px);font-size:clamp(11px,2.9vw,13px);letter-spacing:clamp(1.4px,.55vw,2px)}.hifi-receiver{height:auto}.receiver-frame{padding:1.5rem;margin:1rem;flex:none}.premium-display{min-height:260px}.gift-fields .field-row{flex-direction:column;gap:.8rem}.gift-modal-overlay{padding:1rem}.gift-modal-panel{width:100%;max-height:calc(100svh - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.1rem 1.2rem}.receiver-btn.admin-btn{display:none!important}.receiver-controls{flex-direction:column;gap:1rem}.control-section{flex-direction:row}.control-section.center{margin:0;width:100%}.vu-meters{gap:1rem}.terminal-output{font-size:14px}}@media (max-width: 480px){.premium-display{min-height:220px}.receiver-frame:before{top:clamp(10px,4vw,18px);font-size:10.5px;letter-spacing:1px}.standby-content h3{font-size:18px}.receiver-btn{padding:.4rem .6rem;font-size:10px}}.control-buttons,.form-buttons{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:1rem}.receiver-btn.youtube-btn{padding:.82rem 2.4rem;letter-spacing:.12rem;background:linear-gradient(170deg,rgba(255,84,96,.98),rgba(176,20,44,.94));color:#fff6ed;text-transform:uppercase;box-shadow:inset 0 10px 14px #ffffff29,inset 0 -14px 20px #50000e99,0 20px 38px #ff3c5a73;border:2px solid rgba(255,224,224,.28)}.receiver-btn.youtube-btn .btn-backlight{background:radial-gradient(circle,rgba(255,204,214,.55),transparent 80%);opacity:.65;filter:drop-shadow(0 0 18px rgba(255,112,134,.75))}.receiver-btn.youtube-btn:hover{color:#fffdf9;box-shadow:inset 0 8px 12px #ffffff38,inset 0 -12px 18px #560212a8,0 26px 42px #ff4a6e8c}.receiver-btn.youtube-btn:hover .btn-backlight{opacity:.85}.receiver-btn.youtube-btn:active{transform:translateY(2px);box-shadow:inset 0 4px 8px #ffffff29,inset 0 -8px 12px #560212b8,0 12px 20px #ff4a6e66}.now-playing-below{width:100%;display:flex;align-items:center;justify-content:center;margin:clamp(.6rem,1.2vw,.9rem) 0 clamp(.6rem,1.6vw,1rem)}.now-playing-text{display:inline-block;max-width:92%;text-align:center;font-family:Orbitron,monospace;font-weight:800;text-transform:uppercase;letter-spacing:.22rem;font-size:clamp(.95rem,1.8vw,1.25rem);color:#fff6f6;padding:.35rem .8rem;border-radius:10px;text-shadow:-1px -1px 0 #b30000,1px -1px 0 #b30000,-1px 1px 0 #b30000,1px 1px 0 #b30000,0 0 12px rgba(255,90,90,.5)}.spinning-wheel-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wheel-frame{position:relative;width:min(100%,var(--panel-max-width));height:100%;background:linear-gradient(135deg,#8b4513 0%,#d2691e 100%);border:6px solid #654321;border-radius:20px;padding:clamp(2.4rem,3.5vw,3rem) clamp(2.2rem,3vw,2.8rem) clamp(2.4rem,3.5vw,3rem);box-shadow:0 8px 32px #0000004d,inset 0 4px 8px #ffe6b433;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.6rem,1.2vw,1rem);overflow:hidden}.wheel-screws{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wheel-screw{position:absolute;width:14px;height:14px;background:radial-gradient(circle,#f9d79c 0%,#d7a55c 45%,#8c5b1c 100%);border-radius:50%;border:1px solid rgba(50,22,8,.6);box-shadow:inset 0 2px 4px #ffe6b499,inset 0 -2px 4px #46230a8c,0 2px 6px #00000073}.wheel-screw:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:2px;border-radius:2px;background:rgba(60,30,8,.8);box-shadow:0 2px #3c1e08cc}.wheel-screw.top-left{top:18px;left:18px}.wheel-screw.top-right{top:18px;right:18px}.wheel-screw.bottom-left{bottom:18px;left:18px}.wheel-screw.bottom-right{bottom:18px;right:18px}.wheel-head{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;padding-top:clamp(.4rem,1vw,.8rem);margin-bottom:clamp(.2rem,.8vw,.6rem)}.wheel-pointer{--pointer-width: clamp(32px, 4.5vw, 44px);--pointer-height: clamp(54px, 7.5vw, 72px);--pointer-outline: 5px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55));pointer-events:none}.pointer-arrow{position:relative;width:var(--pointer-width);height:var(--pointer-height);display:flex;align-items:flex-start;justify-content:center}.pointer-arrow:before,.pointer-arrow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 100%,0 0,100% 0)}.pointer-arrow:before{background:linear-gradient(180deg,#9b1c1c 0%,#d62828 40%,#8b0000 100%)}.pointer-arrow:after{inset:calc(var(--pointer-outline) - 1px);background:linear-gradient(180deg,#fff36b 0%,#ffd000 45%,#ffb400 100%);box-shadow:0 6px 16px #ffcc008c,inset 0 -6px 10px #cc3c0073}.wheel-pointer.swinging .pointer-arrow{animation:pointerSwing .55s ease-in-out infinite;transform-origin:50% calc(var(--pointer-outline) * 1.5)}.wheel-stage{position:relative;width:min(100%,430px);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding-top:clamp(6px,1vw,10px)}.wheel-canvas{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));background:transparent;border:2px solid #654321}.wheel-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:60%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,rgba(255,248,220,.4),rgba(255,214,170,.1) 55%,transparent 70%),rgba(23,12,4,.95);box-shadow:0 12px 32px #0000008c,inset 0 6px 14px #ffe6b466,inset 0 -8px 18px #0009}.wheel-center:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(255,230,180,.85);box-shadow:0 0 20px #ffe6b473,inset 0 0 12px #000000a6;pointer-events:none}.wheel-center img{width:92%;height:92%;object-fit:cover;border-radius:50%;filter:saturate(1.1) contrast(1.05);box-shadow:0 6px 18px #00000073}.spin-button{padding:16px 42px;border:none;border-radius:25px;background:linear-gradient(135deg,#ffe8a3 0%,#f5b36b 100%);color:#2b1707;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 16px #0000004d;transition:all .2s ease;text-shadow:0 1px 2px rgba(255,255,255,.5);min-width:220px;margin-top:clamp(.2rem,.8vw,.6rem);align-self:center}@media (max-width: 768px){.wheel-frame{min-height:auto;padding:2.6rem 1.6rem 1.6rem;gap:1.4rem}.wheel-head{padding-top:2.4rem;margin-bottom:1rem}.wheel-stage{max-width:min(300px,100%)}.spin-button{font-size:13px;padding:12px 28px;letter-spacing:.18em;min-width:160px}}@keyframes pointerSwing{0%,to{transform:rotate(0)}25%{transform:rotate(7deg)}75%{transform:rotate(-7deg)}}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #0006}.spin-button:disabled,.spin-button.spinning{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#999 100%);color:#ccc}.victory-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.victory-content{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(255,230,180,.95) 0%,rgba(245,179,107,.95) 100%);border-radius:16px;border:2px solid #ffe6b4;box-shadow:0 12px 24px #00000080;max-width:350px;animation:victoryPop .5s ease-out}.play-video-button{margin-top:1rem;padding:10px 20px;background:linear-gradient(135deg,#e63946 0%,#ff6b6b 100%);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em}.play-video-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6394666}.video-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000}.video-container{position:relative;background:#2a3441;border-radius:12px;padding:20px;box-shadow:0 20px 40px #0009;max-width:90vw;max-height:90vh}.close-video{position:absolute;top:10px;right:15px;background:#e63946;border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.close-video:hover{background:#c5303e}.video-container iframe{border-radius:8px;max-width:100%;max-height:70vh}.victory-emoji{font-size:48px;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}.victory-text{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#2b1707;text-transform:uppercase;letter-spacing:.1em;word-wrap:break-word;line-height:1.2}@keyframes victoryPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-bubbles-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bubble{position:absolute;bottom:-40px;width:32px;height:32px;animation:bubbleRise 11s linear forwards;opacity:.8}.bubble-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;box-shadow:0 0 15px #fff6}.bubble:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 70%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}@keyframes bubbleRise{0%{transform:translateY(0) translate(0) scale(.6);opacity:.2}20%{opacity:.75}40%{transform:translateY(-45%) translate(-6px) scale(.9)}65%{transform:translateY(-85%) translate(10px) scale(1.2);opacity:.9}85%{transform:translateY(-110%) translate(-4px) scale(1.35)}to{transform:translateY(-125%) translate(0) scale(1.6);opacity:0}}@keyframes explodeParticles1{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}40%{transform:translate(-30px,-25px) scale(.8);opacity:.7}70%{transform:translate(-50px,-45px) scale(.5);opacity:.4}to{transform:translate(-70px,-70px) scale(0);opacity:0}}@keyframes explodeParticles2{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}40%{transform:translate(30px,-35px) scale(.8);opacity:.7}70%{transform:translate(55px,-60px) scale(.5);opacity:.4}to{transform:translate(80px,-90px) scale(0);opacity:0}}@keyframes explodeParticles3{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}40%{transform:translate(-10px,-45px) scale(.8);opacity:.7}70%{transform:translate(-5px,-75px) scale(.5);opacity:.4}to{transform:translateY(-110px) scale(0);opacity:0}}.bubble:nth-child(2n){animation-duration:10s}.bubble:nth-child(3n){animation-duration:14s}.bubble:nth-child(4n){filter:hue-rotate(60deg)}.bubble:nth-child(5n){filter:hue-rotate(120deg)}.bubble:nth-child(3n+1):after{animation:explodeParticles1 2s ease-out;animation-delay:10s}.bubble:nth-child(3n+2):after{animation:explodeParticles2 2s ease-out;animation-delay:10s}.bubble:nth-child(3n+3):after{animation:explodeParticles3 2s ease-out;animation-delay:10s}.bubble:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.2;transform:rotate(0)}50%{opacity:.6;transform:rotate(180deg)}}:root{font-family:Orbitron,sans-serif;line-height:1.5;font-weight:400;color:#f7dcc0;background-color:#050913;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-max-width: clamp(340px, 32vw, 560px);--master-height: clamp(560px, 60vh, 640px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(120% 110% at 50% 0%,rgba(64,90,140,.18),transparent 55%),linear-gradient(160deg,#101a2c 0%,#050b14 60%,#03060d 100%);color:#f7dcc0}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate;align-items:stretch}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,rgba(24,36,56,.22) 0%,rgba(5,9,20,.72) 48%,rgba(5,9,19,.9) 100%);pointer-events:none;z-index:-1}.app-header{position:relative;overflow:hidden;padding:clamp(.8rem,1.5vw,1.4rem) clamp(1rem,2.2vw,1.8rem);text-align:center;background:linear-gradient(135deg,rgba(25,38,60,.92),rgba(8,14,26,.96));border-bottom:2px solid rgba(140,190,255,.25);box-shadow:0 12px 26px #0006,inset 0 0 10px #78aaff14;margin-bottom:0;width:100%}.header-title h1{margin:0;font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:.3rem;text-transform:uppercase;color:#ffe6b4;text-shadow:0 0 16px rgba(255,214,143,.55),2px 2px 8px rgba(0,0,0,.6)}.header-title{position:relative;z-index:1}.header-subtitle{margin-top:.35rem;font-size:clamp(.9rem,1.8vw,1.1rem);letter-spacing:.18rem;color:#ffe6b4e0;text-transform:uppercase;text-shadow:0 0 10px rgba(255,214,170,.35),0 2px 8px rgba(0,0,0,.5)}.header-subtitle .separator{margin:0 .4rem}.scene-layout{flex:1 0 auto;display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,2.5vw,2.4rem);padding:clamp(1rem,1.8vw,1.4rem) clamp(1.6rem,3vw,3.2rem);align-content:center;justify-content:center;justify-items:center}.scene-layout>*{width:100%;max-width:var(--panel-max-width);display:flex;justify-content:center;filter:drop-shadow(0 28px 48px rgba(0,0,0,.45));height:var(--master-height)}.scene-layout>*{align-items:center}.app-footer{text-align:center;padding:1.5rem 1rem;background:linear-gradient(145deg,rgba(26,14,8,.92),rgba(10,4,2,.95));border-top:3px solid rgba(255,214,143,.25);color:#ffd68fbf;letter-spacing:.2rem;font-size:.9rem;text-transform:uppercase;margin-top:0;width:100%}@media (min-width: 768px){.scene-layout{padding:clamp(.4rem,.8vw,.8rem) clamp(1.8rem,3.8vw,2.8rem) clamp(1.6rem,3vw,2.4rem);gap:clamp(1.4rem,2.2vw,2rem)}}@media (min-width: 1024px){.scene-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,2.2vw,2rem);padding:clamp(1rem,1.8vw,1.4rem) clamp(1.8rem,3vw,2.4rem);align-content:center;justify-content:center}}@media (max-width: 640px){.header-title h1{letter-spacing:.35rem}.scene-layout{gap:1.2rem;padding:clamp(1.2rem,4vw,1.8rem);align-content:start}.app-header{margin-bottom:clamp(1.2rem,2vw,1.8rem)}.scene-layout>*{height:auto}}@media (max-width: 768px){.scene-layout>*{height:auto}}:root{font-family:Orbitron,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh}#root{width:100%;min-height:100vh}