*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility !important}
@font-face{font-family:"Minecraftia";src:url("/assets/fonts/Minecraftia.otf") format("oft"),url("/assets/fonts/Minecraftia.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"FT88-Reg";src:url("/assets/fonts/FT88-Regular.woff") format("woff"),url("/assets/fonts/FT88-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"FT88-Bold";src:url("/assets/fonts/FT88-Bold.woff") format("woff"),url("/assets/fonts/FT88-Bold.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"FT88-Expanded";src:url("/assets/fonts/FT88-Expanded.woff") format("woff"),url("/assets/fonts/FT88-Expanded.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"FT88-Gothique";src:url("/assets/fonts/FT88-Gothique.woff") format("woff"),url("/assets/fonts/FT88-Gothique.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}:root{--magenta: #E28B8B;--cyan: #AED2DB;--yellow: #FFE971;--yellowlight: rgba(255,233,113,0.4);--bg: var(--cyan);--base: 1vw;--padding: 0.5rem 0.6rem}@media screen and (min-width: 2000px){:root{--base: 0.8vw}}
html,body{min-height:100vh;scroll-behavior:smooth;line-height:1em;background:#0d0d0d;color:#fff;overflow:hidden}html{font-size:var(--base)}body{font-family:"FT88-Reg";cursor:default}::selection{background:#ffe971;color:#000}img::selection{background:var(--magenta)}h1{font-size:3.25rem;line-height:.8em}h5{font-size:.5rem;opacity:.9;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.2em}ul{list-style-type:none}a{display:inline-flex;color:inherit;text-decoration:none;text-shadow:2px 2px 0px rgba(0,0,0,.2)}a:hover{transform:translate(-0.5px, -0.5px);text-shadow:2.5px 2.5px 0px rgba(0,0,0,.1)}a:active{transform:translate(1px, 1px);text-shadow:2px 2px 0px rgba(0,0,0,.1)}button:not([data-plyr]){position:relative;padding:.4rem 1.7rem;cursor:pointer;border:none;font-family:inherit;font-size:.64rem;background:var(--magenta);min-width:7rem;box-shadow:3px 3px 0px rgba(0,0,0,.1);-webkit-transform:translate3d(0, 0, 0)}button:not([data-plyr]).invert{background:var(--cyan);color:#000}button:not([data-plyr]):disabled{pointer-events:none;color:rgba(0,0,0,.25)}button:not([data-plyr]):hover{transform:translate(-1px, -1px);box-shadow:4px 4px 0px rgba(0,0,0,.1)}button:not([data-plyr]):active{transform:translate(1px, 1px);box-shadow:2px 2px 0px rgba(0,0,0,.1)}button:not([data-plyr]).loading{filter:grayscale(100%);pointer-events:none}@keyframes loading{0%{clip-path:inset(0 58% 0 0)}25%{clip-path:inset(0 52% 0 0)}50%{clip-path:inset(0 48% 0 0)}75%{clip-path:inset(0 42% 0 0)}100%{clip-path:inset(0 42% 0 0)}}img.loading{width:3rem}.setting-title{font-size:.45rem;text-transform:uppercase;letter-spacing:.05em}label.checkbox{display:flex;user-select:none}label.checkbox .setting-description{margin-left:.45rem;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase}label.checkbox input[type=checkbox]{display:none}label.checkbox input[type=checkbox]~span{display:inline-flex;border:3px solid #000;width:.8em;height:.8em;margin-top:.1em;align-items:center;justify-content:center}label.checkbox input[type=checkbox]:checked~span::after{content:"";display:block;width:70%;height:70%;background:#000}input[type=text]::selection{background:#000;color:#fff}.close-button{position:absolute;top:0rem;right:-1.5rem;width:1rem;height:1rem;cursor:pointer}.close-button:hover .close-button-box{fill:#000}.close-button:hover path{fill:#fff}.page{display:flex}.stations-list{padding:1rem;position:fixed;opacity:0;color:#fff}.stations-list:hover{opacity:1}.volume{position:absolute;bottom:2rem;right:2rem;font-family:"FT88-Expanded";font-size:2rem;text-align:right;cursor:pointer}.volume span{display:none}.volume.show .volume-value{display:block}.volume.muted .muted{color:var(--yellow);text-transform:uppercase;font-size:1.5rem;display:block}.debug{position:absolute;bottom:3rem;right:4rem;color:#fff}
#display{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff}#display h1.station-title{margin-bottom:2rem;font-size:2rem;line-height:1em;height:1.1em;font-family:"FT88-Expanded";text-transform:uppercase}#display .now-playing{margin-top:2.5rem;text-transform:uppercase}#display .now-playing>div{margin:auto;min-height:1em;line-height:1em;overflow-wrap:break-word;text-overflow:"";text-align:center}#display .now-playing .record-title{font-size:2.7rem;width:60vw}#display .now-playing .record-artist{margin-top:1.1rem;font-size:2rem}#display .now-playing .record-album{margin-top:1.3rem;font-size:1.2rem;letter-spacing:.05em}#display .artwork-container{position:relative;height:50vh;aspect-ratio:16/9;margin:auto}#display .artwork-container img.artwork-placeholder{display:none}#display .artwork-container .artwork-canvas{height:100%}#display .artwork-container .artwork-canvas canvas{object-fit:contain;height:100%;width:100%;image-rendering:pixelated}.player-container{display:none;position:fixed;top:0;right:0}canvas.noise-canvas{object-fit:cover;width:100vw;height:100vh;pointer-events:none;image-rendering:pixelated}.artwork{position:absolute;height:500px;width:500px;top:50%;left:50%;transform:translate(-50%, -50%)}.artwork canvas{position:absolute;object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.placeholder{opacity:1}