@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1a1430;--groove:#241d40;--groove-deep:#120d24;--line:#40366a;--paper:#f6f2ff;--muted:#aaa1cc;--me:#ffc83d;--them:#52d3ff;--hit:#45e39a;--miss:#ff5d73;--radius:14px;--page:68rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Archivo Variable,system-ui,sans-serif;font-size:106.25%}:root,body{overflow-x:clip}*{box-sizing:border-box}body{background:repeating-radial-gradient(circle at 110% -10%, transparent 0 7px, #ffffff05 7px 8px), var(--ink);min-height:100vh;color:var(--paper);margin:0;line-height:1.5}h1,h2,h3,p,figure{margin:0}a{color:var(--them);text-underline-offset:3px}:focus-visible{outline:2px solid var(--me);outline-offset:3px}.display{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.3rem,4.6vw + 1rem,4.4rem);font-weight:800;font-stretch:125%;line-height:1.02}h2{text-wrap:balance;font-size:clamp(1.45rem,1.6vw + 1rem,2rem);font-weight:800;font-stretch:125%;line-height:1.1}h3{font-size:1.05rem;font-weight:700;font-stretch:112%}.lead{color:var(--muted);max-width:34em;font-size:1.1rem}.button{border-radius:var(--radius);background:var(--me);color:var(--ink);text-align:center;padding:16px 24px;font-size:1.05rem;font-weight:700;font-stretch:112%;text-decoration:none;transition:transform .12s;display:inline-block}a.button:hover{transform:translateY(-2px)}a.button:active{transform:translateY(1px)}.button.quiet{border:1.5px solid var(--line);color:var(--paper);background:0 0;padding:14.5px 20px}.button.quiet:hover{border-color:var(--paper)}.site-head,.site-foot,main{max-width:var(--page);margin:0 auto;padding-inline:20px}.site-head{justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.wordmark{color:var(--paper);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;font-stretch:125%;text-decoration:none;display:flex}.mark{background:radial-gradient(circle, var(--ink) 0 2px, transparent 2.5px), linear-gradient(90deg, var(--me) 50%, var(--them) 50%);width:22px;height:22px;box-shadow:0 0 0 3px var(--groove-deep);border-radius:50%}.site-head .button{padding:9px 16px;font-size:.95rem}.site-foot{width:min(100% - 40px, var(--page) - 40px);border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:14px;margin-top:96px;padding:28px 0 48px;font-size:.85rem;display:flex}.site-foot nav{flex-wrap:wrap;gap:6px 22px;font-size:.95rem;display:flex}.site-foot nav a{color:var(--paper)}.site-foot p{max-width:46em}.instance{color:var(--me);font-weight:700}.hero{gap:48px;padding-block:5vh 24px;display:grid}.hero-text{flex-direction:column;align-items:flex-start;gap:20px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hero-text>*,.demo{animation:.7s cubic-bezier(.2,.8,.2,1) backwards rise}.hero-text>:nth-child(2){animation-delay:80ms}.hero-text>:nth-child(3){animation-delay:.16s}.hero-text>:nth-child(4){animation-delay:.24s}.demo{animation-delay:.2s}.cta{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.note{color:var(--muted);font-size:.95rem}.demo{justify-self:center;width:min(100%,24rem);position:relative}.demo-disc{aspect-ratio:1;background:conic-gradient(from 40deg, transparent 0 8%, #ffffff1f 13%, transparent 18% 58%, #ffffff17 63%, transparent 68%), repeating-radial-gradient(circle, var(--groove-deep) 0 2px, #2a2150 2px 4px);border-radius:50%;place-items:center;width:320px;animation:40s linear infinite spin;display:grid;position:absolute;top:36px;right:-236px;box-shadow:0 0 0 1px #ffffff1a}.demo-disc:after{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--groove-deep) 0 4px, transparent 4.5px), linear-gradient(90deg, var(--me) 50%, var(--them) 50%);border-radius:50%;width:36%}.demo-screen{border:1px solid var(--line);background:var(--ink);border-radius:28px;flex-direction:column;padding:16px 16px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #05020f99}.demo-frames{animation:demo-loop var(--loop) linear infinite;flex:1;display:grid}.demo-frame{visibility:hidden;animation-duration:var(--loop);flex-direction:column;grid-area:1/1;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.demo-frame .timeline{flex:1}.tap{opacity:0;width:56px;height:56px;animation:demo-tap var(--loop) ease-out infinite;background:#fff;border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.timeline{flex-direction:column;gap:6px;margin:0;padding:0 0 20px;list-style:none;display:flex}.card{border-radius:var(--radius);background:hsl(var(--hue) 42% 22%);border:1px solid hsl(var(--hue) 48% 34%);grid-template-columns:5.4rem 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.card .year{font-variant-numeric:tabular-nums;color:hsl(var(--hue) 90% 82%);font-size:1.55rem;font-weight:800;font-stretch:125%;line-height:1}.song{flex-direction:column;min-width:0;display:flex}.card .title{font-weight:650;line-height:1.25}.card .artist{opacity:.75;font-size:.85rem}.card.fresh{box-shadow:0 0 0 2px var(--hit);animation:demo-drop var(--loop) ease-out infinite}.card.ghost{border:1.5px dashed var(--miss);background:0 0}.card.ghost .year,.card.ghost .artist{color:var(--miss);opacity:1}.gap{height:30px;color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.gap:before,.gap:after{content:"";border-top:2px dashed var(--line);flex:1}.gap.selected{border-radius:var(--radius);background:var(--me);height:46px;color:var(--ink);justify-content:center;position:relative;overflow:hidden}.gap.selected:before,.gap.selected:after{content:none}.dock{background:var(--groove);border-radius:22px 22px 0 0;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-inline:-16px;padding:14px 16px 16px;display:grid}.dock .button{grid-column:1/-1;padding-block:14px;position:relative;overflow:hidden}.dock .button.off{opacity:.35}.record{background:conic-gradient(from 40deg, transparent 0 8%, #ffffff14 13%, transparent 18% 58%, #ffffff0f 63%, transparent 68%), repeating-radial-gradient(circle, var(--groove-deep) 0 2px, #1d1736 2px 4px);border-radius:50%;place-items:center;width:68px;height:68px;animation:2.4s linear infinite spin;display:grid;box-shadow:0 0 0 1px #ffffff10}.record-label{aspect-ratio:1;background:var(--me);border-radius:50%;place-items:center;width:46%;display:grid}.record-label svg{width:44%;fill:var(--ink);animation:2.4s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.dock-text{min-width:0;color:var(--muted);flex-direction:column;font-size:.9rem;display:flex}.dock-text strong{color:var(--paper);font-size:1.05rem;font-stretch:112%;line-height:1.25}.dock-text .year{color:var(--me);font-variant-numeric:tabular-nums;margin-right:4px;font-stretch:125%}.dock-text .link{color:var(--them);text-underline-offset:3px;white-space:nowrap;margin-left:6px;text-decoration:underline}.verdict{color:var(--hit);font-weight:700}.verdict.wrong{color:var(--miss)}.block{gap:24px;padding-top:88px;display:grid}.block-head{flex-direction:column;gap:12px;display:flex}.block-head p{color:var(--muted);max-width:30em}.steps .timeline{gap:10px;padding:0}.steps .card{grid-template-columns:3rem 1fr;padding:16px 18px}.steps .card .year{font-size:2.1rem}.steps .card .title{font-size:1.1rem;font-weight:700;font-stretch:112%}.steps .card .artist{opacity:.85;font-size:.95rem}.modes>ul,.sleeves{margin:0;padding:0;list-style:none}.modes>ul>li{border-bottom:1px solid var(--line);gap:4px 24px;padding:18px 0;display:grid}.modes>ul>li:first-child{padding-top:0}.modes>ul>li p{color:var(--muted)}.score{flex-direction:column;align-items:center;gap:12px;width:min(100%,15rem);margin-top:20px;display:flex}.disc{aspect-ratio:1;background:conic-gradient(from 40deg, transparent 0 8%, #ffffff14 13%, transparent 18% 58%, #ffffff0f 63%, transparent 68%), repeating-radial-gradient(circle, var(--groove-deep) 0 2px, #1d1736 2px 4px);border-radius:50%;place-items:center;width:11.5rem;display:grid;box-shadow:0 0 0 1px #ffffff10,0 24px 48px #05020f99}.label{aspect-ratio:1;width:50%;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;grid-template-columns:1fr 1fr;font-size:2.2rem;font-weight:900;font-stretch:125%;line-height:1;display:grid;position:relative;overflow:hidden}.label span{place-items:center;display:grid}.label .me{background:var(--me);padding-right:6px}.label .them{background:var(--them);padding-left:6px}.label:after{content:"";background:var(--groove-deep);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;inset:50% auto auto 50%}.names{text-align:center;grid-template-columns:1fr 1fr;gap:12px;width:11.5rem;font-weight:700;font-stretch:112%;display:grid}.names .me{color:var(--me)}.names .them{color:var(--them)}.rounds{width:100%;margin:0;padding:0;list-style:none}.rounds li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:9px 4px;display:grid}.round-name{color:var(--muted);font-size:.85rem}.dots{gap:6px;display:flex}.dots.them{justify-content:flex-end}.dots span{border:2px solid var(--line);border-radius:50%;width:13px;height:13px}.dots.me .hit{border-color:var(--me);background:var(--me)}.dots.them .hit{border-color:var(--them);background:var(--them)}.dots .miss{border-color:var(--miss);background:radial-gradient(circle, var(--miss) 0 2px, transparent 2.5px)}.sleeves{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:158px;grid-auto-flow:column;gap:10px;margin-inline:-20px;padding:0 20px 10px;scroll-padding-inline:20px;display:grid;overflow-x:auto}.crate{aspect-ratio:1;scroll-snap-align:start;position:relative}.crate:hover{z-index:1}.vinyl{aspect-ratio:1;background:radial-gradient(circle, var(--groove-deep) 0 3px, hsl(var(--hue) 70% 62%) 3.5px 19%, transparent 19.5%), conic-gradient(from 40deg, transparent 0 8%, #ffffff26 13%, transparent 18% 58%, #ffffff1f 63%, transparent 68%), repeating-radial-gradient(circle, var(--groove-deep) 0 2px, #322860 2px 4px);border-radius:50%;height:90%;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:5%;right:-13%;box-shadow:0 0 0 1px #ffffff26}.crate:hover .vinyl{transform:translate(34%)rotate(70deg)}.sleeve{background:hsl(var(--hue) 52% 30%);height:100%;color:hsl(var(--hue) 80% 92%);border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative;box-shadow:4px 0 10px #05020f66}.sleeve-name{overflow-wrap:break-word;font-size:1.02rem;font-weight:800;line-height:1.05}.sleeve-text{opacity:.85;font-size:.78rem;line-height:1.3}.sleeve-count{opacity:.7;margin-top:auto;font-size:.75rem}.decades{max-width:34rem;color:var(--muted);flex-direction:column;gap:16px;margin-top:28px;font-size:.95rem;display:flex}.decades ol{grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.decades li{font-variant-numeric:tabular-nums;grid-template-rows:124px auto;justify-items:center;font-size:.78rem;display:grid}.decade-count{margin-bottom:calc(var(--share) * 100px + 6px);grid-area:1/1;align-self:end}.decade-bar{width:min(60%,26px);height:max(2px, calc(var(--share) * 100px));background:var(--me);border-radius:4px 4px 0 0;grid-area:1/1;align-self:end}.decade-name{border-top:1px solid var(--line);text-align:center;width:100%;padding-top:6px}.decades li:hover .decade-bar{background:var(--paper)}.decades li:hover .decade-count,.decades li:hover .decade-name{color:var(--paper)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:700;font-stretch:112%;list-style:none;display:flex}.faq details:first-of-type summary{padding-top:0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:1.4rem;font-weight:400;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);max-width:38em;padding-bottom:18px}.closing{background:var(--groove);border-radius:22px;flex-direction:column;align-items:flex-start;gap:14px;margin-top:88px;padding:32px 24px;display:flex;position:relative;overflow:hidden}.closing-disc{aspect-ratio:1;background:conic-gradient(from 40deg, transparent 0 8%, #ffffff1f 13%, transparent 18% 58%, #ffffff17 63%, transparent 68%), repeating-radial-gradient(circle, var(--groove-deep) 0 2px, #2a2150 2px 4px);border-radius:50%;place-items:center;width:380px;margin-top:-190px;animation:24s linear infinite spin;display:grid;position:absolute;top:50%;right:-150px}.closing-disc:after{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--groove-deep) 0 4px, transparent 4.5px), linear-gradient(90deg, var(--me) 50%, var(--them) 50%);border-radius:50%;width:36%}.closing>:not(.closing-disc){position:relative}.closing p{color:var(--muted)}.closing .button{margin-top:8px}.legal,.missing{flex-direction:column;gap:28px;padding-top:5vh;display:flex}.legal>*{max-width:46rem}.legal .display,.missing .display{font-size:clamp(2rem,3vw + 1rem,3rem)}.legal section{flex-direction:column;gap:10px;display:flex}.legal h2{font-size:1.2rem;font-weight:700;font-stretch:112%}.legal p{color:#dcd5f5;overflow-wrap:break-word}mark{color:var(--miss);background:#ff5d7333;border-radius:4px;padding:1px 4px}.missing{align-items:flex-start}@media (width<=560px){.cta,.cta .button,.closing .button{width:100%}.closing-disc{right:-270px}}@media (width>=600px){.sleeves{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-auto-flow:row;margin-inline:0;padding:0;overflow:visible}.modes>ul>li{grid-template-columns:12rem 1fr}}@media (width>=900px){.hero{grid-template-columns:1fr 24rem;align-items:center;gap:72px;padding-block:7vh 40px}.demo{justify-self:end;margin-right:40px}.block{grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:56px;padding-top:112px}.mottos{grid-template-columns:minmax(0,1fr);gap:28px}.sleeves{grid-template-columns:repeat(5,minmax(0,190px));gap:26px}.closing{margin-top:112px;padding:48px}}@media (prefers-reduced-motion:reduce){.record,.record-label svg,.demo-disc,.closing-disc,.hero-text>*,.demo{animation:none}.demo-frames,.demo-frame,.card.fresh{animation:none!important}.demo-frame:nth-child(2){visibility:visible}.tap{display:none}.button,.vinyl{transition:none}}