.firefly-beat{width:min(100%,520px);margin:auto}.firefly-beat .game-toolbar{justify-content:space-between;gap:8px}.firefly-beat .game-toolbar label{align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.firefly-beat .beat-relaxed{font-size:12px}.beat-relaxed input{accent-color:#117b77;width:18px;height:18px}.beat-hud{align-items:center;gap:16px;min-height:44px;font-size:13px;font-weight:800;display:flex}.beat-hud [data-pause]{margin-left:auto}.beat-hud [hidden]{display:none}.beat-stage{background:#173f4b;border:3px solid #223144;border-radius:18px;height:clamp(240px,42vh,380px);position:relative;overflow:hidden;box-shadow:0 4px #22314416}.beat-tracks{grid-template-columns:repeat(4,1fr);gap:4px;height:100%;padding:8px 8px 0;display:grid}.beat-track{background:#1b4955;border:1px solid #36717b;border-radius:9px 9px 0 0;position:relative;overflow:hidden}.beat-lane-mark{text-align:center;color:#fff6e3;opacity:.5;font-size:20px;position:absolute;bottom:6px;left:0;right:0}.beat-hit-line{background:#ffac43;border:1px solid #223144;border-radius:5px;height:5px;position:absolute;top:78%;left:4px;right:4px}.beat-firefly{z-index:2;pointer-events:none;width:38px;height:34px;position:absolute;left:50%;transform:translate(-50%,-50%)}.beat-firefly[hidden]{display:none}.beat-body{color:#223144;text-align:center;background:#ffac43;border:2px solid #223144;border-radius:12px 12px 9px 9px;font-size:16px;font-weight:900;line-height:24px;position:absolute;inset:5px 7px 2px}.beat-wing{background:#fffdf5;border:1.5px solid #223144;border-radius:50%;height:12px;position:absolute;top:9px;left:1px;right:1px}.beat-pad.lane-0 span{color:#d88313}.beat-pad.lane-1 span{color:#117b77}.beat-pad.lane-2 span{color:#579c4b}.beat-pad.lane-3 span{color:#223144}.beat-judge{text-align:center;color:#223144;z-index:3;font-size:10px;font-weight:900;position:absolute;top:82%;left:0;right:0}.beat-curtain{color:#fff6e3;text-align:center;z-index:4;background:#173f4bf2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.beat-curtain[hidden]{display:none}.beat-curtain strong{font-size:25px;font-weight:900}.beat-curtain [data-summary]{max-width:250px;font-size:13px;line-height:1.5}.beat-sprout{width:58px;height:58px}.beat-progress{z-index:3;background:#d8d0b0;height:4px;position:absolute;top:0;left:0;right:0}.beat-progress span{transform-origin:0;background:#117b77;height:100%;display:block;transform:scaleX(0)}.beat-buttons{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px;display:grid}.beat-pad{touch-action:none;color:#223144;cursor:pointer;background:#fff6e3;border:2px solid #223144;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:58px;display:flex;box-shadow:0 4px #22314425}.beat-pad span{font-size:24px;font-weight:900}.beat-pad kbd{background:#fff6e3aa;border-radius:4px;padding:3px;font:900 12px inherit}.beat-pad:focus-visible{outline-offset:2px;outline:3px solid #117b77}.beat-count{pointer-events:none;color:#223144;z-index:3;margin-top:-135px;font-size:40px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.beat-announcement{min-height:18px;margin:10px 0 0;font-size:12px}.firefly-beat .game-help{margin-top:8px;font-size:12px;line-height:1.4}@media (max-width:400px){.firefly-beat .game-toolbar{align-items:center}.firefly-beat .game-select{max-width:140px;font-size:12px}.firefly-beat .game-toolbar label{font-size:12px}.firefly-beat .beat-relaxed{max-width:80px;font-size:11px;line-height:1.2}.beat-hud{gap:10px;font-size:12px}.beat-stage{height:260px}.beat-pad{gap:4px;min-height:56px}.beat-curtain strong{font-size:23px}.beat-tracks{gap:3px;padding:5px 5px 0}}@media (prefers-reduced-motion:no-preference){.beat-pad.is-hit{transform:translateY(2px)}.beat-body{box-shadow:0 2px #22314420}}.beat-count{color:#fff6e3;text-shadow:1px 1px #223144}.beat-track{--beat-hit:calc(100% - 30px);background:linear-gradient(#193e49,#245e68);border-color:#66959b}.beat-hit-line{top:var(--beat-hit);z-index:4;pointer-events:none;background:#ffac43;border:2px solid #fffdf5;border-radius:0;height:8px;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 0 2px #223144}.beat-lane-mark{opacity:.85;font-size:15px;bottom:5px}.beat-firefly{z-index:2;width:calc(100% - 8px);max-width:58px;height:30px}.beat-body{color:#223144;background:#ffac43;border:2px solid #fffdf5;border-radius:9px;justify-content:center;align-items:center;font-size:23px;line-height:1;display:flex;inset:0;box-shadow:0 0 0 2px #223144,0 3px #22314455}.beat-firefly.lane-1 .beat-body{background:#8ee2db}.beat-firefly.lane-2 .beat-body{background:#b9e38d}.beat-firefly.lane-3 .beat-body{background:#fff6e3}.beat-judge{color:#223144;white-space:pre-line;z-index:5;pointer-events:none;background:#fff6e3;border-radius:6px;min-height:0;font-size:12px;line-height:1.25;inset:auto 1px 49px;box-shadow:0 2px #22314455}.beat-judge:not(:empty){border:1px solid #223144;padding:4px 1px}.beat-track.is-miss .beat-judge{color:#784020;background:#fff6e3}.beat-track.is-contact:after{content:"";z-index:3;pointer-events:none;background:#fff6e34d;height:35px;position:absolute;bottom:13px;left:0;right:0;box-shadow:inset 0 0 0 2px #ffac43}.beat-pad.is-hit{background:#ffdc9d;box-shadow:0 1px #22314425}.beat-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.firefly-beat .game-help{margin:10px 0 0;font-size:11px;line-height:1.35}.beat-count{margin-top:-170px}@media (max-width:400px){.beat-stage{height:240px}.beat-judge{font-size:11px}.beat-pad{min-height:50px}}@media (prefers-reduced-motion:reduce){.beat-pad.is-hit{transform:none}.beat-judge,.beat-track,.beat-pad{transition:none!important;animation:none!important}}