:root:lang(ja){--cjk: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", Meiryo, "Noto Sans CJK JP"}:root{--paper: #1a1918;--ink: 237, 234, 227;--v-ghost: rgba(var(--ink), .09);--v-rest: rgba(var(--ink), .2);--v-dim: rgba(var(--ink), .38);--v-mid: rgba(var(--ink), .58);--v-near: rgba(var(--ink), .85);--v-full: rgb(var(--ink));--perfect: rgba(var(--ink), 1);--great: rgba(var(--ink), .72);--good: rgba(var(--ink), .46);--miss: rgba(var(--ink), .3);--latin: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto;--cjk: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo";--sans: var(--latin), var(--cjk), sans-serif;--font: var(--sans);--font-display: var(--sans);--font-data: var(--sans);--w-display: 200;--track-display: .1em;--track-data: .16em}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--paper);color:var(--v-full);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;overscroll-behavior:none;touch-action:none}#canvas{position:fixed;inset:0;display:block;touch-action:none}#settings{touch-action:pan-y}#stage{position:fixed;left:0;top:0;width:360px;height:640px;transform-origin:0 0;pointer-events:none;font-variant-numeric:tabular-nums}.tracked{letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box}#stage>*{position:absolute;left:0;width:100%;text-align:center;box-sizing:border-box}#score{--tr: var(--track-display);letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;top:30px;padding-left:var(--track-display);font-family:var(--font-display);font-size:42px;font-weight:var(--w-display);color:var(--v-near)}#acc{--tr: var(--track-data);letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;top:80px;padding-left:var(--track-data);font-family:var(--font-data);font-size:10px;color:var(--v-dim)}#combo{top:122px;font-family:var(--font-display);font-size:58px;font-weight:var(--w-display);line-height:1;color:var(--v-mid);opacity:0;transition:opacity .14s}#combo.on{opacity:1}#combo small{--tr: .42em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;display:block;font-family:var(--font-data);font-size:8px;color:var(--v-rest);margin-top:6px}#judgement{--tr: .52em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;top:198px;font-family:var(--font-data);font-size:11px;font-weight:500;text-indent:.52em;opacity:0}#judgement.pop{animation:pop .4s ease-out}@keyframes pop{0%{opacity:1;letter-spacing:.4em}65%{opacity:1;letter-spacing:.52em}to{opacity:0;letter-spacing:.56em}}#delta{--tr: .1em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;top:556px;font-family:var(--font-data);font-size:9px;color:var(--v-rest)}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:#1a1918e0;backdrop-filter:blur(7px);z-index:10}#overlay[hidden]{display:none}.card{width:min(88vw,340px);padding:28px 24px;text-align:center}#ov-logo{width:132px;height:47px;margin:0 auto 18px;background:var(--v-near);-webkit-mask:url(../logo.svg) no-repeat center / contain;mask:url(../logo.svg) no-repeat center / contain}.card h1{--tr: .22em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;font-family:var(--font-display);font-size:20px;font-weight:400;color:var(--v-near)}.card p{font-family:var(--font-data);margin-top:10px;font-size:11px;color:var(--v-dim);line-height:1.8;letter-spacing:.04em}#ov-body{font-family:var(--font-data);margin:22px 0 4px;font-size:12px;line-height:2;color:var(--v-dim);font-variant-numeric:tabular-nums}#ov-body .big{font-family:var(--font-display);font-size:44px;font-weight:var(--w-display);color:var(--v-near);letter-spacing:.04em}#ov-body table{width:100%;border-collapse:collapse;margin-top:14px}#ov-body td{padding:3px 0;font-size:11px;letter-spacing:.06em}#ov-body td:last-child{text-align:right;color:var(--v-mid)}button{box-sizing:border-box;font-family:var(--font-data);margin-top:20px;padding:11px 30px;border:2px solid var(--v-rest);border-radius:999px;background:transparent;color:var(--v-near);font:inherit;font-size:12px;letter-spacing:.2em;cursor:pointer;transition:border-color .15s,color .15s}button:hover:not(:disabled){border-color:var(--v-mid);color:var(--v-full)}#pause[hidden]{display:none}#pause-menu{position:fixed;inset:0;display:grid;place-items:center;background:rgba(var(--ink),.04);backdrop-filter:blur(3px);z-index:60}#pause-menu[hidden]{display:none}#pause-menu .card h1{--tr: .3em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;font-family:var(--font-display);font-size:13px;font-weight:400;color:var(--v-mid)}.row.col{flex-direction:column;gap:8px;margin-top:18px}#replay-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:14px;padding:8px 14px;border:1px solid var(--v-ghost);border-radius:22px;background:#1a1918eb;backdrop-filter:blur(6px);font-family:var(--font-data);font-size:10px;letter-spacing:.1em;color:var(--v-dim)}#replay-bar[hidden]{display:none}#replay-bar label{margin:0}#replay-bar,#replay-bar span,#replay-bar button{white-space:nowrap}#replay-bar button{margin:0;padding:6px 10px;font-size:10px}#trace{position:fixed;left:8px;top:8px;margin:0;width:min(52ch,28vw);font-family:ui-monospace,monospace;font-size:10px;line-height:1.45;color:var(--v-dim);white-space:pre-wrap;word-break:break-all;pointer-events:none;user-select:none;z-index:40}@media(max-width:560px){#pause[hidden]{display:none}#pause-menu{position:fixed;inset:0;display:grid;place-items:center;background:rgba(var(--ink),.04);backdrop-filter:blur(3px);z-index:60}#pause-menu[hidden]{display:none}#pause-menu .card h1{font-family:var(--font-display);font-size:13px;font-weight:400;letter-spacing:.3em;color:var(--v-mid)}.row.col{flex-direction:column;gap:8px;margin-top:18px}#replay-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:14px;padding:8px 14px;border:1px solid var(--v-ghost);border-radius:22px;background:#1a1918eb;backdrop-filter:blur(6px);font-family:var(--font-data);font-size:10px;letter-spacing:.1em;color:var(--v-dim)}#replay-bar[hidden]{display:none}#replay-bar label{margin:0}#replay-bar,#replay-bar span,#replay-bar button{white-space:nowrap}#replay-bar button{margin:0;padding:6px 10px;font-size:10px}#trace{top:auto;bottom:4px;width:calc(100vw - 16px);font-size:9px;line-height:1.35}}#trace[hidden],#overlay.result #ov-logo,#overlay.result #ov-packs,#overlay.result #b-packs,#overlay.result #ov-song,#overlay.result #song-dots,#overlay.result #ov-diffs{display:none}#loading{--tr: .16em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font-family:var(--font-data);font-size:10px;color:var(--v-dim)}#loading[hidden]{display:none}.spin{width:15px;height:15px;border:2px solid var(--v-rest);border-top-color:var(--v-near);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none;opacity:.55}}#ov-packs{display:flex;flex-direction:column;gap:8px;margin-top:22px}#ov-packs button{margin:0;padding:14px 16px;text-align:left;line-height:1.5}#ov-packs b{display:block;font-family:var(--font-display);font-size:14px;font-weight:400;letter-spacing:.08em;color:var(--v-near)}#ov-packs small{font-family:var(--font-data);font-size:10px;letter-spacing:.06em;color:var(--v-dim)}#b-packs{margin:18px 0 0;padding:7px 12px;font-size:10px}#b-packs[hidden],#ov-packs[hidden]{display:none}#ov-song{display:flex;align-items:center;gap:4px;margin-top:20px}#song-view{flex:1;overflow:hidden}#song-track{display:flex;width:100%;will-change:transform}.song-card{flex:0 0 100%;min-width:0;padding:2px 4px}.song-title{--tr: .08em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;font-family:var(--font-display);font-size:15px;color:var(--v-near);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta{--tr: .06em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;font-family:var(--font-data);margin-top:5px;font-size:10px;color:var(--v-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#song-prev,#song-next{flex:0 0 auto;margin-top:0;padding:0;width:30px;height:44px;border:0;background:none;font-size:22px;line-height:1;color:var(--v-mid)}#song-prev:disabled,#song-next:disabled{color:var(--v-ghost)}#song-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}#song-dots i{width:4px;height:4px;border-radius:50%;background:var(--v-rest);transition:background .2s}#song-dots i.on{background:var(--v-near)}#song-dots[hidden],#ov-song[hidden],#ov-diffs[hidden]{display:none}#ov-diffs{display:flex;gap:8px;justify-content:center;margin-top:22px}#ov-diffs button{--tr: .16em;letter-spacing:var(--tr);box-sizing:border-box;flex:1;margin-top:0;padding:12px 0 10px;border-radius:8px;font-size:10px;padding-left:var(--tr)}#ov-diffs button small{display:block;font-family:var(--font-display);margin-top:4px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--v-dim)}button:disabled{color:var(--v-rest);cursor:default}.hint{margin-top:24px!important;font-size:10px!important;color:var(--v-rest)!important}kbd{display:inline-block;font-family:var(--font-data);min-width:16px;padding:1px 4px;margin:0 1px;border:1px solid var(--v-rest);border-radius:3px;font:inherit;font-size:9px}#gear,#pause{--tr: .18em;letter-spacing:var(--tr);box-sizing:border-box;position:fixed;top:calc(14px + env(safe-area-inset-top));transition:top .15s;z-index:30;margin:0;height:44px;padding:0 16px;border:0;background:none;font-family:var(--font-data);font-size:10px;line-height:1;color:var(--v-dim);padding-left:var(--tr)}#gear{--tr: .18em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;right:calc(14px + env(safe-area-inset-right))}#pause{left:calc(14px + env(safe-area-inset-left))}@media all and (display-mode:fullscreen),all and (display-mode:standalone){#gear,#pause{top:calc(64px + env(safe-area-inset-top))}}.fs #gear,.fs #pause{top:calc(64px + env(safe-area-inset-top))}#settings{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--paper)}#settings header{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--v-ghost)}#settings header h2{--tr: .3em;letter-spacing:var(--tr);padding-left:var(--tr);box-sizing:border-box;font-family:var(--font-display);font-size:12px;font-weight:400;color:var(--v-mid)}#s-back{margin:0;padding:8px 12px;font-size:11px}#settings .sheet{flex:1;min-height:0;overflow-y:auto;width:min(100%,420px);margin:0 auto;padding:16px 16px calc(28px + env(safe-area-inset-bottom))}#settings[hidden]{display:none}#settings label{display:block;margin-bottom:13px}#settings label>span{display:block;font-family:var(--font-data);font-size:10px;color:var(--v-dim);letter-spacing:.1em;margin-bottom:7px}#settings b{font-family:var(--font-data);color:var(--v-near);font-weight:500;font-variant-numeric:tabular-nums}label.check{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--v-dim);letter-spacing:.1em;cursor:pointer}label.check input{accent-color:rgba(var(--ink),.75);width:13px;height:13px;cursor:pointer}input[type=range]{width:100%;height:2px;appearance:none;background:var(--v-rest);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--v-near);cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--v-near);cursor:pointer}#settings select{width:100%;padding:5px 6px;border:1px solid var(--v-ghost);border-radius:6px;background:transparent;color:var(--v-near);font:inherit;font-size:10px;letter-spacing:.06em}#settings select option{background:var(--paper);color:var(--v-near)}#settings .row{display:flex;gap:8px;margin-bottom:4px}#settings .row button{flex:1;margin-top:4px;padding:8px 0;font-size:10px;letter-spacing:.1em}#tuning{margin-top:12px;padding-top:12px;border-top:1px solid var(--v-ghost)}#tuning summary{font-family:var(--font-data);font-size:10px;color:var(--v-dim);letter-spacing:.12em;cursor:pointer;margin-bottom:12px;list-style:none}#tuning summary:before{content:"▸ "}#tuning[open] summary:before{content:"▾ "}#stats{font-family:var(--font-data);margin-top:14px;padding-top:13px;border-top:1px solid var(--v-ghost);font-size:10px;letter-spacing:.06em;font-variant-numeric:tabular-nums}#stats div{display:flex;justify-content:space-between;padding:2.5px 0;color:var(--v-rest)}#stats b{font-weight:500}.c-perfect{color:var(--perfect)}.c-great{color:var(--great)}.c-good{color:var(--good)}.c-miss{color:var(--miss)}#ov-diffs button em{display:block;min-height:1em;margin-top:3px;font-size:8px;font-style:normal;letter-spacing:.04em;color:var(--v-dim)}#ov-body .record,#ov-body .prev{margin-top:6px;font-size:10px;letter-spacing:.14em}#ov-body .record:before{content:"▲ "}#ov-body .prev{color:var(--v-dim)}#b-clear.danger{margin-top:10px;font-size:10px;color:var(--v-dim)}#b-clear.danger:disabled{opacity:.35}