:root{--night:#1a1630;--dusk:#262043;--dusk-2:#312a55;--line:#ece8f71f;--mist:#ece8f7;--muted:#a8a0c8;--lav:#b9a7f0;--bloom:#f5b3c6;--honey:#f3d48f;--right:#9fe3c1;--wrong:#f08a9c;--display:"Gloock", "Georgia", serif;--ui:"Hanken Grotesk", system-ui, sans-serif;--radius-s:10px;--radius-m:16px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--night);color:var(--mist);font:400 1rem/1.55 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}body:before{content:"";z-index:-3;background:radial-gradient(60vmax 50vmax at 85% -10%, #f5b3c629, transparent 60%), radial-gradient(70vmax 60vmax at -10% 110%, #b9a7f02e, transparent 60%), var(--night);position:fixed;inset:0}.backdrop{z-index:-2;filter:blur(70px)saturate(1.3);opacity:0;transition:opacity 1.2s var(--ease);background-position:50%;background-size:cover;position:fixed;inset:-10%}.backdrop.is-on{opacity:.38}.grain{z-index:-1;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bar{justify-content:space-between;align-items:center;gap:1rem;max-width:44rem;margin:0 auto;padding:1.1rem 1rem;display:flex}.wordmark{cursor:pointer;font:400 1.5rem/1 var(--display);letter-spacing:-.01em;background:0 0;border:0;padding:0}.volume{color:var(--muted);align-items:center;gap:.55rem;display:flex}.volume input{--fill:80%;appearance:none;background:linear-gradient(to right, var(--lav) var(--fill), var(--line) var(--fill));cursor:pointer;border-radius:99px;width:7.5rem;height:4px}.volume input::-webkit-slider-thumb{appearance:none;background:var(--mist);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #b9a7f040}.volume input::-moz-range-thumb{background:var(--mist);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #b9a7f040}.page{max-width:34rem;margin:0 auto;padding:0 1rem 4rem}.notice{border:1px solid var(--wrong);border-radius:var(--radius-s);padding:.8rem 1rem}.btn{cursor:pointer;min-height:3rem;transition:transform .15s var(--ease), background-color .2s, border-color .2s;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;padding:0 1.4rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--mist);color:var(--night)}.btn--primary:hover:not(:disabled){background:#fff}.btn--ghost{border-color:var(--line);background:0 0}.btn--ghost:hover{border-color:var(--muted)}.orb{aspect-ratio:1;width:min(62vw,15rem);color:var(--night);isolation:isolate;background:0 0;border:0;border-radius:50%;place-items:center;margin:0 auto;padding:0;display:grid;position:relative}button.orb{cursor:pointer}.orb__glow{z-index:-1;background:radial-gradient(circle at 32% 30%, #fff5 0 8%, transparent 30%), radial-gradient(circle at 70% 70%, var(--honey), transparent 55%), radial-gradient(circle at 30% 65%, var(--bloom), transparent 60%), radial-gradient(circle at 60% 35%, var(--lav), transparent 65%), var(--dusk-2);transition:transform .5s var(--ease), filter .5s var(--ease), opacity .6s;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute;inset:0;box-shadow:0 0 60px 10px #b9a7f047,0 0 140px 30px #f5b3c61f}@keyframes drift{0%{transform:rotate(0)scale(1)}to{transform:rotate(40deg)scale(1.03)}}.orb--loading .orb__glow{filter:saturate(.4)brightness(.8)}button.orb:hover .orb__glow{filter:brightness(1.08)}.orb--playing .orb__glow{filter:brightness(1.2)saturate(1.2);transform:scale(1.06)}.orb__icon{opacity:.85;width:22%;transition:opacity .2s}.orb--playing .orb__icon{opacity:.35}.orb__ring{pointer-events:none;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px;transform:rotate(-90deg)}.orb__ring circle{fill:none;stroke:var(--mist);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:302px;animation:linear forwards ring}@keyframes ring{to{stroke-dashoffset:0}}.orb__dots{background:radial-gradient(circle, var(--night) 40%, transparent 45%) 0 50% / 33% 100% repeat-x;opacity:.6;width:2.2rem;height:.5rem;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.2}}.orb--revealed .orb__glow{opacity:.55;filter:blur(18px);transform:scale(1.12)}.orb__cover{aspect-ratio:1;object-fit:cover;width:78%;animation:unveil .7s var(--ease);border-radius:50%;box-shadow:0 20px 60px #00000073}@keyframes unveil{0%{opacity:0;filter:blur(12px);transform:scale(.8)rotate(-25deg)}}.hero{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 0 3.5rem;display:flex}.hero .orb{width:min(54vw,12.5rem);margin-bottom:2.4rem}h1{font:400 clamp(2.4rem, 9vw, 3.6rem) / 1.02 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 1rem}.lede{max-width:27rem;color:var(--muted);text-wrap:pretty;margin:0 0 2rem;font-size:1.05rem}.board h2{font:400 1.6rem/1.2 var(--display);margin:0 0 .9rem}.board__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.board__list li{border-bottom:1px solid var(--line);grid-template-columns:1.8rem 1fr auto 3.6rem;align-items:center;gap:.8rem;padding:.7rem .4rem;display:grid}.board__list li:nth-child(-n+3) .board__rank{color:var(--honey)}.board__list li.is-you{border-radius:var(--radius-s);background:#b9a7f01f}.board__rank{color:var(--muted);font-variant-numeric:tabular-nums}.board__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.board__score{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.board__score small{color:var(--muted);font-weight:400}.spark{align-items:flex-end;gap:2px;height:1.1rem;display:flex}.spark i{background:var(--lav);border-radius:2px;width:4px}.spark i.miss{background:var(--line);height:2px}.game__meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.game__meta strong{color:var(--mist);font-weight:700}.game__stage{flex-direction:column;align-items:stretch;padding-top:2.2rem;display:flex}.stages{grid-template-columns:repeat(5,1fr);gap:.4rem;margin:2.6rem 0 .9rem;padding:0;list-style:none;display:grid}.stages__step{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.stages__bar{background:var(--line);border-radius:99px;height:6px;transition:background-color .3s}.stages__step--now{color:var(--mist);font-weight:600}.stages__step--now .stages__bar{background:linear-gradient(90deg, var(--lav), var(--bloom))}.stages__step--x .stages__bar{background:var(--wrong)}.stages__step--s .stages__bar{background:var(--muted);opacity:.5}.hint{text-align:center;color:var(--muted);margin:0 0 1.4rem;font-size:.95rem}.guess{grid-template-columns:1fr auto;gap:.6rem;display:grid}.search{position:relative}.search input,.submit input{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#262043bf;border-radius:99px;width:100%;min-height:3rem;padding:0 1.1rem}.search input::placeholder,.submit input::placeholder{color:var(--muted)}.search input:focus,.submit input:focus{border-color:var(--lav);outline:none}.search__results{z-index:5;border-radius:var(--radius-m);background:var(--dusk);border:1px solid var(--line);max-height:22rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 24px 50px #00000073}.search__results li{border-radius:var(--radius-s);cursor:pointer;flex-direction:column;padding:.55rem .8rem;display:flex}.search__results li.is-active{background:var(--dusk-2)}.search__title{font-weight:600}.search__artist,.attempts__artist,.recap__artist{color:var(--muted);font-size:.88rem}.attempts{gap:.4rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.attempts__item{border-radius:var(--radius-s);border:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:0 .6rem;padding:.55rem 1rem;display:flex}.attempts__item--wrong{border-color:#f08a9c66}.attempts__item--wrong .attempts__title{text-decoration:line-through;-webkit-text-decoration-color:var(--wrong);text-decoration-color:var(--wrong)}.attempts__item--skip{color:var(--muted)}.answer{text-align:center;padding-top:2rem}.answer__title{font:400 clamp(1.9rem, 7vw, 2.6rem) / 1.08 var(--display);text-wrap:balance;margin:0}.answer__artist{color:var(--muted);margin:.4rem 0 0;font-size:1.1rem}.answer__verdict{margin:1.1rem 0 1.8rem;font-weight:700}.answer__verdict.is-won{color:var(--right)}.answer__verdict.is-lost{color:var(--wrong)}.answer__actions,.results__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.quit{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:3rem auto 0;padding:.4rem;font-size:.9rem;text-decoration:underline;display:block}.results__head{text-align:center;padding:1.5rem 0 1.8rem}.results__score{font:400 clamp(5rem, 26vw, 8rem) / .9 var(--display);letter-spacing:-.03em;background:linear-gradient(160deg, var(--mist) 30%, var(--bloom) 70%, var(--honey));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.results__score span{letter-spacing:0;-webkit-text-fill-color:var(--muted);font-size:.32em}.results__verdict{margin:.8rem 0 0;font-size:1.15rem}.results__body{grid-template-columns:auto 1fr;align-items:start;gap:1.4rem;margin-bottom:2rem;display:grid}.squares{gap:4px;display:grid}.squares__row{align-items:center;gap:4px;height:2.6rem;display:flex}.sq{background:var(--line);border-radius:3px;width:.8rem;height:.8rem}.sq--o{background:var(--right)}.sq--x{background:var(--wrong)}.sq--s{background:var(--muted);opacity:.45}.recap{gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.recap li{grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.7rem;height:2.6rem;display:grid}.recap img{object-fit:cover;background:var(--dusk);border-radius:6px;width:2.6rem;height:2.6rem}.recap__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.recap__title,.recap__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recap__title{font-size:.95rem;font-weight:600}.recap__pts{color:var(--right);font-variant-numeric:tabular-nums;font-weight:700}.recap__pts.is-zero{color:var(--muted)}.submit{margin:2.6rem 0 2.4rem}.submit label{font:400 1.35rem/1.2 var(--display);margin-bottom:.6rem;display:block}.submit__row{grid-template-columns:1fr auto;gap:.6rem;display:grid}.error{color:var(--wrong);margin:.6rem 0 0}.placed{font:400 1.35rem/1.3 var(--display);text-align:center;margin:2.6rem 0 2rem}@media (width<=30rem){.volume input{width:5.5rem}.guess,.submit__row{grid-template-columns:1fr}.board__list li{grid-template-columns:1.5rem 1fr 3.4rem}.board__list .spark{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.orb__ring circle{stroke-dashoffset:0;opacity:.4;animation:none}}