.pulse-game{color:#f6f7ff;background:#070912;min-height:100vh;font-family:Arial,Noto Sans TC,sans-serif}.pulse-header{border-bottom:1px solid #292640;justify-content:space-between;gap:12px;max-width:1160px;margin:auto;padding:22px 28px;font-size:14px;display:flex}.pulse-header a{color:#d7d6ea;text-decoration:none}.pulse-header span{color:#a8a5ce;letter-spacing:2px}.pulse-header small{letter-spacing:0}.pulse-main{max-width:1100px;margin:auto;padding:28px 28px 52px}.pulse-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.pulse-heading p{color:#a5a4be;margin:0;font-size:16px;line-height:1.7}.pulse-heading h1{letter-spacing:4px;margin:5px 0 0;font-size:42px}.pulse-heading h1 span{color:#67f3e4}.pulse-layout{grid-template-columns:minmax(320px,600px) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.pulse-stage,.pulse-panel{background:#111221;border:1px solid #302d4b;border-radius:20px;overflow:hidden}.pulse-hud{color:#9998b1;grid-template-columns:1.3fr 1fr .7fr;gap:10px;padding:16px 20px;font-size:13px;display:grid}.pulse-hud strong{color:#fff;margin-top:5px;font-size:24px;display:block}.pulse-hud small{color:#8e8ba8;font-size:12px;font-weight:400}.pulse-meter{background:#242039;height:5px}.pulse-meter span{background:linear-gradient(90deg,#725cff,#5ef4df,#d7ff6c);height:100%;transition:width .18s;display:block;box-shadow:0 0 14px #67f3e4}.pulse-track{isolation:isolate;background:radial-gradient(circle at 50% 105%,#263d5e 0,#0000 45%),linear-gradient(#0b0b16,#15182b);height:500px;position:relative;overflow:hidden}.pulse-scan{z-index:-1;background:repeating-linear-gradient(0deg,#0000 0 69px,#ffffff09 70px),linear-gradient(90deg,#0000,#927eff0d 50%,#0000);position:absolute;inset:0}.pulse-lane{border-left:1px solid #ffffff0e;width:25%;position:absolute;top:0;bottom:0}.pulse-lane:nth-of-type(3){left:0}.pulse-lane:nth-of-type(4){left:25%}.pulse-lane:nth-of-type(5){left:50%}.pulse-lane:nth-of-type(6){border-right:1px solid #ffffff0e;left:75%}.pulse-lane-key{color:#74718b;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pulse-note{background:color-mix(in srgb,currentColor 38%,#171522);border:2px solid;border-radius:7px;width:17%;height:24px;transition:top 35ms linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 22px}.pulse-note.cyan{color:#55f0e2}.pulse-note.violet{color:#a786ff}.pulse-note.orange{color:#ff9c5e}.pulse-note.lime{color:#d6f56f}.pulse-hit-line{background:#f7f8ff;height:3px;position:absolute;top:81%;left:0;right:0;box-shadow:0 0 18px #7beeff}.pulse-hit-line span{letter-spacing:2px;color:#a9b7ca;font-size:10px;position:absolute;bottom:8px;right:10px}.pulse-feedback{letter-spacing:3px;text-shadow:0 0 20px;z-index:3;font-size:29px;font-weight:900;animation:.42s both pulse-pop;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.pulse-feedback small{text-align:center;letter-spacing:1px;margin-top:5px;font-size:11px;display:block}.pulse-feedback.perfect{color:#65f4df}.pulse-feedback.great{color:#b495ff}.pulse-feedback.good{color:#ffae69}.pulse-feedback.miss{color:#ff637d}@keyframes pulse-pop{0%{opacity:0;transform:translate(-50%,-35%)scale(.85)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.pulse-overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090a16e8;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.pulse-overlay>span{letter-spacing:3px;color:#70eadf;font-size:13px}.pulse-overlay h2{margin:14px 0 10px;font-size:27px}.pulse-overlay p{color:#b1afc3;margin:0 0 22px;font-size:15px;line-height:1.65}.pulse-overlay button{color:#102c2b;cursor:pointer;background:#69eddd;border:0;border-radius:12px;min-width:180px;min-height:56px;font-size:17px;font-weight:800}.pulse-overlay>small{color:#77758c;margin-top:12px}.pulse-overlay.result{background:#090a16f2}.pulse-pad{background:#0c0d18;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.pulse-pad button{color:#e7e5f5;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1a1929;border:1px solid #3d3959;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:62px;display:flex}.pulse-pad button:active{filter:brightness(1.35);transform:translateY(2px)}.pulse-pad button.cyan{border-bottom:4px solid #55f0e2}.pulse-pad button.violet{border-bottom:4px solid #a786ff}.pulse-pad button.orange{border-bottom:4px solid #ff9c5e}.pulse-pad button.lime{border-bottom:4px solid #d6f56f}.pulse-pad kbd{font-size:18px;font-weight:800}.pulse-pad span{color:#9d9ab1;font-size:13px}.pulse-panel{padding:26px}.pulse-kicker{letter-spacing:2px;color:#67e8db;font-size:13px}.pulse-panel h2{margin:12px 0;font-size:24px;line-height:1.35}.pulse-panel>p{color:#aaa8bd;font-size:15px;line-height:1.7}.pulse-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0;display:grid}.pulse-stats div{background:#0c0d18;border:1px solid #302e49;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.pulse-stats span{color:#8f8da4;letter-spacing:1px;font-size:11px}.pulse-stats b{font-size:20px}.pulse-guide{border-top:1px solid #302e49;padding-top:18px}.pulse-guide h3{margin:0 0 12px;font-size:16px}.pulse-guide p{color:#aaa8bd;margin:8px 0;font-size:14px;line-height:1.55}.pulse-guide i{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.pulse-guide i.perfect{background:#65f4df}.pulse-guide i.great{background:#b495ff}.pulse-guide i.good{background:#ffae69}.pulse-actions{gap:8px;margin-top:20px;display:flex}.pulse-actions button{color:#d9d7e8;cursor:pointer;background:#181726;border:1px solid #484464;border-radius:10px;flex:1;min-height:44px;font-size:14px}.pulse-controls{border-top:1px solid #302e49;padding-top:16px;margin-top:20px!important;font-size:13px!important}:is(.pulse-game button:focus-visible,.pulse-game a:focus-visible){outline-offset:3px;outline:3px solid #63e9df}@media (max-width:780px){.pulse-header{padding:18px 16px}.pulse-main{padding:22px 16px 34px}.pulse-heading h1{font-size:32px}.pulse-heading>p{display:none}.pulse-layout{grid-template-columns:1fr;gap:16px}.pulse-track{height:min(64vh,500px)}.pulse-panel{padding:20px}.pulse-pad button{min-height:64px}.pulse-hud{padding:14px 15px}}@media (max-width:380px){.pulse-main{padding-left:10px;padding-right:10px}.pulse-header{font-size:12px}.pulse-header span{letter-spacing:1px}.pulse-hud strong{font-size:20px}.pulse-panel{padding:16px}.pulse-pad{gap:5px;padding:8px}.pulse-pad button{flex-direction:column;gap:1px;min-height:60px}.pulse-note{height:20px}}
