:root{--bg:#0a0a14;--accent:#5b4bff;--accent-2:#6df0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:#f3f4f6;overflow-x:hidden}button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:.6rem 1.1rem;font-family:inherit;font-size:.95rem;transition:background .15s,transform .1s}button:hover:not(:disabled){background:#ffffff29}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(90deg, var(--accent), #7a6bff);border-color:#0000;font-weight:700}button.primary:hover:not(:disabled){filter:brightness(1.1)}h1,h2{font-weight:800}.select-screen{box-sizing:border-box;flex-direction:column;gap:1rem;height:100vh;padding:1.2rem;display:flex}.select-header{justify-content:space-between;align-items:center;display:flex}.select-header h1{letter-spacing:.1em;margin:0;font-size:1.8rem}.header-actions{align-items:center;gap:.75rem;display:flex}.header-volume{background:#ffffff0f;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;display:flex}.header-volume .vol-icon{font-size:.95rem;line-height:1}.header-volume input[type=range]{accent-color:#5b4bff;cursor:pointer;width:110px}.header-volume .vol-value{opacity:.7;font-variant-numeric:tabular-nums;text-align:right;min-width:2.6em;font-size:.78rem}@media (width<=640px){.header-volume input[type=range]{width:80px}}.select-body{flex:1;grid-template-columns:minmax(220px,320px) 1fr;gap:1.2rem;min-height:0;display:grid}.song-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.song-list li{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-shrink:0;padding:.8rem 1rem;transition:all .15s;position:relative;overflow:hidden}.song-list li:hover{background:#ffffff1a}.song-list li.active{background:#5b4bff2e;border-color:#5b4bff}.song-list li .song-viz{pointer-events:none;z-index:0;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.song-list li>:not(.song-viz){z-index:1;position:relative}.song-title{font-weight:700}.song-artist{opacity:.6;font-size:.8rem}.difficulty-panel{background:#ffffff0a;border-radius:14px;padding:1.5rem;position:relative;overflow-y:auto}.difficulty-panel .viz-bg{pointer-events:none;opacity:1;z-index:0;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.difficulty-panel>:not(.viz-bg){z-index:1;position:relative}.difficulty-panel.empty-panel{opacity:.4;justify-content:center;align-items:center;font-size:1rem;display:flex}.difficulty-panel h2{margin:0}.difficulty-panel .artist{opacity:.6;margin:.2rem 0}.difficulty-panel .meta{opacity:.5;font-size:.85rem}.diff-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin-top:1rem;display:grid}.diff-card{text-align:left;color:#fff;cursor:pointer;background:#ffffff12;border:none;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .12s;display:flex}.diff-card:hover{transform:translateY(-3px)}.diff-easy{border-left:5px solid #8affc1}.diff-normal{border-left:5px solid #6df0ff}.diff-hard{border-left:5px solid #ff5c8a}.diff-head{justify-content:space-between;align-items:baseline;display:flex}.diff-name{font-size:1.1rem;font-weight:800}.diff-level{opacity:.7;font-size:.85rem}.diff-info{opacity:.6;justify-content:space-between;font-size:.78rem;display:flex}.diff-best{font-variant-numeric:tabular-nums;border-top:1px solid #ffffff1a;padding-top:.4rem;font-size:.85rem}.diff-best.empty{opacity:.4}.fc{color:#ffe66d;font-weight:700}.rank{margin-right:.4rem;font-weight:900}.rank-S{color:#ffe66d}.rank-A{color:#6df0ff}.rank-B{color:#8affc1}.rank-C{color:#ffb86d}.rank-D{color:#ff5c8a}.confirm-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out confirmFade;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#1c1c2b;border:1px solid #ffffff1f;border-radius:16px;width:min(360px,88vw);padding:1.6rem 1.8rem;animation:.15s ease-out confirmPop;box-shadow:0 20px 60px #00000080}.confirm-dialog h3{margin:0 0 .8rem;font-size:1.1rem}.confirm-song{opacity:.85;margin:0 0 1rem;font-weight:700}.confirm-diff{background:#ffffff0f;border-left:5px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.3rem;padding:.9rem;display:flex}.confirm-diff .diff-name{font-size:1.2rem;font-weight:800}.confirm-diff .diff-level{opacity:.7;font-size:.85rem}.confirm-meta{opacity:.6;font-size:.8rem}.confirm-actions{gap:.7rem;display:flex}.confirm-actions button{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex:1;padding:.7rem;font-weight:700}.confirm-actions button.primary{background:#5b4bff;border-color:#5b4bff}.confirm-actions button:hover{filter:brightness(1.15)}@keyframes confirmFade{0%{opacity:0}}@keyframes confirmPop{0%{opacity:0;transform:scale(.92)}}@media (width<=640px){.select-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.song-list{flex-direction:row;flex-shrink:0;overflow-x:auto}.song-list li{min-width:160px}}.game-screen{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 0,#1a1340,#0a0a14 70%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.hud-top{background:#00000059;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.hud-top .score{font-variant-numeric:tabular-nums;color:#ffe66d;margin-left:auto;font-size:1.6rem;font-weight:800}.hud-top .song-name{opacity:.8;margin-left:1rem;font-size:.85rem}.diff-tag{background:#5b4bff;border-radius:4px;padding:1px 6px;font-size:.75rem}.menu-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:.35rem .7rem;font-size:.8rem}.playfield{background:#ffffff08;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;flex:1;width:min(560px,100%);margin:0 auto;position:relative;overflow:hidden}.lanes{display:grid;position:absolute;inset:0}.notes{position:absolute;inset:0}.lane{border-right:1px solid #ffffff0f;position:relative}.lane:last-child{border-right:none}.lane-key{text-align:center;opacity:.4;font-size:1rem;font-weight:700;position:absolute;bottom:.6rem;left:0;right:0}.lane.flash{animation:.22s ease-out laneFlash}@keyframes laneFlash{0%{background:linear-gradient(#0000 55%,#5b4bff99)}to{background:0 0}}.notes{pointer-events:none}.note{box-sizing:border-box;will-change:transform;background:linear-gradient(#6df0ff,#2aa9ff) padding-box padding-box;border-left:6px solid #0000;border-right:6px solid #0000;border-radius:8px;height:22px;position:absolute;top:0;box-shadow:0 0 10px #50c8ffb3}.judge-line{background:#ff5c8a;height:4px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 16px 3px #ff5c8ab3}.center-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.combo{flex-direction:column;align-items:center;line-height:1;animation:.12s ease-out pop;display:flex}.combo-num{color:#fff;text-shadow:0 0 12px #78b4ffcc;font-size:3rem;font-weight:900}.combo-label{letter-spacing:.3em;opacity:.7;font-size:.8rem}.judge-text{letter-spacing:.08em;font-size:1.6rem;font-weight:800;animation:.35s ease-out judgePop}.judge-text.perfect{color:#ffe66d}.judge-text.great{color:#6df0ff}.judge-text.good{color:#8affc1}.judge-text.miss{color:#ff5c8a}.countdown{color:#fff;background:#0006;justify-content:center;align-items:center;font-size:6rem;font-weight:900;animation:.3s ease-out pop;display:flex;position:absolute;inset:0}.pause-menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-card{background:#1a1340f2;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:stretch;gap:.8rem;min-width:240px;padding:1.8rem 1.6rem;display:flex;box-shadow:0 12px 40px #00000080}.pause-card h2{text-align:center;letter-spacing:.25em;color:#ffe66d;margin:0 0 .4rem;font-size:1.4rem}.pause-card button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:.7rem 1rem;font-size:.95rem;font-weight:700}.pause-card button.primary{background:#5b4bff}.pause-card button:hover{filter:brightness(1.15)}.pause-hint{text-align:center;opacity:.55;margin:.2rem 0 0;font-size:.75rem}@keyframes pop{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes judgePop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.result-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.result-card{text-align:center;background:#ffffff0d;border-radius:18px;width:min(420px,92vw);padding:2rem 2.5rem;box-shadow:0 20px 60px #00000080}.result-title{font-size:1.3rem;font-weight:800}.result-diff{opacity:.6;margin-bottom:.5rem}.big-rank{margin:.5rem 0;font-size:6rem;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.4,.4,1) rankIn}.fc-badge{color:#1a1340;background:linear-gradient(90deg,#ffe66d,#ff9d6d);border-radius:20px;padding:.2rem .8rem;font-size:.85rem;font-weight:800;display:inline-block}.newbest{color:#ffe66d;margin-top:.4rem;font-weight:800;animation:1s infinite alternate pulse}.result-score{font-variant-numeric:tabular-nums;color:#ffe66d;margin-top:.8rem;font-size:2.4rem;font-weight:900}.result-acc{opacity:.8;font-size:1.2rem}.judge-breakdown{flex-direction:column;gap:.3rem;margin:1.2rem 0;display:flex}.jb-row{font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:6px;justify-content:space-between;padding:.3rem .6rem;display:flex}.jb-row.perfect .jb-label{color:#ffe66d}.jb-row.great .jb-label{color:#6df0ff}.jb-row.good .jb-label{color:#8affc1}.jb-row.miss .jb-label{color:#ff5c8a}.jb-row.maxcombo{border-top:1px solid #ffffff1a;margin-top:.3rem}.result-actions{justify-content:center;gap:.8rem;display:flex}.result-actions button{flex:1}@keyframes rankIn{0%{opacity:0;transform:scale(.3)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulse{to{opacity:.4}}.settings-screen{max-width:560px;margin:0 auto;padding:1.5rem}.settings-screen header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.settings-screen header h1{margin:0;font-size:1.5rem}.setting-block{background:#ffffff0a;border-radius:12px;margin-bottom:1rem;padding:1.2rem}.setting-block label{justify-content:space-between;margin-bottom:.7rem;font-weight:700;display:flex}.setting-block .value{opacity:.7;font-variant-numeric:tabular-nums;font-weight:400}.setting-block input[type=range]{accent-color:#5b4bff;width:100%}.hint{opacity:.6;margin:.6rem 0 0;font-size:.82rem;line-height:1.5}.calib h2{margin-top:0;font-size:1.1rem}.calib-count{margin:.3rem 0;font-size:2rem;font-weight:900}.calib-avg{color:#ffe66d;font-variant-numeric:tabular-nums;font-size:1.1rem}.calib-actions{gap:.6rem;margin-top:.8rem;display:flex}kbd{background:#ffffff26;border-radius:4px;padding:1px 6px;font-family:inherit}.editor-screen{max-width:700px;margin:0 auto;padding:1.5rem}.editor-screen header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.editor-screen header h1{margin:0;font-size:1.4rem}.editor-screen code{background:#ffffff1f;border-radius:4px;padding:1px 5px;font-size:.85em}.file-drop{text-align:center;cursor:pointer;border:2px dashed #ffffff40;border-radius:12px;padding:1.5rem;display:block}.file-drop input{display:none}.editor-screen .setting-block label{flex-direction:column;align-items:stretch;gap:.4rem}.editor-screen input[type=text],.editor-screen .setting-block input:not([type]),.editor-screen select{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;padding:.5rem;font-size:.95rem}.grid2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.analyzed{font-variant-numeric:tabular-nums;opacity:.85;flex-direction:column;justify-content:center;gap:.3rem;display:flex}.editor-actions{gap:.6rem;margin-top:1rem;display:flex}.json-preview{color:#8affc1;box-sizing:border-box;resize:vertical;background:#0006;border:1px solid #ffffff26;border-radius:8px;width:100%;height:220px;padding:.7rem;font-family:monospace;font-size:.78rem}@media (width<=560px){.grid2{grid-template-columns:1fr}}.screen{width:100%;min-height:100vh}.center-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.err{color:#ff5c8a}