@font-face{font-family:GmarketSans;font-weight:500 900;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff)format("woff")}:root{--night:#06050e;--deep:#0d0a1f;--steel:#a9b8ff;--bolt:#f4fbff;--ice:#3fe3ff;--fur:#ff3da8;--violet:#a57cff;--text:#f4f6ff;--muted:#9a9cc8;--line:#a57cff59;--skew:-12deg;--unskew:12deg;--neon-fur:0 0 4px #fffc, 0 0 12px var(--fur), 0 0 28px var(--fur), 0 0 56px #ff3da880;--display:"Unbounded", "GmarketSans", "Pretendard Variable", sans-serif;--display-ko:"GmarketSans", "Pretendard Variable", sans-serif;--ui:"Pretendard Variable", Pretendard, system-ui, sans-serif;--accent:var(--ice);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);font-family:var(--display-ko);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}button{font:inherit;color:inherit}kbd{font-family:var(--display);opacity:.65;vertical-align:3px;border:1.5px solid;border-radius:4px;margin-left:10px;padding:4px 8px;font-size:12px;font-weight:700}#app,#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;position:absolute;inset:0}.yt-bg{pointer-events:none;transition:opacity 1.2s;position:absolute;inset:0;overflow:hidden}.yt-bg.is-hiding{transition-duration:.12s}.yt-bg iframe{transform:translate(-50%, -50%) scale(var(--yt-scale,3));border:0;position:absolute;top:50%;left:50%}.screen{isolation:isolate;z-index:2;display:none;position:fixed;inset:0}.screen.is-active{display:block}.screen:after{content:"";pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.play>span,.ghost>span,.menu button>span,.stepper button>span,.diff>.diff-in,.chip>*,.song-list li>*{transform:skewX(var(--unskew));display:inline-block}.neon-floor{z-index:-1;pointer-events:none;transform-origin:50% 100%;height:2400px;position:absolute;bottom:0;left:-100%;right:-100%;overflow:hidden;transform:perspective(600px)rotateX(50deg);-webkit-mask-image:linear-gradient(#0000 45%,#000000e6 100%);mask-image:linear-gradient(#0000 45%,#000000e6 100%)}.neon-floor:before{content:"";background:repeating-linear-gradient(90deg,#a57cff8c 0 2px,#0000 2px 80px),repeating-linear-gradient(0deg,#ff3da880 0 2px,#0000 2px 80px);animation:2s linear infinite floor;position:absolute;inset:-80px 0 0}@keyframes floor{to{transform:translateY(80px)}}.song-title,.logo{font-family:var(--display);letter-spacing:-.03em;filter:drop-shadow(-2px 0 0 #3fe3ff8c) drop-shadow(2px 0 0 #ff3da88c) drop-shadow(0 0 18px var(--accent));font-weight:900;line-height:.98}.logo{transform:skewX(var(--skew));white-space:nowrap;display:inline-flex}.logo--small{filter:drop-shadow(-1.5px 0 0 #3fe3ff99) drop-shadow(1.5px 0 0 #ff3da899) drop-shadow(0 0 10px var(--accent))}.song-title .ch,.logo-ch{color:#0000;background:linear-gradient(105deg, transparent 40%, #fffffff2 48%, transparent 56%) 0 0 / 400% 100%, linear-gradient(180deg, #fff 0%, #e8ecff 30%, #8a91b4 48%, #3a3f5c 52%, color-mix(in srgb, var(--accent) 45%, #fff) 60%, #f2f5ff 82%, #9aa3c8 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}#title{text-align:center;place-items:center;display:none}#title.is-active{display:grid}.title-backdrop{z-index:-2;background:radial-gradient(60% 50% at 50% 42%, #3fe3ff24, transparent 70%), radial-gradient(40% 30% at 64% 60%, #ff3da824, transparent 70%), var(--night);position:absolute;inset:0}.title-logo{margin:0;font-weight:400;position:relative}.title-logo .logo{filter:drop-shadow(-3px 0 0 #3fe3ff99) drop-shadow(3px 0 0 #ff3da899) drop-shadow(0 0 28px var(--accent));font-size:clamp(56px,11vw,184px)}#title .logo-ch{animation:ch-in .62s cubic-bezier(.2, .8, .2, 1) calc(var(--t-start) + var(--i) * var(--t-step)) both, chrome var(--t-every) linear calc(var(--t-sheen) + var(--i) * 45ms) infinite}#title .title-logo .logo{animation:logo-split .55s steps(1) var(--t-drop)}@keyframes logo-split{0%{filter:drop-shadow(-16px 0 0 #3fe3ffd9) drop-shadow(16px 0 0 #ff3da8d9) drop-shadow(0 0 48px var(--accent))}25%{filter:drop-shadow(7px 0 0 #3fe3ffcc) drop-shadow(-7px 0 0 #ff3da8cc) drop-shadow(0 0 40px var(--accent))}55%{filter:drop-shadow(-5px 0 0 #3fe3ffb3) drop-shadow(5px 0 0 #ff3da8b3) drop-shadow(0 0 34px var(--accent))}}.title-hint{color:var(--bolt);letter-spacing:.06em;text-shadow:0 0 12px var(--ice);margin:0;font-size:24px;animation:2.4s ease-in-out infinite breathe;position:absolute;bottom:12vh;left:0;right:0}@keyframes breathe{50%{opacity:.35}}#select.is-active{display:grid}#select{grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,clamp(640px,36vw,960px)) minmax(0,1fr);gap:0;padding:30px clamp(24px,4vw,72px) 24px}.select-backdrop{pointer-events:none;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.select-top{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.select-logo{margin:0;font-size:34px}.ghost{transform:skewX(var(--skew));border:2px solid var(--violet);color:var(--text);cursor:pointer;background:#0d0a1fb3;padding:12px 26px;font-size:19px;box-shadow:0 0 14px #a57cff80}.ghost:hover,.ghost:focus-visible{border-color:var(--ice);outline:none;box-shadow:0 0 22px #3fe3ffb3}.deck{contain:layout style;grid-column:2;align-self:center;align-items:center;gap:4px;margin-right:clamp(56px,6vw,120px);display:flex}.arcade{--c:var(--accent);cursor:pointer;z-index:4;border:2px solid color-mix(in srgb, var(--c) 70%, #fff);color:#fff;background:radial-gradient(120% 80% at 50% 0%, #ffffff59, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--c) 55%, #10102a), color-mix(in srgb, var(--c) 20%, #06050e));width:62px;height:86px;box-shadow:0 7px 0 color-mix(in srgb, var(--c) 35%, #000), 0 9px 18px #0009, 0 0 18px var(--c), inset 0 -6px 10px #00000059;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;padding:0;transition:translate 80ms,box-shadow 80ms;display:flex;position:relative}.arcade i{clip-path:polygon(100% 0,0 50%,100% 100%);width:22px;height:24px;filter:drop-shadow(0 0 6px var(--c));background:#fff}.arcade--next i{clip-path:polygon(0 0,100% 50%,0 100%)}.arcade kbd{font-family:var(--display);background:#00000073;border-radius:5px;padding:2px 7px;font-size:14px;font-weight:800}.arcade:hover{filter:brightness(1.25)}.arcade:active{box-shadow:0 1px 0 color-mix(in srgb, var(--c) 35%, #000), 0 2px 6px #0009, 0 0 40px var(--c), inset 0 -2px 6px #00000059;translate:0 6px}.arcade:focus-visible{outline:2px dashed var(--bolt);outline-offset:4px}.record{--size:min(54vh, 29vw);height:var(--size);width:calc(var(--size) * 1.46);margin:0 22px;position:relative}.record-frame{pointer-events:none;z-index:3;--c:#3fe3ffd9;opacity:.7;will-change:opacity;background:linear-gradient(var(--c), var(--c)) top left / 34px 3px no-repeat, linear-gradient(var(--c), var(--c)) top left / 3px 34px no-repeat, linear-gradient(var(--c), var(--c)) top right / 34px 3px no-repeat, linear-gradient(var(--c), var(--c)) top right / 3px 34px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 34px 3px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 3px 34px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 34px 3px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 3px 34px no-repeat;filter:drop-shadow(0 0 6px var(--ice));position:absolute;inset:-22px}.sleeve,.disc{width:var(--size);height:var(--size);position:absolute;top:0;left:0}.sleeve{z-index:2;box-shadow:0 30px 60px -20px #000c, 0 0 0 2px var(--accent), 0 0 24px var(--accent), 0 0 60px -10px var(--accent);border-radius:4px;overflow:hidden}.sleeve img{object-fit:cover;width:100%;height:100%;display:block}.sleeve:after{content:"";background:linear-gradient(115deg,#ffffff29,#0000 38% 70%,#ffffff0d);position:absolute;inset:0}.disc{z-index:1;border-radius:50%;transition:transform .9s cubic-bezier(.2,.8,.2,1);transform:translate(0)rotate(0)}.disc:after{content:"";border:2px solid var(--fur);box-shadow:0 0 18px var(--fur), inset 0 0 18px #ff3da880;pointer-events:none;border-radius:50%;position:absolute;inset:-3px}.record.is-out .disc{transform:translate(46%)}.disc canvas{width:100%;height:100%;position:absolute;inset:0}.disc-face{animation:1.8s linear infinite paused spin}.record.is-out .disc-face{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.song-info{contain:layout style;grid-column:3;align-self:center;container-type:inline-size}.song-title{color:#fff;min-height:.95em;margin:0;font-size:clamp(56px,7.4vw,128px)}.song-title .line{white-space:nowrap;display:block}.song-title .ch{animation:ch-in .62s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 32ms) both, chrome 6s linear calc(.8s + var(--i) * 45ms) infinite}@keyframes ch-in{0%{opacity:0;transform:translateY(.5em)scaleY(1.7)skew(-18deg)}35%{opacity:1;clip-path:inset(0 0 52%);transform:translate(-.06em,-.05em)scaleY(.92)}50%{clip-path:inset(38% 0 0);transform:translate(.05em)}65%{clip-path:inset(0);transform:translate(-.02em)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes chrome{0%{background-position:100% 0,0 0}18%,to{background-position:-100% 0,0 0}}.song-info.is-leaving .ch{animation:ch-out .24s cubic-bezier(.6, 0, .9, .4) calc(var(--i) * 10ms) both}@keyframes ch-out{40%{clip-path:inset(30% 0)}to{opacity:0;clip-path:inset(48% 0);transform:translate(-.4em)skew(30deg)scaleY(.2)}}.song-artist,.song-meta{animation:.5s cubic-bezier(.2,.8,.2,1) .18s both slide-in}.song-meta{animation-delay:.28s}.song-info.is-leaving :is(.song-artist,.song-meta){animation:.22s ease-in both slide-out}@keyframes slide-in{0%{opacity:0;transform:translate(60px)skew(-20deg)}}@keyframes slide-out{to{opacity:0;transform:translate(-50px)skew(20deg)}}.song-artist{font-family:var(--display);color:var(--steel);text-shadow:0 0 14px #a57cff99;margin:18px 0 0;font-size:28px;font-weight:800}.song-meta{gap:12px;margin:16px 0 0;display:flex}.chip{transform:skewX(var(--skew));border:1.5px solid var(--line);font-family:var(--display);color:var(--bolt);background:#0d0a1f99;padding:6px 14px;font-size:16px;font-weight:700}.diffs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px 0 0;display:grid}.diff{--c:var(--steel);transform:skewX(var(--skew));cursor:pointer;color:var(--muted);text-align:center;background:#0d0a1fa6;border:2px solid #a57cff59;padding:14px 10px 12px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}.diff>.diff-in{display:block}.diff b{font-family:var(--display);color:#f4f6ff66;font-size:clamp(26px,8.2cqi,64px);font-weight:900;line-height:1;display:block}.diff-in>span{font-family:var(--display);margin-top:8px;font-size:clamp(9px,2.4cqi,18px);font-weight:800;display:block}.diff small{margin-top:4px;font-size:clamp(11px,2.3cqi,16px);display:block}.diff[aria-checked=true]{color:var(--text);border-color:var(--c);background:color-mix(in srgb, var(--c) 16%, #0d0a1fcc);box-shadow:0 0 22px var(--c), inset 0 0 18px color-mix(in srgb, var(--c) 35%, transparent);transform:skewX(var(--skew)) translateY(-4px)}.diff[aria-checked=true] b{color:#fff;text-shadow:0 0 8px var(--c), 0 0 24px var(--c)}.diff:active{translate:0 5px}.diff:focus-visible{outline:2px dashed var(--bolt);outline-offset:3px}.best{min-height:26px;color:var(--steel);margin:22px 0 0;font-size:19px}.play{cursor:pointer;transform:skewX(var(--skew));font-family:var(--display);letter-spacing:.02em;color:#fff;background:color-mix(in srgb, var(--accent) 22%, #0d0a1fd9);border:2.5px solid var(--accent);text-shadow:0 0 12px var(--accent);box-shadow:0 0 26px var(--accent), inset 0 0 18px color-mix(in srgb, var(--accent) 35%, transparent);margin-top:24px;padding:20px 46px;font-size:26px;font-weight:900;position:relative}.play:before{content:"";z-index:-1;pointer-events:none;box-shadow:0 0 44px var(--accent), inset 0 0 28px color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;animation:1.6s ease-in-out infinite ready;position:absolute;inset:-3px}@keyframes ready{50%{opacity:1}}.play:active{filter:brightness(1.6);translate:0 5px}.play:hover{background:var(--accent);color:var(--night);text-shadow:none}.play:focus-visible{outline:2px solid var(--bolt);outline-offset:4px}.song-strip{grid-column:1/-1;align-items:center;gap:4px;min-width:0;margin:0 -18px;display:flex}.song-list{scrollbar-width:none;flex:1;gap:14px;min-width:0;margin:0;padding:18px 34px 22px;list-style:none;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 34px calc(100% - 34px),#0000);mask-image:linear-gradient(90deg,#0000,#000 34px calc(100% - 34px),#0000)}.strip-arrow{width:42px;height:56px;transform:skewX(var(--skew));color:var(--text);cursor:pointer;background:#0d0a1fb3;border:2px solid #a57cff80;flex:none;place-items:center;padding:0;transition:border-color .15s,box-shadow .15s,translate .15s;display:grid}.strip-arrow:hover{border-color:var(--accent);box-shadow:0 0 14px var(--accent)}.strip-arrow:active{translate:0 3px}.strip-arrow i{border-block:8px solid #0000;width:0;height:0}.strip-arrow--prev i{border-right:12px solid}.strip-arrow--next i{border-left:12px solid}.song-list li{transform:skewX(var(--skew));cursor:pointer;color:var(--muted);background:#0d0a1fa6;border:2px solid #a57cff59;flex:none;align-items:center;gap:12px;padding:8px 20px 8px 8px;font-size:17px;transition:border-color .15s,box-shadow .15s,translate .15s;display:flex}.song-list img{object-fit:cover;width:44px;height:44px}.song-list li:hover{color:var(--text);border-color:#a57cffcc}.song-list li:active{translate:0 4px}.song-list li.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 14%, #0d0a1fcc);box-shadow:0 0 16px var(--accent), inset 0 0 14px color-mix(in srgb, var(--accent) 30%, transparent);translate:0 -3px}.select-help{font-family:var(--ui);color:var(--steel);text-shadow:0 1px 2px #000,0 0 8px #000;grid-column:1/-1;margin:16px 0 0;font-size:15px}.modal{z-index:10;background:#03020aad;place-items:center;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.panel{border:2px solid var(--violet);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:linear-gradient(160deg,#140e2ef7,#080614f7);width:min(780px,100vw - 32px);max-height:calc(100vh - 32px);padding:32px 36px 24px;overflow-y:auto;box-shadow:inset 0 0 40px #a57cff1f}.panel--narrow{width:min(460px,100vw - 32px)}.panel h3{font-family:var(--display);text-shadow:0 0 10px var(--violet), 0 0 26px var(--violet);margin:0 0 20px;font-size:36px;font-weight:900}.panel-help{font-family:var(--ui);color:var(--muted);margin:18px 0 0;font-size:15px}.settings-rows{margin:0;padding:0;list-style:none}.settings-rows li{cursor:default;border-left:4px solid #0000;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.settings-rows li.is-active{border-left-color:var(--ice);background:linear-gradient(90deg,#3fe3ff29,#3fe3ff00)}.settings-rows .label{font-size:21px}.settings-rows .label small{font-family:var(--ui);color:var(--muted);margin-top:4px;font-size:15px;display:block}.stepper{align-items:center;gap:10px;display:flex}.stepper button{width:42px;height:38px;transform:skewX(var(--skew));border:2px solid var(--line);cursor:pointer;color:var(--bolt);background:#0d0a1fb3;font-size:20px;font-weight:900}.stepper button:hover{border-color:var(--ice);box-shadow:0 0 12px #3fe3ff99}.stepper output{text-align:center;min-width:140px;font-family:var(--display);color:#fff;text-shadow:0 0 10px #3fe3ff99;font-size:19px;font-weight:800}.menu{gap:12px;display:grid}.menu button{transform:skewX(var(--skew));border:2px solid var(--line);cursor:pointer;text-align:left;background:#0d0a1fb3;padding:16px 22px;font-size:22px;display:flex}.menu button>span{justify-content:space-between;align-items:center;width:100%;display:flex}.menu button:active,.stepper button:active,.ghost:active{filter:brightness(1.6);translate:0 4px}.menu button,.stepper button,.ghost{transition:translate 80ms,filter 80ms}.menu button:hover,.menu button:focus-visible,.menu button.is-active{border-color:var(--ice);background:#3fe3ff1f;outline:none;box-shadow:0 0 18px #3fe3ff8c}#result{z-index:5;background:radial-gradient(70% 60% at 30%,#ff3da829,#0000 70%),#06050ef2}#result.is-active{place-items:center;display:grid}.result-card{grid-template-columns:auto minmax(0,520px);align-items:center;gap:clamp(24px,6vw,110px);padding:24px;display:grid}.result-grade{font-family:var(--display);color:#ffe8f6;text-shadow:var(--neon-fur);font-size:clamp(180px,28vw,400px);font-weight:900;line-height:.8;animation:.7s cubic-bezier(.2,.9,.2,1.2) both stamp}@keyframes stamp{0%{opacity:0;filter:blur(8px);transform:scale(1.6)}}.result-song{color:var(--steel);font-family:var(--display);margin:0;font-size:21px;font-weight:800}.result-score{font-family:var(--display);letter-spacing:-.02em;text-shadow:0 0 20px var(--ice);margin:8px 0 0;font-size:clamp(52px,6vw,84px);font-weight:900}.result-flags{min-height:24px;font-family:var(--display);color:var(--fur);text-shadow:0 0 12px var(--fur);margin:8px 0 0;font-size:19px;font-weight:800}.result-counts{grid-template-columns:auto 1fr;gap:10px 32px;margin:28px 0;font-size:22px;display:grid}.result-counts dt{color:var(--muted)}.result-counts dd{font-family:var(--display);text-align:right;margin:0;font-weight:800}.menu--row{grid-template-columns:1fr 1fr;gap:14px;display:grid}#toast{transform:translateX(-50%) skewX(var(--skew));z-index:20;border:2px solid var(--ice);background:#0d0a1ff2;padding:14px 24px;font-size:18px;position:fixed;bottom:32px;left:50%;box-shadow:0 0 18px #3fe3ff80}#loading{z-index:30;background:#06050e99;place-items:center;display:grid;position:fixed;inset:0}#loading[hidden]{display:none}#loading span{border:4px solid var(--line);border-top-color:var(--ice);border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin;box-shadow:0 0 18px #3fe3ff80}@media (height<=780px){.select-help{display:none}.song-artist{margin-top:10px;font-size:24px}.song-meta{margin-top:10px}.diffs{margin-top:18px}.diff{padding:8px 8px 6px}.best{margin-top:12px}.play{margin-top:12px;padding:12px 34px;font-size:22px}.song-list{padding-block:12px 14px}}@media (width<=960px){#select{grid-template-rows:auto auto 1fr auto auto;grid-template-columns:1fr;overflow-y:auto}.deck,.song-info{grid-column:1;margin-right:0}.record{--size:min(46vw, 34vh);justify-self:center;margin:28px 0}.diffs{gap:8px}.diff b{font-size:38px}.result-card{text-align:center;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.disc-face{animation-duration:12s}.disc,.yt-bg,.yt-bg.is-hiding{transition:none}.song-title .ch,.song-artist,.song-meta,.title-hint,.result-grade,#title .logo-ch,#title .title-logo .logo,.neon-floor:before,.play:before{animation:none}}.select-actions{gap:14px;display:flex}#select.is-empty .deck,#select.is-empty .song-info,#select.is-empty .song-strip{visibility:hidden}.select-empty{text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:18px;padding:0 24px;display:grid;position:absolute;inset:0}.select-empty>*{pointer-events:auto}.select-empty h2{font-family:var(--display-ko);text-shadow:0 0 10px var(--violet), 0 0 26px var(--violet);margin:0;font-size:clamp(32px,4vw,52px)}.select-empty p{max-width:560px;font-family:var(--ui);color:var(--steel);margin:0 0 8px;font-size:18px;line-height:1.6}.song-credit{white-space:pre-wrap;font-family:var(--ui);color:var(--muted);margin:8px 0 0;font-size:15px}.ghost--small{padding:8px 18px;font-size:16px}.ghost:disabled{opacity:.5;cursor:default}.library-section{margin:0 0 22px}.library-section h4{color:var(--ice);margin:0 0 6px;font-size:20px}.library-section p{font-family:var(--ui);color:var(--steel);margin:0 0 12px;font-size:15px;line-height:1.5}.library-buttons{flex-wrap:wrap;gap:12px;display:flex}.library-list,.credits-list{margin:14px 0 0;padding:0;list-style:none}.library-list li,.credits-list li{border-left:4px solid var(--line);padding:10px 14px}.library-list li{justify-content:space-between;align-items:center;gap:16px;display:flex}.library-list li+li,.credits-list li+li{margin-top:6px}.library-name{gap:2px;min-width:0;display:grid}.library-name b,.library-name small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-name small,.credits-list span{white-space:pre-wrap;font-family:var(--ui);color:var(--muted);font-size:14px}.credits-list li{gap:2px;display:grid}.credits-list a{color:var(--ice);font-family:var(--ui);word-break:break-all;font-size:14px}.credits-list b a{font-family:inherit;font-size:inherit}.link{color:var(--ice);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.select-notice{z-index:2;border:2px solid var(--ice);font-family:var(--ui);background:#0d0a1fd9;align-items:center;gap:16px;padding:10px 12px 10px 20px;font-size:16px;display:flex;position:absolute;top:96px;left:50%;translate:-50%;box-shadow:0 0 18px #3fe3ff73}.hud{pointer-events:none;z-index:3;font-family:var(--display);color:#fff;position:absolute;inset:0;overflow:hidden}.hud>*{position:absolute}.hud-plate{--a:color-mix(in srgb, var(--p-night) 80%, transparent);--b:color-mix(in srgb, var(--p-night) 50%, transparent);background:radial-gradient(ellipse closest-side at 50% 50%, var(--a), var(--b) 55%, transparent)}.hud-plate--right{width:920px;height:340px;top:-170px;right:-460px}.hud-combo{transform-origin:0 0;width:0;height:0;font-size:var(--combo-size);--glow:var(--p-ice);display:none;top:30%;left:50%}.hud-combo[data-fever="2"]{--bot:var(--p-fur);--glow:var(--p-fur)}.hud-combo[data-fever="3"]{--top:var(--p-fur);--bot:var(--p-fur);--glow:var(--p-fur)}.hud-combo>*{white-space:nowrap;line-height:1;position:absolute;left:0;translate:-50%}.hud-combo-label{top:calc(var(--combo-size) * -1.1);font-size:calc(var(--combo-size) * .24);color:color-mix(in srgb, var(--p-steel) 90%, transparent);font-weight:700}.hud-combo-num{top:calc(var(--combo-size) * -.85);background:linear-gradient(to bottom, var(--top,#fff), var(--p-bolt) 55%, var(--bot,var(--p-ice)));color:#0000;filter:drop-shadow(0 0 13px var(--glow));-webkit-background-clip:text;background-clip:text;font-weight:800}.hud-fever{top:calc(var(--combo-size) * .216);font-size:calc(var(--combo-size) * .24);color:var(--p-ice);text-shadow:0 0 18px;font-weight:800;display:none}.hud-combo[data-fever="2"] .hud-fever{color:var(--lane2)}.hud-combo[data-fever="3"] .hud-fever{color:var(--p-fur)}.hud-judge{width:var(--field-w);place-items:center;display:grid;top:45%;left:50%;translate:-50% -50%}.hud-judge[data-judge=perfect]{--jc:var(--p-bolt);--jg:var(--p-ice)}.hud-judge[data-judge=great]{--jc:var(--p-ice);--jg:var(--p-ice)}.hud-judge[data-judge=good]{--jc:var(--p-violet);--jg:var(--p-violet)}.hud-judge[data-judge=miss]{--jc:var(--p-miss);--jg:var(--p-miss)}.hud-judge-in{opacity:0;text-align:center;position:relative}.hud-judge-in:before{content:"";width:calc(var(--field-w) * .64);background:radial-gradient(closest-side, var(--jg), transparent);opacity:.5;mix-blend-mode:screen;height:60px;position:absolute;top:50%;left:50%;translate:-50% -50%}.hud-judge-text{font-size:var(--judge-size);color:var(--jc);text-shadow:0 0 22px var(--jg);white-space:nowrap;font-weight:800;line-height:1;display:block;position:relative}.hud-judge-delta{color:color-mix(in srgb, var(--p-steel) 95%, transparent);font-size:15px;font-weight:700;line-height:1;position:absolute;top:calc(50% + 24px);left:0;right:0}.hud-disc{width:var(--disc);height:var(--disc);top:28px;left:28px}.hud-disc canvas,.hud-disc-spin{width:100%;height:100%;position:absolute;inset:0}.hud-disc-spin{animation:spin var(--spin) linear infinite}.hud-ring{position:absolute;top:-10px;left:-10px;overflow:visible}.hud-ring circle{fill:none;stroke-width:3px}.hud-ring-track{stroke:#ffffff1a}.hud-ring-bar{stroke:var(--lane2)}.hud-song{left:calc(52px + var(--disc));height:var(--disc);max-width:calc(30vw - 52px - var(--disc));flex-direction:column;justify-content:center;display:flex;top:28px}.hud-title{white-space:nowrap;text-shadow:0 0 14px var(--lane2);font-weight:800;line-height:1.04}.hud-title span{display:block}.hud-artist{margin-top:calc(var(--disc) * .037);font-family:var(--display-ko);font-size:calc(var(--disc) * .15);color:color-mix(in srgb, var(--p-steel) 90%, transparent);white-space:nowrap;font-weight:700;line-height:1.1}.hud-diff{margin-top:calc(var(--disc) * .07);font-size:calc(var(--disc) * .13);color:var(--diff);font-weight:800;line-height:1}.hud-scorebox{right:36px;top:calc(84px - var(--score-size) * .82);text-align:right}.hud-score{font-size:var(--score-size);text-shadow:0 0 16px var(--p-ice);font-weight:800;line-height:1}.hud-acc{color:color-mix(in srgb, var(--p-steel) 90%, transparent);margin-top:6px;font-size:19px;font-weight:700;line-height:1}.hud-info{font-family:var(--display-ko);white-space:pre;color:color-mix(in srgb, var(--p-steel) 85%, transparent);font-size:17px;font-weight:700;line-height:1;bottom:24px;left:28px}.hud-gauge{white-space:nowrap;will-change:transform;font-size:15px;font-weight:800;line-height:1;top:0;left:0}.hud-count{--cc:var(--p-bolt);display:none;top:38%;left:50%;translate:-50% -50%}.hud-count[data-label=READY]{--cc:var(--p-ice)}.hud-count[data-label=GO\!]{--cc:var(--p-fur)}.hud-count-in{white-space:nowrap;color:#fff;text-shadow:0 0 36px var(--cc);font-size:128px;font-weight:900;line-height:1}.hud-count[data-label=READY] .hud-count-in{font-size:64px}.hud-guide{display:none;inset:0}.hud-guide>*{white-space:pre;line-height:1;position:absolute;translate:-50% -50%}.hud-guide-key{font-weight:800}.hud-guide-hint{font-family:var(--display-ko);color:color-mix(in srgb, var(--p-bolt) 90%, transparent);font-size:19px;font-weight:700}.hud-fail{opacity:0;font-size:var(--fail-size);white-space:nowrap;color:var(--p-miss);font-weight:900;line-height:1;display:none;top:45%;left:50%;translate:-50% -50%}