@property --panel{syntax: "<color>"; inherits: true; initial-value: #3578d4;}:root{--gap: .4rem;--blue: #3578d4;--grey: #dfdfdf;--ink: #dfdfdf;--ink-strong: #fff;--text-blend: overlay;--page-bg: #fff;--page-fade-0: #fff0;--page-fade-mid: rgb(255 255 255 / .18);--band-height: 24.4rem;--detail-width: 89.6rem;--lead-width: 44.8rem;--rules-offset: 53.6rem;--rules-width: 36rem;--glyph: 5.6rem;--c-releases: #89acb0;--c-club: #f84b9a;--c-mixes: #8d7162;--c-info: #bdd48f;--marquee-hover: var(--c-releases)}html.dark{--grey: #3f3f3f;--ink: #3f3f3f;--ink-strong: #2a2a2a;--text-blend: multiply;--page-bg: #000;--page-fade-0: #0000;--page-fade-mid: rgb(0 0 0 / .18)}*{box-sizing:border-box}html{font-size:.694445vw;height:100%;background:var(--page-bg);transition:background-color .4s;font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,sans-serif;-webkit-text-size-adjust:100%}body{height:100%;margin:0;overflow:hidden}.content{display:flex;align-items:center;gap:var(--gap);padding:var(--gap);width:100%;height:var(--band-height);position:relative;top:50%;transform:translateY(-50%);--panel: var(--blue)}@media (hover: hover){.content{--panel: var(--grey);transition:--panel .3s}.content:has(.detail:hover),.content:has(.gudu:hover){--panel: var(--blue)}}.detail{position:relative;flex:0 0 auto;width:var(--detail-width);height:calc(var(--band-height) - var(--gap) * 2);background:var(--panel);overflow:hidden}.detail-inner{position:relative;width:100%;height:100%;mix-blend-mode:var(--text-blend);color:var(--ink);font-feature-settings:"cpsp" 1,"case" 1}.lead{position:absolute;top:0;left:0;width:var(--lead-width);padding:.8rem;font-size:2.4rem;line-height:2.2rem;font-weight:500;letter-spacing:-.04em}.lead p{margin:0}.lead strong{font-weight:inherit;color:var(--ink-strong)}.lead a{color:inherit;text-decoration:underline;text-underline-position:from-font}.rules{position:absolute;top:0;left:var(--rules-offset);width:var(--rules-width);height:100%;padding:.8rem .8rem 4.8rem 0;overflow-y:auto;scrollbar-width:none;font-family:Debugger,ui-monospace,monospace;font-size:1.5rem;line-height:1.8rem;font-weight:500;letter-spacing:-.04em}.rules::-webkit-scrollbar{display:none}.rules p{margin:0 0 1.8rem}.rules p:last-child{margin-bottom:0}.rules p:has(+ul){margin-bottom:0}.rules strong{font-weight:700;color:var(--ink-strong)}.rules ul{margin:0 0 1.8rem;padding-left:2.25rem;list-style:disc}.rules li{margin-bottom:0}.detail:after,.detail:before{content:"";position:absolute;top:0;left:var(--rules-offset);width:var(--rules-width);height:100%;z-index:2;pointer-events:none}.detail:after{background:linear-gradient(180deg,#fff0 80%,var(--panel) 100%)}.detail:before{background:linear-gradient(0deg,#fff0 80%,var(--panel) 100%);opacity:0;transition:opacity .2s}.detail:has(.scrolled):before{opacity:1}.gudu{display:flex;flex-direction:column;gap:var(--gap);flex:0 0 auto;width:var(--glyph);text-decoration:none}.gudu .glyph{display:block;width:var(--glyph);height:var(--glyph);background-color:var(--panel);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.gudu .g{-webkit-mask-image:url(/assets/glyph-g.svg);mask-image:url(/assets/glyph-g.svg)}.gudu .u{-webkit-mask-image:url(/assets/glyph-u.svg);mask-image:url(/assets/glyph-u.svg)}.gudu .d{-webkit-mask-image:url(/assets/glyph-d.svg);mask-image:url(/assets/glyph-d.svg)}.gudu:focus-visible{outline:2px solid var(--blue);outline-offset:.4rem}@media (width<=768px){html{font-size:2.48756vw}body{overflow:hidden}.content{flex-direction:column;align-items:stretch;justify-content:flex-start;width:24.4rem;height:auto;margin:0 auto;top:0;transform:none;padding:0 var(--gap) var(--gap)}.detail{width:100%;height:calc(67vh - 6rem)}.detail-inner{display:flex;flex-direction:column;gap:1.6rem;padding:calc(.8rem + env(safe-area-inset-top,0px)) .8rem 9.6rem;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.detail-inner::-webkit-scrollbar{display:none}.lead,.rules{position:static;width:100%;height:auto;padding:0;overflow:visible}.detail:before,.detail:after{left:0;width:100%}.gudu{flex-direction:row;width:100%}}.marquee{position:fixed;bottom:0;left:0;width:100%;height:4.8rem;overflow:hidden;z-index:9999;cursor:pointer;text-decoration:none;visibility:hidden}.marquee-track{display:flex;align-items:center;gap:2.25rem;height:100%;white-space:nowrap;animation:marquee-scroll var(--marquee-duration, 20s) linear infinite;will-change:transform}.marquee-text{flex-shrink:0;font-family:Dot Matrix,monospace;font-size:3.6rem;font-weight:400;line-height:4.8rem;color:var(--grey);transition:color .3s}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(var(--marquee-shift, -50%))}}@media (hover: hover){.marquee:hover .marquee-text{color:var(--marquee-hover)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:var(--foot-fade, 11rem);z-index:99999;pointer-events:none;background:linear-gradient(180deg,var(--page-fade-0) 0%,var(--page-fade-mid) 50%,var(--page-bg) 82%,var(--page-bg) 100%)}.marquee{z-index:100000}