:root{--bg:#1b1a2e;--bg2:#26243f;--panel:#2f2c4e;--ink:#f6f1e7;--muted:#b9b4cf;--accent:#f2b84b;--accent-ink:#2a1c05;--lane0:#4c8fd6;--lane1:#f0a030;--lane2:#e58ab8;--lane3:#3fbf9a;--radius:18px;--font:ui-rounded, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.app,.app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.app input,.app textarea{-webkit-user-select:text;user-select:text}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;overscroll-behavior:none}.app{background:url(/sides.svg) center / 220px 220px repeat, radial-gradient(120% 80% at 50% 0%, #2c2a4a 0%, var(--bg) 60%);justify-content:center;display:flex;position:fixed;inset:0}.app-page{min-height:100%;display:block;position:static;overflow:auto}.floor{text-align:center;max-width:32em;color:var(--muted);margin:auto;padding:24px}.column{background:var(--bg);flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;position:relative;box-shadow:0 0 60px #00000073}@media (min-width:481px){.column{border-left:1px solid #3a3760;border-right:1px solid #3a3760}}.screen{-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}.screen[hidden]{display:none}.screen-pad{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}h1,h2,h3{letter-spacing:.2px;margin:0 0 8px;font-weight:800}h1{font-size:2rem}h2{font-size:1.35rem}p{margin:0 0 12px;line-height:1.45}.muted{color:var(--muted)}.small{font-size:.9rem}.title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.title img{width:56px;height:56px}.title small{color:var(--muted);font-size:.9rem;font-weight:600;display:block}button,.btn{font:inherit}.btn{background:var(--panel);min-height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-block{width:100%}.btn-row{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.btn-row .btn{flex:auto}.btn-small{min-height:36px;padding:6px 14px;font-size:.95rem}.card{background:var(--bg2);border-radius:var(--radius);margin:0 0 12px;padding:14px 16px}.card h3{font-size:1.15rem}.song-group{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:.85rem;font-weight:700}.song{align-items:center;gap:12px;display:flex}.song .info{flex:auto;min-width:0}.song .best{color:var(--muted);font-size:.9rem}.stars{color:var(--accent);letter-spacing:2px}.diff{gap:6px;margin:8px 0 0;display:flex}.diff .btn{min-height:36px;padding:4px 12px;font-size:.9rem}.diff .btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.nav{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;display:flex}.nav .btn{flex:30%}.game{background:#0f0e1a;position:absolute;inset:0}.game canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.overlay{pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay>*{pointer-events:auto}.topbar{top:max(8px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:8px;right:8px}.topbar .btn{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141228b3;min-height:40px;padding:6px 14px}.panel{margin:0 12px max(12px, env(safe-area-inset-bottom));border-radius:var(--radius);background:#1b1a2ef5;max-height:62%;padding:16px;overflow:auto;box-shadow:0 10px 40px #00000080}.panel h2{text-align:center}.score-big{text-align:center;font-variant-numeric:tabular-nums;margin:4px 0;font-size:2.4rem;font-weight:900}.breakdown{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.breakdown div{background:var(--bg2);border-radius:12px;padding:8px 4px}.breakdown b{font-size:1.2rem;display:block}.breakdown span{color:var(--muted);font-size:.8rem}.badges{text-align:center;color:var(--accent);min-height:1.4em;font-weight:800}.center{text-align:center}label.row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}label.row span{flex:auto}input[type=range]{width:46%;accent-color:var(--accent)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.calib-pulse{background:var(--panel);width:160px;height:160px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;justify-content:center;align-items:center;margin:24px auto;font-size:2rem;font-weight:900;transition:transform 80ms;display:flex}.calib-pulse.on{background:var(--accent);color:var(--accent-ink);transform:scale(1.12)}.taparea{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:var(--radius);background:var(--bg2);flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:220px;margin:8px 0;display:flex}.kbd{background:var(--panel);border:1px solid #4a4775;border-radius:6px;padding:1px 7px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;display:inline-block}.lane-dot{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #3a3760;padding:6px 8px}.page{max-width:760px;margin:0 auto;padding:24px 16px 48px}.voice{background:var(--bg2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;display:flex}.voice .name{flex:160px;font-weight:700}.voice .credit{color:var(--muted);flex:100%;font-size:.85rem}.voice[data-chosen=true]{outline:2px solid var(--accent)}a{color:var(--accent)}.promo{align-items:flex-start;gap:12px;display:flex;position:relative}.promo .info{flex:auto}.promo-x{min-height:32px;padding:0 10px;position:absolute;top:6px;right:6px}.pads{grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0;display:grid}.pad{min-height:64px;font:inherit;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;font-weight:800}.pad.sharp{filter:brightness(.6);min-height:44px}.pad:active{filter:brightness(1.2);transform:scale(.94)}.hint{color:#ffe2a6;background:#3b2f12;border-radius:12px;margin:10px 0;padding:10px 14px}.hint-float{pointer-events:none;white-space:nowrap;margin:0;font-size:.9rem;position:absolute;top:100%;left:50%;transform:translate(-50%,6px);box-shadow:0 6px 20px #0006}@media (prefers-reduced-motion:reduce){.calib-pulse{transition:none}}.og-body{background:#1b1a2e;margin:0}.record h1{font-size:1.6rem}.record table{font-size:.85rem}.record td{word-break:break-word;max-width:36ch}.record code{background:var(--panel);border-radius:4px;padding:0 4px}