@font-face{font-family:Player Sans Mono;src:url(/fonts/PlayerSansMono8x8-Classic.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zpix;src:url(/fonts/zpix/zpix.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Player Sans Mono Light;src:url(/fonts/PlayerSansMono8x8-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zpix Song;src:url(/fonts/zpix/zpix.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:95.45%}:root{--cream:#f2f2c7;--mint:#7abda7;--text:#5b9c6a;--song-text:var(--text);--message-text:var(--text);--cream-white:#fffef0;--mint-dark:var(--text);--mint-line:#9acbb8;--paper:#fffdf2;--purple:#cbb9e5;--stage-gutter:24px;--safe-left:max(var(--stage-gutter), env(safe-area-inset-left));--safe-right:max(var(--stage-gutter), env(safe-area-inset-right));--safe-top:max(var(--stage-gutter), env(safe-area-inset-top));--safe-bottom:max(var(--stage-gutter), env(safe-area-inset-bottom));--ipod-width:min(672px, max(280px, 50.5svh), calc(100vw - var(--safe-left) - var(--safe-right)));--ui-font-size:clamp(12px, calc(var(--ipod-width) * .032), 16px);--message-font-size:calc(var(--ui-font-size) * 1.16667);--message-side-space:calc(50vw - (var(--ipod-width) / 2));--pixel:2px;--pixel-shadow:4px 4px 0 #5b9c6a2e}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:#a3c8a6 transparent;scrollbar-width:thin}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#a3c8a6 padding-box padding-box;border:4px solid #0000;border-radius:0;min-height:36px}html::-webkit-scrollbar-thumb:hover{background:var(--text);background-clip:padding-box}@supports selector(::-webkit-scrollbar){html{scrollbar-color:auto}}html,body,#root{min-height:100%;margin:0}body{background:var(--cream);color:var(--text);font-family:Player Sans Mono,ui-monospace,monospace;font-size:var(--ui-font-size);font-synthesis:none}button,a{font:inherit}button{color:inherit}.pixel-action-button{min-height:32px;color:var(--text);cursor:pointer;box-shadow:0 -2px 0 var(--mint-line), 0 2px 0 var(--mint-line), -2px 0 0 var(--mint-line), 2px 0 0 var(--mint-line), 0 4px 0 #5b9c6a4d, inset 2px 2px 0 #fffef0b3, inset -2px -2px 0 #5b9c6a2e;background:#edeec9;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:4px 8px;text-decoration:none;display:inline-flex}.pixel-action-button:hover{background:#dce7bc}.pixel-action-button:active{translate:0 2px}.pixel-action-button:focus-visible{outline:2px dashed var(--text);outline-offset:3px}.pixel-action-button svg{fill:currentColor;shape-rendering:crispedges;flex:none;width:24px;height:24px}.radio-app{width:100%;min-height:100svh;position:relative;overflow:visible}.radio-stage{width:100%;min-height:max(100svh, calc(var(--ipod-width) * 1224 / 672 + var(--safe-top) + var(--safe-bottom)));padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);--scene-width:min(100vw, 200svh);--snake-one-offset:0px;--snake-two-offset:0px;--submission-width:min(17vw, 34svh);--submission-height:min(19vw, 38svh);--bubble-width:max(calc(var(--submission-width) * .85), calc(var(--ui-font-size) * 10));background:var(--cream) url(/assets/scene/background.png) center / cover no-repeat;isolation:isolate;position:relative;overflow:clip}.scene-canvas{width:100%;height:100%;position:absolute;inset:0;overflow:clip}.scene-logo{z-index:0;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));width:min(794px,55vw,max(clamp(25vw,35.7vw - 5.7svh,31vw),57svh - 81vw));height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .28s,transform .28s;position:absolute;transform:translate(-10.8%,-22.5%)}.scene-logo--inline{display:none}@media (orientation:portrait){:root{--ipod-width:min(672px, max(280px, 47svh), calc(100vw - var(--safe-left) - var(--safe-right)))}.scene-logo--stacked{display:none}.scene-logo--inline{width:clamp(240px,42vw,340px);display:block;transform:translateY(-10%)}}.radio-footer{z-index:40;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));position:absolute}.radio-footer button{color:#456d52;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.72;background:#edeec9c2;border:0;min-height:30px;padding:4px 9px;font-family:Zpix,ui-monospace,monospace;font-size:clamp(.58rem,.7vw,.72rem);font-weight:400;transition:opacity .16s,background-color .16s;box-shadow:0 -2px #9acbb8d1,0 2px #9acbb8d1,-2px 0 #9acbb8d1,2px 0 #9acbb8d1}.radio-footer button:hover{color:#315f50;opacity:1;background:#edeec9f0}.radio-footer button:focus-visible{outline:2px dashed var(--text);outline-offset:1px}@media (orientation:portrait){.radio-footer button{letter-spacing:.08em;min-height:clamp(24px,6.5vw,30px);padding:clamp(3px,.8vw,5px) clamp(6px,1.4vw,9px);font-size:clamp(9px,2.3vw,12px)}.disclaimer-dialog h2{font-size:clamp(12px,3.8vw,18px)}.disclaimer-dialog li{font-size:clamp(9px,2.7vw,12px);line-height:1.55}}.disclaimer-layer{z-index:80;padding:max(62px, calc(50px + env(safe-area-inset-top))) max(14px, env(safe-area-inset-right)) max(54px, calc(42px + env(safe-area-inset-bottom))) max(14px, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.disclaimer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;background:#456d5238;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.disclaimer-dialog{color:#456d52;background:#edeec9d6;border:2px solid #5b9c6a;width:min(960px,100%);max-height:100%;animation:.22s ease-out both disclaimer-in;position:relative;overflow:hidden;box-shadow:8px 8px #456d523d}.disclaimer-dialog__content{overscroll-behavior:contain;scrollbar-color:#a3c8a6 transparent;scrollbar-width:thin;max-height:calc(100svh - 132px);padding:clamp(16px,3vw,32px);overflow-y:auto}.disclaimer-dialog__content::-webkit-scrollbar{width:12px;height:12px}.disclaimer-dialog__content::-webkit-scrollbar-track{background:0 0}.disclaimer-dialog__content::-webkit-scrollbar-thumb{background:#a3c8a6 padding-box padding-box;border:4px solid #0000;border-radius:0;min-height:36px}.disclaimer-dialog__content::-webkit-scrollbar-thumb:hover{background:var(--text);background-clip:padding-box}.disclaimer-dialog section+section{margin-top:clamp(24px,4vw,40px)}.disclaimer-dialog h2{margin:0 0 12px;font-size:clamp(14px,1.45vw,20px);line-height:1.3}.disclaimer-dialog ul{margin:0;padding-left:1.45em}.disclaimer-dialog li{padding-left:.2em;font-family:Player Sans Mono Light,Zpix Song,ui-monospace,monospace;font-size:clamp(11px,1vw,14px);font-weight:400;line-height:1.65}.disclaimer-dialog li+li{margin-top:3px}.disclaimer-dialog a{color:#3f7f6a;text-underline-offset:3px}.disclaimer-dialog a:hover{color:#315f50}.disclaimer-dialog a:focus-visible{outline:2px dashed var(--text);outline-offset:3px}.disclaimer-close{z-index:2;color:#456d52;cursor:pointer;background:0 0;border:0;width:40px;height:40px;padding:0 0 4px;font-size:30px;line-height:1;position:absolute;top:6px;right:8px}.disclaimer-close:focus-visible{outline:2px dashed var(--text);outline-offset:-2px}@keyframes disclaimer-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.scene-sprite{z-index:5;height:auto;aspect-ratio:var(--sprite-ratio);image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:0;overflow:hidden}.sprite-one{left:calc(var(--snake-one-offset) + var(--scene-width) * .575);width:calc(var(--scene-width) * .0875)}.sprite-two{left:calc(var(--snake-two-offset) + var(--scene-width) * .1);width:calc(var(--scene-width) * .16875)}.sprite-one,.sprite-two{opacity:0;transform:translateY(calc(var(--scene-width) * .10125));transition:opacity .12s linear,transform .75s cubic-bezier(.2,.8,.2,1)}.sprite-one.is-peeking,.sprite-two.is-peeking{opacity:1;transform:translateY(0)}.submission-group{z-index:8;pointer-events:none;position:absolute;inset:0}.submission-art{pointer-events:none;position:absolute;inset:0}.sprite-submission,.submission-snake-link{right:calc(var(--scene-width) * -.016375 + env(safe-area-inset-right));bottom:calc(var(--scene-width) * -.0425 + env(safe-area-inset-bottom));width:calc(var(--scene-width) * .171875);aspect-ratio:440/400}.submission-entry,.submission-snake-link{z-index:1;color:var(--text);cursor:pointer;pointer-events:auto;position:absolute}.submission-bubble,.submission-entry{right:calc(var(--submission-width) * .1 + env(safe-area-inset-right));bottom:calc(var(--submission-height) * .66 + env(safe-area-inset-bottom));width:calc(var(--bubble-width) * .9);aspect-ratio:260/128;height:auto;position:absolute}.submission-bubble{filter:drop-shadow(var(--pixel-shadow));animation:9s ease-in-out 2.5s infinite submission-bubble-hop;overflow:visible}.submission-bubble path{fill:#edeec9d9;stroke:var(--text);stroke-width:2px;stroke-linejoin:miter;shape-rendering:crispedges}.submission-bubble-art{width:100%;height:100%;display:block;overflow:visible}.submission-bubble-label{color:var(--text);font-family:Zpix,ui-monospace,monospace;font-size:var(--message-font-size);flex-direction:column;justify-content:center;align-items:center;font-weight:400;line-height:1.4;display:flex;position:absolute;inset:6.25% 6% 17.2%}:is(.submission-group:has(a:hover) .submission-bubble,.submission-group:has(a:focus-visible) .submission-bubble){rotate:-1deg}.submission-group:has(a:active) .submission-bubble{translate:0 2px;rotate:1deg}.submission-entry:focus-visible{outline:3px dashed var(--text);outline-offset:-8px}@keyframes submission-bubble-hop{0%,84%,92%,to{transform:translateY(0)}88%{transform:translateY(-6px)}}.player-layout{z-index:auto;width:100%;height:100%;position:absolute;inset:0}.ipod-shell{z-index:4;width:var(--ipod-width);aspect-ratio:672/1224;background:0 0;border:0;height:auto;padding:0;position:absolute;top:50%;left:50%;overflow:clip;transform:translate(-50%,-50%);container-type:inline-size}.ipod-art{z-index:2;width:380.952%;max-width:none;height:117.647%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:-8.497%;left:-140.476%}.ipod-screen{z-index:1;background:0 0;border:.6cqw solid #0000;width:82.64%;height:54.25%;padding:4.6% 4.8% 3.8%;position:absolute;top:3.92%;left:6.64%;overflow:clip}.now-playing-view{flex-direction:column;height:100%;display:flex}.now-playing-view.is-hidden{visibility:hidden}.screen-topline{font-size:var(--ui-font-size);letter-spacing:.05em;flex-shrink:0;justify-content:space-between;align-items:center;margin:0 0 3%;display:flex}.screen-topline b{font-weight:500}.small-pixel-icon{background:currentColor;flex:none;width:16px;height:16px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.music-icon{-webkit-mask-image:url(/assets/ui/music.svg);mask-image:url(/assets/ui/music.svg)}.volume-x{-webkit-mask-image:url(/assets/ui/volume-x.svg);mask-image:url(/assets/ui/volume-x.svg)}.volume-1{-webkit-mask-image:url(/assets/ui/volume-1.svg);mask-image:url(/assets/ui/volume-1.svg)}.volume-2{-webkit-mask-image:url(/assets/ui/volume-2.svg);mask-image:url(/assets/ui/volume-2.svg)}.volume-3{-webkit-mask-image:url(/assets/ui/volume-3.svg);mask-image:url(/assets/ui/volume-3.svg)}.plus-icon{-webkit-mask-image:url(/assets/ui/plus.svg);mask-image:url(/assets/ui/plus.svg)}.minus-icon{-webkit-mask-image:url(/assets/ui/minus.svg);mask-image:url(/assets/ui/minus.svg)}.cover-frame{background:var(--purple);border:3px solid #5b9c6a2e;flex:1;min-height:0;position:relative;overflow:hidden}.cover-frame img,.cover-frame iframe{object-fit:cover;filter:saturate(.72)contrast(.92);border:0;width:100%;height:100%;display:block}.cover-frame iframe{pointer-events:none}.youtube-player{width:100%;height:100%}.song-title{white-space:nowrap;font-family:Player Sans Mono,Zpix Song,ui-monospace,monospace;font-size:var(--ui-font-size);color:var(--song-text);flex-shrink:0;margin:2.5% 0 1%;overflow:hidden}.marquee{white-space:nowrap;min-width:0;display:block;overflow:hidden}.marquee-content{visibility:visible;width:max-content;display:block}.now-playing-view.is-hidden .marquee-content{visibility:hidden}.progress-row{font-size:var(--ui-font-size);flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.progress-row b{border:var(--pixel) solid #85b7a4;border-radius:0;height:8px;position:relative}.progress-row b i{background:repeating-linear-gradient(90deg, var(--mint-line) 0 4px, transparent 4px 6px);position:absolute;inset:0 auto 0 0}.volume-row{width:100%;font-size:var(--ui-font-size);flex-shrink:0;align-items:center;gap:3px;margin-top:4px;display:flex}.volume-row button{cursor:pointer;background:0 0;border:0;place-items:center;min-width:24px;min-height:24px;padding:0 2px;line-height:1;display:grid}.volume-row .small-pixel-icon{width:24px;height:24px}.volume-row .volume-indicator{width:20px;height:20px}.volume-row label{flex:1;min-width:0;height:12px;position:relative}.volume-row input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.volume-bars{grid-template-columns:repeat(16,minmax(0,8px));justify-content:space-between;align-items:center;gap:1px;height:100%;display:grid}.volume-bars i{aspect-ratio:1;background:0 0;border:1px solid #85b7a4;width:100%}.volume-bars i.is-on{background:var(--mint-line)}.empty-state{text-align:center;place-content:center;justify-items:center;gap:9px;height:100%;padding:20px;display:grid}.empty-state>span{opacity:.55;font-size:34px}.empty-state>.music-icon{width:48px;height:48px}.empty-state strong{font-size:var(--ui-font-size);letter-spacing:.08em}.empty-state p{font-size:var(--ui-font-size);opacity:.78;margin:0}.song-menu{z-index:2;flex-direction:column;height:100%;padding:4.6% 4.8% 3.8%;display:flex;position:absolute;inset:0}.menu-heading{font-size:var(--ui-font-size);letter-spacing:.08em;border-bottom:2px solid #5b9c6a33;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:5px;padding:0 3px 8px;font-weight:700;display:flex}.menu-title{white-space:nowrap;align-items:center;gap:3px;display:flex}.menu-song-count{text-align:right;min-width:1ch}.menu-heading-controls{align-items:center;gap:4px;display:flex}.menu-direction-toggle{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.menu-direction-toggle:focus-visible{outline:2px dashed var(--text);outline-offset:1px}.menu-filter-toggle,.menu-playback-toggle{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.menu-filter-toggle:focus-visible,.menu-playback-toggle:focus-visible{outline:2px dashed var(--text);outline-offset:1px}.menu-filter-toggle.is-active:after{content:"";background:var(--mint);width:4px;height:4px;position:absolute;top:1px;right:1px}.filter-icon{background:currentColor;width:24px;height:24px;display:block;-webkit-mask:url(/assets/ui/filter.svg) 50%/contain no-repeat;mask:url(/assets/ui/filter.svg) 50%/contain no-repeat}.playback-icon{background:currentColor;width:24px;height:24px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.playback-shuffle{-webkit-mask-image:url(/assets/ui/playback-shuffle.svg);mask-image:url(/assets/ui/playback-shuffle.svg)}.playback-repeat{-webkit-mask-image:url(/assets/ui/playback-repeat.svg);mask-image:url(/assets/ui/playback-repeat.svg)}.playback-repeat-one{-webkit-mask-image:url(/assets/ui/playback-repeat-one.svg);mask-image:url(/assets/ui/playback-repeat-one.svg)}.sort-icon{background:currentColor;width:24px;height:24px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sort-az-asc{-webkit-mask-image:url(/assets/ui/sort-az.svg);mask-image:url(/assets/ui/sort-az.svg)}.sort-az-desc{-webkit-mask-image:url(/assets/ui/sort-za.svg);mask-image:url(/assets/ui/sort-za.svg)}.sort-release-asc{-webkit-mask-image:url(/assets/ui/sort-01.svg);mask-image:url(/assets/ui/sort-01.svg)}.sort-release-desc{-webkit-mask-image:url(/assets/ui/sort-10.svg);mask-image:url(/assets/ui/sort-10.svg)}.menu-filter-panel{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:10px 4px 6px;font-family:Player Sans Mono Light,Zpix Song,ui-monospace,monospace;font-weight:400;overflow:auto}.menu-filter-panel::-webkit-scrollbar{display:none}.menu-filter-panel section+section{border-top:1px dashed #5b9c6a47;margin-top:16px;padding-top:12px}.menu-filter-panel strong{font-size:var(--ui-font-size);letter-spacing:.08em;margin-bottom:8px;font-weight:400;display:block}.menu-filter-options{flex-wrap:wrap;gap:10px 8px;padding:2px;display:flex}.menu-filter-options button{min-height:28px;color:var(--text);font:inherit;font-size:var(--ui-font-size);cursor:pointer;box-shadow:0 -2px 0 var(--mint-line), 0 2px 0 var(--mint-line), -2px 0 0 var(--mint-line), 2px 0 0 var(--mint-line), 0 4px 0 #5b9c6a4d, inset 2px 2px 0 #fffef0b3, inset -2px -2px 0 #5b9c6a2e;background:#edeec9;border:0;border-radius:0;padding:3px 8px;line-height:1.2;transition:translate 80ms,background-color 80ms;position:relative}.menu-filter-options button:hover{background:#dce7bc}.menu-filter-options button[aria-pressed=true]{color:var(--cream-white);background:#98c9a3}.menu-filter-options button:active{translate:0 2px}.menu-filter-options button[aria-pressed=true]:after{content:"";background:currentColor;width:2px;height:2px;position:absolute;bottom:2px;right:2px}.menu-filter-options button:focus-visible{outline:2px dashed var(--text);outline-offset:1px}.song-menu ol{scrollbar-width:none;-ms-overflow-style:none;flex:1;margin:6px 0 2px;padding:0;list-style:none;overflow:auto}.song-menu ol::-webkit-scrollbar{display:none}.song-menu li+li{background:repeating-linear-gradient(90deg,#5b9c6a47 0 2px,#0000 2px 6px) top/100% 2px no-repeat}.song-menu li button{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;min-height:52px;padding:7px 5px;display:grid;position:relative}.song-menu li button.is-current-song{padding-left:33px}.song-menu li button .menu-current-song{width:24px;height:24px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.song-menu li button:hover,.song-menu li button:focus-visible,.song-menu li button[aria-current=true]{box-shadow:inset 2px 0 var(--text);background:#7abda729;outline:none}.song-menu li button span{font-size:inherit}.song-menu li button b{white-space:nowrap;font-family:Player Sans Mono Light,Zpix Song,ui-monospace,monospace;font-size:var(--ui-font-size);font-weight:400;overflow:hidden}.scroll-region{flex:1;min-width:0;min-height:0;display:flex;position:relative}.scroll-region>ol,.scroll-region>.menu-filter-panel{width:100%;min-height:0}.scroll-hints{pointer-events:none;z-index:3;position:absolute;inset:0}.scroll-hints svg{width:12px;height:8px;fill:var(--text);background:var(--cream);shape-rendering:crispedges;position:absolute;right:0}.scroll-hint-up{top:1px}.scroll-hint-down{bottom:1px}.click-wheel{--wheel-symbol-size:8.8cqw;aspect-ratio:1;width:64%;color:var(--text);z-index:3;background:0 0;font-weight:700;position:absolute;bottom:4.3%;left:48.2%;transform:translate(-50%)}.click-wheel:before{content:"";background:#feffe1;position:absolute;inset:0;-webkit-mask:url(/assets/ui/pixel-circle.svg) 50%/contain no-repeat;mask:url(/assets/ui/pixel-circle.svg) 50%/contain no-repeat}.click-wheel>button{z-index:2;cursor:pointer;background:0 0;border:0;font-weight:700;position:absolute}.click-wheel>button:focus-visible{outline:.45cqw dashed var(--mint-dark);outline-offset:.6cqw}.click-wheel>button:disabled{opacity:.32;cursor:not-allowed}.wheel-menu{font-size:var(--ui-font-size);min-height:28px;padding:0;top:8%;left:50%;transform:translate(-50%)}.wheel-prev{padding:2.6cqw 1.5cqw;top:49%;left:4%;transform:translateY(-50%)}.wheel-next{padding:2.6cqw 1.5cqw;top:49%;right:4%;transform:translateY(-50%)}.wheel-play{padding:1.5cqw 3.8cqw;bottom:8%;left:50%;transform:translate(-50%)}.wheel-symbol{width:1em;height:1em;font-size:var(--wheel-symbol-size);display:block}.wheel-symbol,.wheel-menu>span{transition:transform .12s}.wheel-menu>span{display:block}.wheel-menu:not(:disabled):active>span{transform:perspective(160px)translateY(-2px)rotateX(12deg)}.wheel-prev:not(:disabled):active .wheel-symbol{transform:perspective(160px)translate(-2px)rotateY(-12deg)}.wheel-next:not(:disabled):active .wheel-symbol{transform:perspective(160px)translate(2px)rotateY(12deg)}.wheel-play:not(:disabled):active .wheel-symbol{transform:perspective(160px)translateY(2px)rotateX(-12deg)}.click-wheel svg{shape-rendering:crispedges}.wheel-play[aria-label=Pause] .wheel-symbol{font-size:calc(var(--wheel-symbol-size) + 1cqw)}.click-wheel>.wheel-center{z-index:1;background:#98c9a3;width:40%;height:40%;transition:background-color .16s;inset:30%;-webkit-mask:url(/assets/ui/pixel-circle-center.svg) 50%/contain no-repeat;mask:url(/assets/ui/pixel-circle-center.svg) 50%/contain no-repeat}.click-wheel>.wheel-center:hover,.click-wheel>.wheel-center:focus-visible{background:#5b9c6a}.wheel-message-label{width:84%;color:var(--cream-white);font-size:min(var(--ui-font-size), 2.8cqw);text-align:center;opacity:0;pointer-events:none;flex-direction:column;align-items:center;font-weight:400;line-height:1.4;transition:opacity .16s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-message-label>span{white-space:nowrap;overflow-wrap:normal;word-break:normal;display:block}.wheel-message-label.is-hint-visible{opacity:1}@media (hover:hover) and (pointer:fine){.wheel-center:hover .wheel-message-label{opacity:1;color:var(--cream-white)}}.message-panel{z-index:10;top:max(var(--safe-top), calc(54px + env(safe-area-inset-top)));left:calc(100% - (var(--message-side-space) / 2));width:min(340px, calc(var(--message-side-space) - (var(--safe-right) * 2)));opacity:0;visibility:hidden;flex-direction:column;gap:clamp(8px,2.2svh,24px);font-family:Zpix,ui-monospace,monospace;transition:opacity .35s,transform .4s,visibility .35s;display:flex;position:absolute;transform:translate(calc(-50% - 18px))}.message-panel.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.message-backdrop,.sheet-drag-handle{display:none}.message-content{gap:inherit;overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;width:100%;min-height:0;display:flex;overflow-y:auto}.message-content::-webkit-scrollbar{display:none}.message-scroll-region{gap:inherit;overflow:hidden}.message-content:focus-visible{outline:2px dashed var(--text);outline-offset:-2px}.message-pager{--frame-width:6px;isolation:isolate;border:var(--frame-width) solid transparent;image-rendering:pixelated;border-image:url(/assets/ui/message-frame-dashed.svg) 8 round;align-self:center;align-items:center;gap:12px;margin-bottom:-8px;padding:2px 10px;display:flex;position:relative}.message-pager button{cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:20px;line-height:1}.message-pager span{font-family:Player Sans Mono,ui-monospace,monospace;font-size:var(--ui-font-size)}.speech{--frame-width:8px;isolation:isolate;border:var(--frame-width) solid transparent;image-rendering:pixelated;border-image:url(/assets/ui/message-frame-dashed.svg) 8 round;border-radius:0;flex-direction:column;flex:none;justify-content:center;padding:12px 16px 11px;display:flex;position:relative}.speech:before,.message-pager:before{content:"";z-index:-1;inset:calc(-1 * var(--frame-width));border:var(--frame-width) solid transparent;pointer-events:none;border-image:url(/assets/ui/message-fill.svg?v=85) 8 fill;position:absolute}.speech strong{width:max-content;color:var(--text);font-family:Player Sans Mono,ui-monospace,monospace;font-size:var(--ui-font-size);letter-spacing:.08em;text-transform:uppercase;font-weight:400;position:relative}.speech strong:after{content:"";background:#7abda76b;height:2px;position:absolute;bottom:-4px;left:0;right:-8px}.speech span{color:var(--message-text);font-family:inherit;font-size:var(--message-font-size);overflow-wrap:anywhere;margin-top:12px;font-weight:400;line-height:1.45}.speech-small{min-height:82px}.speech-comment{justify-content:flex-start;min-height:128px;padding-top:16px}.message-side-layout .message-panel{left:var(--message-side-left,calc(100% - (var(--message-side-space) / 2)));width:var(--message-side-width,min(340px, calc(var(--message-side-space) - (var(--safe-right) * 2))));max-height:calc(100svh - max(var(--safe-top), calc(54px + env(safe-area-inset-top))) - var(--safe-bottom));overscroll-behavior:contain;scrollbar-width:none;gap:clamp(8px,2.2svh,24px);overflow:hidden}.message-side-layout .message-panel::-webkit-scrollbar{display:none}.message-side-layout .message-pager{flex-shrink:0;gap:clamp(6px,1.62svh,12px);margin-bottom:0}.message-side-layout .speech{padding:clamp(6px,1.62svh,12px) clamp(8px,2.16svh,16px) clamp(6px,1.49svh,11px)}.message-side-layout .speech span{margin-top:clamp(6px,1.62svh,12px)}.message-side-layout .speech-small{min-height:clamp(54px,11.08svh,82px)}.message-side-layout .speech-comment{min-height:clamp(80px,17.3svh,128px);padding-top:clamp(8px,2.16svh,16px)}.message-layout-probe{visibility:hidden;pointer-events:none;position:fixed;top:0;left:-10000px}.message-layout-probe .message-panel{visibility:hidden;max-width:min(340px,max(240px,46svh));transition:none;position:relative;top:0;left:0;transform:none}@media (width<=1400px){.radio-stage{--snake-two-offset:clamp(-88.8px, calc(12vw - 168px), 0px)}}@media (width<=900px){.radio-stage{--scene-width:max(min(100vw, 200svh), 700px);--snake-one-offset:min(0px, calc(62vw - 434px));--submission-width:max(17vw, 108px);--submission-height:max(19vw, 121px)}}.message-sheet-layout .message-backdrop{z-index:20;opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:0;transition:opacity .28s,visibility .28s;display:block;position:fixed;inset:0}.message-sheet-layout .message-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}.message-sheet-layout .message-panel{z-index:21;top:auto;left:0;right:0;bottom:var(--viewport-bottom,0px);width:100%;max-height:min(calc(var(--visible-height,100svh) - var(--safe-top)), 680px);padding:0 max(6px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));image-rendering:pixelated;opacity:1;visibility:hidden;scrollbar-width:none;overscroll-behavior:contain;background:0 0;border:12px solid #0000;border-bottom-width:0;border-image:url(/assets/ui/message-sheet.svg?v=85) 12 12 0 fill;border-radius:0;gap:14px;margin:0;transition:transform .36s cubic-bezier(.22,1,.36,1),visibility .36s;position:fixed;overflow:hidden;transform:translateY(110%)}.message-sheet-layout .message-panel.is-visible{visibility:visible;transform:translateY(0)}.message-sheet-layout .message-panel.is-dragging{-webkit-user-select:none;user-select:none;transition:none}.message-sheet-layout .message-panel::-webkit-scrollbar{display:none}.message-sheet-layout .sheet-drag-handle{z-index:1;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;width:100%;height:44px;padding:0;display:grid;position:relative}.message-sheet-layout .sheet-drag-handle:active{cursor:grabbing}.message-sheet-layout .sheet-drag-handle span{background:#5b9c6a6b;border-radius:0;width:46px;height:5px}.message-sheet-layout .sheet-drag-handle:focus-visible{outline:2px dashed var(--text);outline-offset:-4px}.message-sheet-layout .speech:before{display:none}.message-sheet-layout .speech{min-height:92px}.message-sheet-layout .speech-comment{min-height:140px}@media (height<=600px) and (aspect-ratio>=3/2){.radio-stage{--snake-one-offset:calc(62vw - max(434px, min(62vw, 124svh)))}}@media (pointer:coarse),(width<=600px){.volume-row{gap:2px}.volume-row button{min-width:32px;min-height:36px}.volume-row label{min-width:32px;height:36px}.volume-bars{align-items:center;gap:2px}.menu-heading-controls{flex-wrap:nowrap;gap:2px}.menu-filter-toggle,.menu-playback-toggle,.menu-direction-toggle{width:32px;height:36px}.menu-filter-options button{min-height:32px}.click-wheel>.wheel-prev,.click-wheel>.wheel-next,.click-wheel>.wheel-play{place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.wheel-menu{min-height:44px;top:2%}.wheel-play{bottom:4%}.message-pager button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.submission-bubble{animation:none}}