.ggangqin-bar,.ggangqin-bar2,.ggangqin-follow,.ggangqin-rec{justify-content:center;width:min(100%,720px);margin-left:auto;margin-right:auto}.ggangqin-vol{color:var(--text-3);align-items:center;gap:6px;font-size:13px;display:inline-flex}.ggangqin-volrange{width:110px;accent-color:var(--brand);cursor:pointer}.ggangqin-rangetag{min-width:9.5em;color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.ggangqin-now{border:1px solid var(--line);background:var(--bg-soft);text-align:center;border-radius:12px;width:min(100%,420px);margin:0 auto 10px;padding:8px 12px}.ggangqin-now-name{color:var(--brand-dark);font-variant-numeric:tabular-nums;font-size:max(22px,min(6vw,30px));font-weight:800;line-height:1.1}.ggangqin-now-sub{color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.ggangqin-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;margin:0 auto 10px;padding:6px 0 10px;overflow:auto hidden}.ggangqin-board{touch-action:pan-x;-webkit-user-select:none;user-select:none;background:#2a2521;border-radius:0 0 10px 10px;height:190px;margin:0 auto;position:relative;box-shadow:0 6px 14px #2a252138}.ggangqin-key{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-x;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0}.ggangqin-white{width:var(--gq-kw,36px);background:linear-gradient(#fffdf9,#f1ebe1);border:1px solid #b3a494;border-top:none;border-radius:0 0 6px 6px;height:100%;padding-bottom:8px}.ggangqin-black{width:var(--gq-bw,22px);z-index:2;background:linear-gradient(#4a423a,#221d19);border:1px solid #16120f;border-top:none;border-radius:0 0 5px 5px;height:62%;padding-bottom:6px}.ggangqin-white .ggangqin-cap{color:#8a8378;text-align:center;font-size:11px;font-weight:600;line-height:1.1}.ggangqin-black .ggangqin-cap{color:#d8d0c4;text-align:center;font-size:10px;font-weight:600;line-height:1.1}.ggangqin-white.is-down{background:linear-gradient(#ffd9c6,#f6b795);border-color:#d08a63}.ggangqin-black.is-down{background:linear-gradient(#c96c42,#8e4322);border-color:#6d3318}.ggangqin-white.is-down .ggangqin-cap{color:#7a3a19}.ggangqin-white.is-next{box-shadow:inset 0 -26px 0 -8px var(--brand-soft,#fde3d6);border-color:var(--brand)}.ggangqin-black.is-next{box-shadow:inset 0 -18px 0 -6px var(--brand);border-color:var(--brand)}.ggangqin-white.is-next .ggangqin-cap{color:var(--brand-dark);font-weight:800}.ggangqin-tip{color:#c62828;text-align:center;background:#fbe0e0;border-radius:8px;width:min(100%,560px);margin:0 auto 10px;padding:8px 10px;font-size:13px}.ggangqin-melodynote{width:min(100%,720px);color:var(--text-3);text-align:center;margin:2px auto 6px;font-size:13px}.ggangqin-score{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:min(100%,720px);margin:0 auto 12px;padding:8px 10px;display:flex}.ggangqin-note{min-width:20px;height:24px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;padding:0 3px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.ggangqin-note.is-long{min-width:30px}.ggangqin-note.is-long:after{content:"—";color:var(--text-3);font-size:11px;position:absolute;bottom:3px;right:1px}.ggangqin-note.is-high:before,.ggangqin-note.is-low:before{content:"·";color:inherit;font-size:15px;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.ggangqin-note.is-high:before{top:-3px}.ggangqin-note.is-low:before{bottom:-4px}.ggangqin-note.is-done{color:var(--text-3);opacity:.5}.ggangqin-note.is-on{background:var(--brand);color:var(--brand-ink);font-weight:800}.ggangqin-map{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;width:min(100%,720px);margin:4px auto 0;padding:8px 10px}.ggangqin-map-cap{color:var(--text-3);text-align:center;margin:0 0 6px;font-size:12px}.ggangqin-maprow{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-bottom:5px;display:flex}.ggangqin-mapcell{border:1px solid var(--line);background:var(--bg-card);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:40px;padding:3px 5px;display:inline-flex}.ggangqin-mapcell.is-black{background:#3a332c;border-color:#241f1a}.ggangqin-mapcap{color:var(--text);font-size:13px;font-weight:700}.ggangqin-mapnote{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px}.ggangqin-mapcell.is-black .ggangqin-mapnote{color:#c3b9ab}@media (max-width:720px){.ggangqin-bar .g-select,.ggangqin-bar2 .g-btn,.ggangqin-follow .g-btn,.ggangqin-follow .g-select,.ggangqin-rec .g-btn{padding:6px 10px;font-size:13px}.ggangqin-volrange{width:88px}.ggangqin-rangetag{min-width:8.5em;font-size:12px}.ggangqin-board{height:158px}.ggangqin-white{padding-bottom:6px}.ggangqin-white .ggangqin-cap{font-size:10px}.ggangqin-black .ggangqin-cap{font-size:9px}.ggangqin-now{width:min(100%,340px)}.ggangqin-mapcell{min-width:34px;padding:2px 4px}.ggangqin-mapcap{font-size:12px}.ggangqin-mapnote{font-size:10px}.ggangqin-score{gap:3px;padding:6px 8px}.ggangqin-note{min-width:18px;height:22px;font-size:13px}}.ggangqin-now{border:1.5px solid var(--t-panel-edge);background:var(--t-panel-bg);box-shadow:var(--t-panel-shadow);border-radius:18px;position:relative;overflow:hidden}.ggangqin-now:before{content:"";background:linear-gradient(90deg, transparent, var(--brand), transparent);opacity:.7;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:22%;right:22%}.ggangqin-now-name{color:var(--t-digit);text-shadow:0 1px #fff,0 2px #7a551014}.ggangqin-board{box-shadow:0 2px #1a1613,0 12px 22px -10px #2a252173}.ggangqin-board:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#9b3326,#6e2018);height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 2px #00000059}.ggangqin-key{transition:transform 60ms,box-shadow 60ms,background 60ms}.ggangqin-white{background:linear-gradient(#f3ede2 0%,#fffefb 12%,#fcf8f0 78%,#f1e9dc 100%);box-shadow:inset 0 -5px #e2d7c4,inset 0 -6px #fffc,inset 1px 0 #ffffffb3,0 2px #cfc2ad}.ggangqin-black{background:linear-gradient(#221d19 0%,#3e3630 55%,#2a241f 88%,#4a413a 100%);box-shadow:inset 1px 0 #ffffff1a,inset -1px 0 #ffffff0f,inset 0 -5px #0f0c0a,inset 0 -6px #ffffff24,0 3px 4px #0006}.ggangqin-white.is-down{background:linear-gradient(#f2c7ae 0%,#ffd9c6 14%,#f6b795 100%);transform:translateY(1px);box-shadow:inset 0 -2px #d8946c,inset 0 5px 7px -3px #6e321440,0 1px #cfc2ad}.ggangqin-black.is-down{background:linear-gradient(#7a3a1c 0%,#c96c42 50%,#8e4322 100%);transform:translateY(1px);box-shadow:inset 0 -2px #5a2912,inset 0 4px 6px -3px #0006,0 1px 2px #00000059}.ggangqin-white.is-next{box-shadow:inset 0 -26px 0 -8px var(--brand-soft,#fde3d6), inset 0 1px 0 #ffffffb3, 0 2px 0 #cfc2ad}.ggangqin-black.is-next{box-shadow:inset 0 -18px 0 -6px var(--brand), inset 1px 0 0 #ffffff1a, 0 3px 4px #0006}.ggangqin-score,.ggangqin-map{border:1.5px solid var(--t-well-edge);background:var(--t-well-bg);border-radius:14px}.ggangqin-note.is-on{box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--brand-dark)}.ggangqin-map-cap:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block}.ggangqin-mapcell{border-color:var(--t-edge);background:var(--t-face);box-shadow:inset 0 1px 0 #ffffffb3, 0 2px 0 var(--t-drop)}.ggangqin-mapcell.is-black{background:linear-gradient(#4a423a,#2f2924);border-color:#241f1a;box-shadow:inset 0 1px #ffffff24,0 2px #16120f}.ggangqin-mapcap{color:var(--t-ink)}.ggangqin-mapcell.is-black .ggangqin-mapcap{color:#f4efe6}.ggangqin-tip{border:1.5px solid #e59a8f;border-radius:12px}@media (max-height:500px) and (orientation:landscape){.ggangqin-bar,.ggangqin-bar2{margin-bottom:6px}.ggangqin-bar .g-select,.ggangqin-bar2 .g-btn{padding:5px 10px;font-size:13px}.ggangqin-now{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px;width:min(100%,560px);margin-bottom:6px;padding:4px 12px;display:flex}.ggangqin-now-name{font-size:20px}.ggangqin-now-sub{margin-top:0}.ggangqin-wrap{padding-bottom:6px}.ggangqin-board{height:168px}}@media (hover:none) and (pointer:coarse){.ggangqin-pause{display:none}}@media (prefers-reduced-motion:reduce){.ggangqin-key{transition:none}.ggangqin-white.is-down,.ggangqin-black.is-down{transform:none}}