#game.svelte-68xv83{display:flex;flex-direction:column;align-items:center;min-height:100%;box-sizing:border-box;background-color:var(--bg-game)}#control.svelte-68xv83{width:100%;height:32px;display:flex;align-items:center;gap:8px;padding:0 12px;box-sizing:border-box}.chart-action-btn.svelte-68xv83{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:fit-content;box-sizing:border-box;padding:2px 10px;color:#ccc;background-color:#ffffff1a;border:1px solid #666;border-radius:5px;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:400;line-height:normal;text-decoration:none;white-space:nowrap}.chart-action-btn.svelte-68xv83:hover{background-color:#fff3;color:#fff}.replay-indicator.svelte-68xv83{color:#ddd;font-size:.65rem;padding:1px 6px;background:#ffffff14;border:1px solid #555;border-radius:3px;white-space:nowrap}.exit-replay-btn.svelte-68xv83{background:transparent;color:#888;border:1px solid #555;border-radius:3px;width:18px;height:18px;font-size:.75rem;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.exit-replay-btn.svelte-68xv83:hover{color:#ddd;border-color:#888}#volume-controler.svelte-68xv83{display:flex;align-items:center;width:150px;margin-left:auto}#volume-controler.svelte-68xv83 input[type=range]:where(.svelte-68xv83){height:4px;min-width:0;accent-color:#777;cursor:pointer}#volume.svelte-68xv83{flex-shrink:0;width:22px;color:#aaa;text-align:right;background:transparent;border:none;font-size:11px;font-variant-numeric:tabular-nums}#content.svelte-68xv83{width:100%;height:100vh;overflow:hidden;position:relative}#frame.svelte-68xv83{width:100%;height:100%;position:relative;background-color:#111}#empty-frame.svelte-68xv83{display:flex;width:100%;height:100%;position:relative;background-color:#111;flex-direction:column;justify-content:center;align-items:center}#frame.svelte-68xv83 img:where(.svelte-68xv83),#frame.svelte-68xv83 video:where(.svelte-68xv83){width:100%;height:100%;object-fit:cover}.retry-btn.svelte-68xv83{border-color:#4dd0e1;color:#4dd0e1}.retry-btn.svelte-68xv83:hover{background-color:#4dd0e126}.select-btn.svelte-68xv83{border-color:#aaa}.ranking-btn.svelte-68xv83{border-color:#ffd54f;color:#ffd54f}.ranking-btn.svelte-68xv83:hover:not(:disabled){background-color:#ffd54f26}.ranking-btn.svelte-68xv83:disabled{opacity:.5;cursor:default}.ranking-btn.sent.svelte-68xv83{border-color:#81c784;color:#81c784}.ranking-btn.error.svelte-68xv83{border-color:#ef5350;color:#ef5350}.bottom-section.svelte-68xv83{width:100%;margin:0 auto;padding:28px max(16px,calc((100vw - 1080px)/2 + 16px)) 40px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;background:linear-gradient(to bottom,#111,#0a0a0a);border-top:1px solid rgba(255,255,255,.06);transition:transform .3s ease,opacity .3s ease}@media (max-width: 560px){.bottom-section.svelte-68xv83{grid-template-columns:1fr;gap:24px}}.ranking-section.svelte-68xv83,.other-charts-section.svelte-68xv83{min-width:0}.ranking-scroll.svelte-68xv83{max-height:156px;overflow-y:auto;padding-right:4px}.other-charts-scroll.svelte-68xv83{max-height:204px;overflow-y:auto;padding-right:4px}.ranking-scroll.svelte-68xv83::-webkit-scrollbar,.other-charts-scroll.svelte-68xv83::-webkit-scrollbar{width:6px}.ranking-scroll.svelte-68xv83::-webkit-scrollbar-thumb,.other-charts-scroll.svelte-68xv83::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.ranking-scroll.svelte-68xv83::-webkit-scrollbar-thumb:hover,.other-charts-scroll.svelte-68xv83::-webkit-scrollbar-thumb:hover{background:#fff3}.ranking-scroll.svelte-68xv83 .ranking-table:where(.svelte-68xv83) thead:where(.svelte-68xv83) th:where(.svelte-68xv83){position:sticky;top:0;background:#080808;z-index:1}body:has(#game.input-focused) .sidebar{margin-left:-48px;opacity:0}body:has(#game.input-focused.hover-left) .sidebar{margin-left:0;opacity:1}.ranking-title.svelte-68xv83{color:#777;font-size:.68rem;margin:0 0 8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.ranking-table.svelte-68xv83{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;color:#b8b8b8;font-size:.76rem;background:#050505;border:1px solid #242424}.ranking-table.svelte-68xv83 thead:where(.svelte-68xv83) th:where(.svelte-68xv83){color:#7a7a7a;font-weight:400;padding:3px 6px;text-align:left;font-size:.7rem;letter-spacing:0;text-transform:none;white-space:nowrap;border-bottom:1px solid #2b2b2b;background:#050505}.ranking-table.svelte-68xv83 tbody:where(.svelte-68xv83) td:where(.svelte-68xv83){padding:6px;border-bottom:1px solid #202020;vertical-align:middle;white-space:nowrap;height:26px}.ranking-table.svelte-68xv83 tbody:where(.svelte-68xv83) tr:where(.svelte-68xv83):last-child td:where(.svelte-68xv83){border-bottom:none}.ranking-table.svelte-68xv83 tbody:where(.svelte-68xv83) tr:where(.svelte-68xv83){background:#090909}.ranking-table.svelte-68xv83 tbody:where(.svelte-68xv83) tr:where(.svelte-68xv83):hover{background-color:#111}.ranking-table.svelte-68xv83 tr.my-score:where(.svelte-68xv83) td:where(.svelte-68xv83){background-color:#ffffff0f;color:inherit}.ranking-table.svelte-68xv83 tr.my-score:where(.svelte-68xv83) td:where(.svelte-68xv83):first-child{box-shadow:inset 2px 0 #ffffff80}.rank-col.svelte-68xv83{width:28px;text-align:center;color:#9a9a9a;font-variant-numeric:tabular-nums}.user-col.svelte-68xv83{width:auto;min-width:0}.user-name.svelte-68xv83{color:#d0d0d0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.my-score.svelte-68xv83 .user-name:where(.svelte-68xv83){color:#fff;font-weight:600}.score-col.svelte-68xv83{width:76px;text-align:right;font-weight:500;font-variant-numeric:tabular-nums;font-size:.82rem;color:#d6d6d6}.speed-col.svelte-68xv83{width:66px;text-align:right;color:#a8a8a8;font-variant-numeric:tabular-nums}.speed-col.svelte-68xv83 .unit:where(.svelte-68xv83){color:#666;font-size:.58rem;margin-left:2px;font-weight:400}.backspace-col.svelte-68xv83{width:72px;text-align:right;color:#a0a0a0;font-variant-numeric:tabular-nums}.replay-col.svelte-68xv83{width:28px;text-align:center}.ranking-table.svelte-68xv83 thead:where(.svelte-68xv83) .rank-col:where(.svelte-68xv83){text-align:center}.ranking-table.svelte-68xv83 thead:where(.svelte-68xv83) .user-col:where(.svelte-68xv83){text-align:left}.ranking-table.svelte-68xv83 thead:where(.svelte-68xv83) .score-col:where(.svelte-68xv83),.ranking-table.svelte-68xv83 thead:where(.svelte-68xv83) .speed-col:where(.svelte-68xv83),.ranking-table.svelte-68xv83 thead:where(.svelte-68xv83) .backspace-col:where(.svelte-68xv83){text-align:right}.replay-btn.svelte-68xv83{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#777;text-decoration:none;background:transparent;border:1px solid #2a2a2a;border-radius:2px;cursor:pointer;padding:0;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.replay-btn.svelte-68xv83:hover:not(:disabled){color:#bdbdbd;border-color:#555;background-color:#161616}.replay-btn.svelte-68xv83:disabled{opacity:.4;cursor:not-allowed}.ranking-empty.svelte-68xv83{color:#666;font-size:.8rem;text-align:center;padding:16px 0;margin:0}.other-charts-list.svelte-68xv83{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.other-chart-row.svelte-68xv83{position:relative;display:block;overflow:hidden;padding:10px 12px;border-radius:6px;text-decoration:none;color:inherit;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background-color .12s ease,border-color .12s ease}.other-chart-row.svelte-68xv83:hover{background:#ffffff0f;border-color:#ffffff24}.other-preview-btn.svelte-68xv83{position:absolute;right:8px;bottom:8px;z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#0009;color:var(--text-primary);font-size:.62rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.other-chart-row.svelte-68xv83:hover .other-preview-btn:where(.svelte-68xv83),.other-preview-btn.svelte-68xv83:focus-visible,.other-preview-btn.playing.svelte-68xv83{opacity:1}.other-preview-btn.svelte-68xv83:hover{background:#000000d9}.other-chart-thumb.svelte-68xv83{position:absolute;top:0;right:0;height:100%;aspect-ratio:16 / 9;object-fit:cover;opacity:.32;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to left,#000 35%,transparent 95%);mask-image:linear-gradient(to left,#000 35%,transparent 95%)}.other-chart-thumb-placeholder.svelte-68xv83{background:linear-gradient(135deg,#2a2a30,#1a1a20)}.other-chart-text.svelte-68xv83{position:relative;z-index:1;display:flex;flex-direction:column;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.85)}.other-chart-title.svelte-68xv83{color:#f2f2f2;font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.other-chart-artist.svelte-68xv83{color:#c8c8c8;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1em;margin-bottom:5px}.other-chart-line.svelte-68xv83{color:#c2c2c2;font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}