.pulse-arcade{margin:0 24px;position:relative;isolation:isolate;overflow:hidden;background:#080b26 url('assets/pulse-nebula.webp') center/cover;border:1px solid #4b3b806b;border-radius:12px;box-shadow:0 20px 60px #0005}
.pulse-arcade:focus-within{border-color:#9c87ff}
.pulse-canvas{display:block;width:100%;height:auto;aspect-ratio:5/4;min-height:360px;outline:none}
.pulse-arcade[data-state=playing] .pulse-canvas{touch-action:none;cursor:crosshair}
.pulse-hud{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:linear-gradient(#05081cec,transparent);pointer-events:none;color:#fff}
.pulse-scoreboard{display:flex;gap:22px;align-items:center}
.pulse-stat{display:flex;flex-direction:column;font-size:.6875rem;letter-spacing:.08em;line-height:1.3;color:#aaa5d3}
.pulse-stat strong{font-variant-numeric:tabular-nums;font-size:1.25rem;letter-spacing:-.03em;color:#fff;font-weight:600;margin-top:4px}
.pulse-stat--time strong{color:#9ae9ff}
.pulse-pause{pointer-events:auto;display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid #cebdff4d;border-radius:50%;background:#1e164366;color:#eee5ff;cursor:pointer;font-size:1rem}
.pulse-pause:hover{background:#6551a780}
.pulse-pause[hidden]{display:none}
.pulse-shields{display:flex;gap:5px;margin-top:7px}
.pulse-shields i{display:block;width:10px;height:10px;border:1px solid #96e5ff;background:#96e5ff;transform:rotate(45deg);box-shadow:0 0 8px #52cfff66}
.pulse-shields i.is-lost{background:transparent;border-color:#817199;box-shadow:none}
.pulse-overlay{position:absolute;inset:0;z-index:3;padding:38px 30px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,#06091cdc,#0b0a2580 65%,#0b0a2510);color:white;pointer-events:none}
.pulse-overlay[hidden]{display:none}
.pulse-kicker{font-size:.75rem;line-height:1.5;letter-spacing:.2em;font-weight:600;color:#93d8f7;margin-bottom:18px}
.pulse-title{display:block;font-family:var(--display);font-size:clamp(2.9rem,5vw,4.7rem);font-weight:700;line-height:.9;letter-spacing:-.065em;font-style:italic;max-width:330px;text-shadow:0 0 40px #6c46cf66}
.pulse-title span{display:block;color:#cdb8ff}
.pulse-description{max-width:300px;color:#d5cbea;font-size:1rem;line-height:1.6;margin-top:20px}
.pulse-start{pointer-events:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:50px;background:linear-gradient(110deg,#b69aff,#87d8ff);border:0;border-radius:6px;color:#131434;font-size:.9375rem;font-weight:650;line-height:1.4;padding:14px 22px;margin-top:22px;cursor:pointer;box-shadow:0 5px 25px #8171ff40;transition:box-shadow .2s,transform .2s}
.pulse-start:hover{box-shadow:0 5px 35px #8171ff80;transform:translateY(-2px)}
.pulse-start:disabled{opacity:.65;cursor:wait;transform:none}
.pulse-start>span{font-size:1.375rem;line-height:1}
.pulse-record{font-size:.75rem;color:#a9a2cf;line-height:1.5;margin-top:16px}
.pulse-arcade[data-state=playing] .pulse-overlay{display:none}
.pulse-arcade[data-state=idle] .pulse-hud{visibility:hidden}
.pulse-arcade[data-state=ended] .pulse-overlay,.pulse-arcade[data-state=paused] .pulse-overlay{background:#090b22dc;backdrop-filter:blur(5px)}
.pulse-arcade[data-state=ended] .pulse-title,.pulse-arcade[data-state=paused] .pulse-title{font-size:clamp(2.6rem,4.3vw,3.7rem);font-style:normal;line-height:1.04;max-width:350px}
.pulse-arcade[data-state=ended] .pulse-overlay{padding-top:65px}
.pulse-feedback{position:absolute;z-index:2;bottom:14px;left:15px;right:15px;pointer-events:none;text-align:center;color:#b9f4ff;font-size:.9375rem;font-weight:600;line-height:1.5;text-shadow:0 2px 10px #050617;min-height:24px}
.pulse-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 25px 0}
.pulse-help{font-size:.8125rem;color:#b4a5c9;line-height:1.65;margin:0;max-width:315px}
.pulse-help>span{display:block;color:#e4d6f3}
.pulse-arrows{display:flex;gap:7px;flex-shrink:0}
.pulse-arrows button{min-width:44px;min-height:44px;background:#2a1d3b;border:1px solid #685277;color:#e5d5f3;font-size:1.25rem;border-radius:5px;cursor:pointer;touch-action:none;user-select:none}
.pulse-arrows button:hover,.pulse-arrows button:active{background:#503367}
.pulse-arrows button:disabled{opacity:.35;cursor:default}
.pulse-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.pulse-arcade{margin-inline:24px}.pulse-overlay{padding:32px 25px}.pulse-title{font-size:3.4rem}.pulse-canvas{min-height:370px}.pulse-hud{padding:14px 16px}.pulse-scoreboard{gap:15px}.pulse-stat strong{font-size:1.125rem}.pulse-description{max-width:250px}.pulse-controls{padding-inline:24px;gap:10px}}
@media(max-width:800px){.pulse-arcade{margin-inline:28px}.pulse-canvas{min-height:0}.pulse-overlay{padding:35px}.pulse-title{font-size:4.4rem}.pulse-description{max-width:300px}.pulse-controls{padding-inline:28px}.pulse-scoreboard{gap:24px}.pulse-stat strong{font-size:1.25rem}}
@media(max-width:480px){.pulse-arcade{margin-inline:16px;border-radius:9px}.pulse-canvas{aspect-ratio:5/6;min-height:365px}.pulse-overlay{padding:28px 22px}.pulse-title{font-size:3.55rem}.pulse-kicker{font-size:.6875rem;margin-bottom:16px}.pulse-description{font-size:.9375rem;max-width:235px;margin-top:18px}.pulse-start{font-size:.875rem;padding:13px 18px;min-height:48px;gap:20px;margin-top:20px}.pulse-record{font-size:.75rem;margin-top:12px}.pulse-hud{padding:13px 12px}.pulse-scoreboard{gap:16px}.pulse-stat{font-size:.625rem}.pulse-stat strong{font-size:1.0625rem}.pulse-pause{min-width:36px;min-height:36px}.pulse-shields{gap:4px}.pulse-shields i{width:8px;height:8px}.pulse-controls{padding:14px 18px 0;align-items:center}.pulse-help{font-size:.75rem}.pulse-arrows{gap:5px}.pulse-arrows button{min-width:40px;min-height:44px}.pulse-feedback{font-size:.8125rem}.pulse-arcade[data-state=ended] .pulse-title,.pulse-arcade[data-state=paused] .pulse-title{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){.pulse-start:hover{transform:none;box-shadow:none}}

.pulse-brand{margin:0 24px;padding:0 0 14px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#e6dcff}
.pulse-brand>strong{font-family:var(--display);font-size:1.5rem;font-style:italic;line-height:1.1;letter-spacing:-.04em}
.pulse-brand>strong span{display:block;font:500 .75rem/1.6 var(--body,sans-serif);letter-spacing:.13em;color:#9ce5ff}
.pulse-brand>span{text-align:right;font-size:.75rem;line-height:1.6;letter-spacing:.05em}
.pulse-brand small{font-size:.75rem;color:#b6a6c8;letter-spacing:0}
.pulse-reward{margin:0 24px 14px;padding:16px 18px;border:1px solid #746091;border-radius:8px;background:#1b1430;color:#eee8ff}
.pulse-reward-heading{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.4}
.pulse-reward-heading>span{color:#c9b5ec;letter-spacing:.06em}
.pulse-reward-heading strong{font-variant-numeric:tabular-nums;color:#a3eaff;white-space:nowrap}
.pulse-reward progress{display:block;width:100%;height:6px;margin:12px 0 14px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#39304d;accent-color:#a3eaff}
.pulse-reward progress::-webkit-progress-bar{background:#39304d}
.pulse-reward progress::-webkit-progress-value{background:#a3eaff}
.pulse-reward progress::-moz-progress-bar{background:#a3eaff}
.pulse-prize{display:block;font-size:1rem;line-height:1.4}
.pulse-reward p{margin:8px 0 0;font-size:.8125rem;line-height:1.5;color:#bbafce}
.pulse-reward.is-unlocked{border-color:#a3eaff;background:#182537}
@media(max-width:800px){.pulse-brand,.pulse-reward{margin-inline:28px}}
@media(max-width:480px){.pulse-brand,.pulse-reward{margin-inline:16px}.pulse-reward{padding:14px}.pulse-arcade[data-state=ended] .pulse-description{font-size:.875rem;margin-top:12px}.pulse-arcade[data-state=ended] .pulse-kicker{margin-bottom:12px}}