.screen{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;overflow:hidden;background:#0a0a0a;clip-path:url(#crt-clip)}.screen:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;box-shadow:inset 0 0 36px -4px #000000f2,inset 0 0 95px -19px #000000f2;border-radius:8%;transition:box-shadow .8s ease,opacity .8s ease}.screen.paused:after{box-shadow:inset 0 0 196px -8px #000000f2,inset 0 0 29px 22px #000000f2}.screen{transition:opacity .8s ease}.screen.paused{opacity:.85}.screen-content{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.screen-content.active{opacity:1;pointer-events:auto}.screen-content.video-layer{opacity:.08}.screen-content.video-layer.active{opacity:1}.preamble{padding:12%;font-size:clamp(.85rem,1.8vw,1.2rem);line-height:1.7;color:#d4c5a0;overflow-y:auto;height:100%}.preamble h2{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400;margin-bottom:0;color:#e8dcc8}.preamble .tagline{font-style:italic;font-size:1rem;font-weight:500}.liner-notes{margin-top:2em;padding-top:1.5em;border-top:1px solid rgba(212,197,160,.2)}.liner-notes h3{font-size:clamp(1rem,1.8vw,1.35rem);color:#e8dcc8;margin-bottom:.3em}.liner-notes .composer{font-style:italic;opacity:.7;margin-bottom:1em;font-size:.9em;line-height:1}.liner-notes .arrangement{font-size:.85rem}.video-wrapper{position:absolute;top:-15%;left:-10%;width:120%;height:130%;background:#000}.video-wrapper iframe{width:100%;height:100%;border:none}.video-wrapper--native{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.video-wrapper--native video{width:100%;height:100%;object-fit:cover}.playlist{list-style:none;padding:12%;overflow-y:auto;height:100%}.playlist li{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid rgba(212,197,160,.1);cursor:pointer;transition:color .2s,background .2s;color:#d4c5a0;border-radius:4px}.playlist li:hover{color:#fff;background:#ffffff0d}.playlist li.active{color:#fff;background:#ffffff14}.track-number{font-size:.75em;opacity:.5;font-variant-numeric:tabular-nums}.track-info{display:flex;flex-direction:column;gap:2px}.track-title{font-size:clamp(.9rem,1.5vw,1.1rem)}.track-composer{font-size:.8em;opacity:.6;font-style:italic}.channel-btn{position:absolute;border:none;padding:0;cursor:pointer;background:transparent;overflow:hidden}.channel-btn img{width:100%;height:100%;display:block;object-fit:contain}.channel-btn--text{left:76.89%;top:17.3%;width:6.6%;height:4.69%}.channel-btn--video{left:76.76%;top:22.04%;width:6.51%;height:4.8%}.channel-btn--playlist{left:76.76%;top:26.67%;width:7.14%;height:4.85%}.pb-btn{position:absolute;border:none;padding:0;cursor:pointer;background:transparent;border-radius:50%;overflow:hidden}.pb-btn img{width:100%;height:100%;display:block;object-fit:contain}.pb-btn--prev{left:27.61%;top:60.55%;width:3.24%;height:4.3%}.pb-btn--play{left:31.89%;top:60.66%;width:3.03%;height:4.02%}.pb-btn--next{left:35.5%;top:59.99%;width:3.82%;height:5.58%}.knob-outer{position:absolute;left:79.12%;top:51.62%;width:2.55%;height:3.4%;cursor:grab;border-radius:50%}.knob-outer:active{cursor:grabbing}.knob-inner{width:82%;height:82%;border-radius:50%;background:#907b55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-indicator{position:absolute;top:2px;left:50%;transform:translate(-50%);width:1.5px;height:7px;border-radius:1px;background:#c1c1c1}.crt-glass{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;pointer-events:none;clip-path:url(#crt-clip);box-shadow:inset 0 0 66px -8px #000000f2,inset 0 0 29px 22px #000000f2;background:radial-gradient(ellipse at 25% 25%,rgba(255,255,255,.05) 0%,transparent 45%)}.crt-scanlines{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;pointer-events:none;clip-path:url(#crt-clip);background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.17) 2px,rgba(0,0,0,.17) 4px)}.crt-grain{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;pointer-events:none;clip-path:url(#crt-clip);overflow:hidden}.crt-grain:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:crt-grain .4s steps(4) infinite}@keyframes crt-grain{0%{transform:translate(0)}25%{transform:translate(-5%,-10%)}50%{transform:translate(8%,3%)}75%{transform:translate(-3%,7%)}to{transform:translate(5%,-5%)}}.crt-aberration{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:3;pointer-events:none;clip-path:url(#crt-clip);box-shadow:inset -4.5px 0 18px -2px #ff000042,inset 4.5px 0 18px -2px #00ffff42}.crt-edge-fade{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:2;pointer-events:none;clip-path:url(#crt-clip);background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.7) 85%,rgba(0,0,0,.95) 100%)}.tv-container{position:relative;width:100%;max-width:1000px;margin:0 auto}.tv-frame{width:100%;height:auto;display:block;position:relative;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.controls-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.debug-ring{position:absolute;border:2px solid lime;border-radius:4px;pointer-events:none;z-index:10}.debug-ch1{left:76.89%;top:17.3%;width:6.6%;height:4.69%}.debug-ch2{left:76.76%;top:22.04%;width:6.51%;height:4.8%}.debug-ch3{left:76.76%;top:26.67%;width:7.14%;height:4.85%}.debug-pb1{left:27.61%;top:60.55%;width:3.24%;height:4.3%;border-radius:50%}.debug-pb2{left:31.89%;top:60.66%;width:3.03%;height:4.02%;border-radius:50%}.debug-pb3{left:35.5%;top:59.99%;width:3.82%;height:5.58%;border-radius:50%}.debug-vol{left:79.12%;top:51.62%;width:2.39%;height:3.18%;border-radius:50%}.controls-layer button,.controls-layer .knob-outer{pointer-events:auto}.barrel-page{min-height:100vh;background:#111;color:#d4c5a0;padding:40px 20px 80px;font-family:EB Garamond,Georgia,serif}.barrel-title{text-align:center;font-size:2rem;font-weight:400;color:#e8dcc8;margin-bottom:.2em}.barrel-subtitle{text-align:center;font-size:1rem;opacity:.6;margin-bottom:2em}.barrel-loading{text-align:center;opacity:.5}.barrel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px;max-width:1400px;margin:0 auto}.barrel-card{display:flex;flex-direction:column;align-items:center;gap:12px}.barrel-screen{position:relative;width:100%;max-width:640px;aspect-ratio:640 / 400;background:#0a0a0a;clip-path:url(#barrel-crt-clip);overflow:hidden}.barrel-screen canvas{width:100%;height:100%;display:block}.barrel-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 36px -4px #000000f2,inset 0 0 95px -19px #000000f2;border-radius:8%}.barrel-label{display:flex;flex-direction:column;align-items:center;gap:2px}.barrel-name{font-size:1.1rem;color:#e8dcc8}.barrel-params{font-size:.8rem;font-family:monospace;opacity:.4}.barrel-controls{display:flex;justify-content:center;gap:32px;margin-bottom:2.5em;flex-wrap:wrap}.barrel-control-group{min-width:180px;max-width:220px}.barrel-control-group h3{font-size:1rem;font-weight:400;color:#e8dcc8;margin:0 0 8px}.barrel-control-group label{display:flex;justify-content:space-between;font-size:.8rem;opacity:.5;margin-top:6px}.barrel-control-group label span{font-family:monospace;opacity:.7}.barrel-control-group input[type=range]{width:100%;margin:2px 0 0;accent-color:#d4c5a0;height:4px;cursor:pointer}.barrel-scanlines{position:absolute;inset:0;pointer-events:none;z-index:2}.barrel-grain{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,-10%)}50%{transform:translate(8%,3%)}75%{transform:translate(-3%,7%)}to{transform:translate(5%,-5%)}}.barrel-glass{position:absolute;inset:0;pointer-events:none;z-index:4}.barrel-aberration{position:absolute;inset:0;pointer-events:none;z-index:1}.barrel-tv-wrapper{position:relative;max-width:1000px;margin:0 auto 80px}.barrel-tv-wrapper .mobile-note{display:none}.barrel-tv-fx-overlay{position:absolute;left:29.22%;top:18.11%;width:41.39%;height:36.55%;z-index:5;pointer-events:none;clip-path:url(#barrel-tv-crt-clip);overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:EB Garamond,Georgia,Times New Roman,serif;color:#d4c5a0;overflow-x:hidden}#root{width:100%}.app{width:100%;max-width:1000px;margin:0 auto;padding:20px}button{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible{outline:1px solid rgba(212,197,160,.4);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4c5a04d;border-radius:2px}.mobile-note{display:none}@media(max-width:768px){.app{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.tv-container{display:none}.mobile-note{display:block;text-align:center;font-size:1.1rem;opacity:.7;padding:16px 0;font-style:italic;line-height:1.6}}@media(min-width:1400px){.app{max-width:1200px}}