.bsmp-tuning-game{--game-ink:#102d3a;--game-muted:#5f7780;--game-teal:#117b83;clear:both;margin:2rem 0;color:var(--game-ink)}
.bsmp-tuning-game *{box-sizing:border-box}.bsmp-tuning-game__intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:1.25rem;align-items:end;margin-bottom:1.2rem;padding:1rem 0;border-top:3px solid #d59a32}.bsmp-tuning-game__eyebrow{margin:0 0 .3rem;color:#8d5a0c;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bsmp-tuning-game h2{margin:0 0 .45rem;font-size:clamp(2rem,4vw,3.6rem);line-height:.98}.bsmp-tuning-game h3{margin:0;font-size:clamp(1.3rem,2.5vw,2rem)}.bsmp-tuning-game__intro p:not(.bsmp-tuning-game__eyebrow){max-width:720px;margin:0;color:var(--game-muted);line-height:1.55}.bsmp-tuning-game__notice{padding:1rem;border:1px solid #b8dadd;border-radius:12px;background:#eff9f8}.bsmp-tuning-game__notice strong,.bsmp-tuning-game__notice span{display:block}.bsmp-tuning-game__notice strong{margin-bottom:.25rem;color:#0d6873}.bsmp-tuning-game__notice span{color:#54737b;font-size:.82rem;line-height:1.45}
.bsmp-tuning-game__stage{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid #c9e0e2;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(16,52,64,.12)}.bsmp-tuning-game__visual{position:relative;display:grid;place-items:center;min-height:385px;overflow:hidden;padding:1.25rem;background:radial-gradient(circle at 50% 45%,#15939a 0,#0b6172 42%,#082d3d 100%);color:#fff}.bsmp-tuning-game__visual:before{position:absolute;inset:-50%;background:repeating-radial-gradient(circle at center,transparent 0 60px,rgba(255,255,255,.035) 61px 62px);content:"";animation:bsmpGameSpin 28s linear infinite}.bsmp-tuning-game__orbit{position:relative;display:grid;place-items:center;width:min(285px,80vw);aspect-ratio:1}.bsmp-tuning-game__core,.bsmp-tuning-game__ring{position:absolute;border-radius:50%;border:1px solid rgba(219,255,249,.42)}.bsmp-tuning-game__core{width:34%;height:34%;background:radial-gradient(circle at 35% 30%,#ffe8a1,#d59a32 38%,#9a5b1c);box-shadow:0 0 0 12px rgba(241,189,88,.12),0 0 70px rgba(241,189,88,.62);transition:transform .16s ease}.bsmp-tuning-game__ring{inset:9%;animation:bsmpGamePulse 3s ease-in-out infinite}.bsmp-tuning-game__ring--two{inset:22%;animation-delay:-1s;animation-duration:2.1s}.bsmp-tuning-game__visual.is-playing .bsmp-tuning-game__ring{border-color:rgba(255,226,147,.9);animation-duration:.75s}.bsmp-tuning-game__visual.is-playing .bsmp-tuning-game__ring--two{animation-duration:.48s}.bsmp-tuning-game__readout{position:relative;z-index:2;text-align:center;text-shadow:0 3px 12px rgba(0,0,0,.25)}.bsmp-tuning-game__readout output{display:block;font-size:clamp(2.5rem,6vw,4.7rem);font-weight:900;line-height:.9;font-variant-numeric:tabular-nums}.bsmp-tuning-game__readout small{display:block;margin-top:.6rem;color:#d9f7f3;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bsmp-tuning-game__bars{position:absolute;bottom:28px;display:flex;align-items:center;gap:5px;height:30px}.bsmp-tuning-game__bars i{display:block;width:4px;height:var(--game-bar-height,16px);border-radius:4px;background:#f6d18b;opacity:.7}.bsmp-tuning-game__visual.is-playing .bsmp-tuning-game__bars i{animation:bsmpGameBar .6s ease-in-out infinite alternate}.bsmp-tuning-game__bars i:nth-child(2n){animation-delay:-.2s}.bsmp-tuning-game__bars i:nth-child(3n){animation-delay:-.4s}.bsmp-tuning-game__status{position:absolute;bottom:8px;margin:0;color:#d9f7f3;font-size:.72rem}.bsmp-tuning-game__controls{display:grid;align-content:center;gap:1rem;padding:1.4rem;background:linear-gradient(180deg,#f7fbfb,#fff)}.bsmp-tuning-game__control-row{display:grid;grid-template-columns:76px minmax(0,1fr) 72px;gap:.7rem;align-items:center}.bsmp-tuning-game__control-row label{font-size:.78rem;font-weight:900;text-transform:uppercase}.bsmp-tuning-game__control-row input{width:100%;accent-color:#117b83}.bsmp-tuning-game__control-row output{color:#53717a;font-size:.8rem;text-align:right}.bsmp-tuning-game__actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.3rem}.bsmp-game-button{min-height:44px;padding:.65rem .8rem;border:1px solid #b8d7da;border-radius:8px;background:#fff;color:#145568;font-weight:900;cursor:pointer}.bsmp-game-button:hover,.bsmp-game-button:focus-visible{border-color:#117b83;box-shadow:0 0 0 3px rgba(17,123,131,.14)}.bsmp-game-button--primary{border-color:#117b83;background:#117b83;color:#fff}.bsmp-game-button--export{border-color:#d59a32;color:#80530d}.bsmp-game-button:disabled{cursor:not-allowed;opacity:.45}.bsmp-tuning-game__export-note{min-height:1.3em;margin:0;color:#627982;font-size:.76rem;line-height:1.4}
.bsmp-tuning-game__forks{display:grid;grid-template-columns:repeat(8,minmax(80px,1fr));gap:.55rem;margin:1.1rem 0}.bsmp-fork{position:relative;display:grid;justify-items:center;gap:.2rem;min-height:132px;padding:.7rem .35rem .55rem;border:1px solid #d5e5e6;border-top:4px solid var(--fork-color);border-radius:10px;background:#fff;color:var(--game-ink);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.bsmp-fork:hover,.bsmp-fork:focus-visible,.bsmp-fork.is-active{transform:translateY(-4px);border-color:var(--fork-color);box-shadow:0 10px 22px rgba(16,52,64,.13)}.bsmp-fork.is-active{background:color-mix(in srgb,var(--fork-color) 10%,#fff)}.bsmp-fork__prongs{position:relative;width:28px;height:57px;border:3px solid var(--fork-color);border-bottom:0;border-radius:15px 15px 0 0}.bsmp-fork__prongs:after{position:absolute;bottom:-8px;left:50%;width:3px;height:20px;transform:translateX(-50%);background:var(--fork-color);content:""}.bsmp-fork__prongs i{position:absolute;bottom:0;width:3px;height:10px;background:var(--fork-color)}.bsmp-fork__prongs i:first-child{left:-3px}.bsmp-fork__prongs i:last-child{right:-3px}.bsmp-fork b{margin-top:.35rem;font-size:.75rem}.bsmp-fork small{color:var(--game-muted);font-size:.67rem}.bsmp-tuning-game__composer{padding:1.15rem;border:1px solid #d4e4e5;border-radius:14px;background:#f7fbfb}.bsmp-tuning-game__composer-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end}.bsmp-tuning-game__composer-heading>span{padding:.35rem .6rem;border:1px solid #c5dfe0;border-radius:999px;color:#34717a;font-size:.72rem;font-weight:900;white-space:nowrap}.bsmp-tuning-game__helper{margin:.4rem 0 1rem;color:var(--game-muted);font-size:.8rem}.bsmp-sequencer{display:grid;gap:.55rem;overflow:auto}.bsmp-sequencer__row{display:grid;grid-template-columns:110px minmax(640px,1fr);gap:.55rem;align-items:center}.bsmp-sequencer__label{display:grid;grid-template-columns:12px 1fr;column-gap:.4rem;align-items:center;min-width:0}.bsmp-sequencer__label b{font-size:.75rem}.bsmp-sequencer__label small{grid-column:2;color:var(--game-muted);font-size:.65rem}.bsmp-sequencer__fork-dot{grid-row:1 / span 2;width:10px;height:10px;border-radius:50%;background:var(--fork-color)}.bsmp-sequencer__steps{display:grid;grid-template-columns:repeat(16,minmax(26px,1fr));gap:4px}.bsmp-step{position:relative;aspect-ratio:1;min-width:26px;padding:0;border:1px solid #c9dfe1;border-radius:5px;background:#fff;cursor:pointer}.bsmp-step:nth-child(4n+1){margin-left:2px;border-left:2px solid #9fc3c6}.bsmp-step span{position:absolute;inset:22%;border-radius:3px;background:var(--fork-color);opacity:0;transform:scale(.4);transition:opacity .12s ease,transform .12s ease}.bsmp-step[aria-pressed=true]{border-color:var(--fork-color);background:color-mix(in srgb,var(--fork-color) 12%,#fff)}.bsmp-step[aria-pressed=true] span{opacity:1;transform:scale(1)}.bsmp-step.is-current{outline:3px solid #d59a32;outline-offset:1px}.bsmp-tuning-game__composer-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.8rem;color:#6b8188;font-size:.7rem}.bsmp-tuning-game kbd{padding:.15rem .35rem;border:1px solid #cbdcde;border-bottom-width:2px;border-radius:4px;background:#fff;color:#47636a}
@keyframes bsmpGamePulse{50%{transform:scale(.84);opacity:.42}}@keyframes bsmpGameBar{to{transform:scaleY(1.45);opacity:1}}@keyframes bsmpGameSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.bsmp-tuning-game__intro,.bsmp-tuning-game__stage{grid-template-columns:1fr}.bsmp-tuning-game__forks{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.bsmp-tuning-game__actions{grid-template-columns:1fr}.bsmp-tuning-game__forks{grid-template-columns:repeat(2,1fr)}.bsmp-sequencer__row{grid-template-columns:85px minmax(640px,1fr)}.bsmp-tuning-game__composer-heading{display:block}.bsmp-tuning-game__composer-heading>span{display:inline-block;margin-top:.55rem}.bsmp-tuning-game__composer-footer{display:block}.bsmp-tuning-game__composer-footer span{display:block;margin-top:.35rem}}
@media(prefers-reduced-motion:reduce){.bsmp-tuning-game__visual:before,.bsmp-tuning-game__ring,.bsmp-tuning-game__bars i{animation:none!important}}
.bsmp-tuning-game-page .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;background:transparent!important}.bsmp-tuning-game-page .wp-block-button,.bsmp-tuning-game-page .wp-block-button.bsmp-card-button{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.bsmp-tuning-game-page .wp-block-button__link,.bsmp-tuning-game-page .wp-block-button.bsmp-card-button .wp-element-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:48px!important;margin:0!important;padding:.7rem 1.15rem!important;border:1px solid #0d7080!important;border-radius:7px!important;background:linear-gradient(135deg,#0d6575,#249d9b)!important;color:#fff!important;font-size:.9rem!important;font-weight:850!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(12,91,105,.18)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.bsmp-tuning-game-page .wp-block-button__link:hover,.bsmp-tuning-game-page .wp-block-button__link:focus-visible,.bsmp-tuning-game-page .wp-block-button.bsmp-card-button .wp-element-button:hover,.bsmp-tuning-game-page .wp-block-button.bsmp-card-button .wp-element-button:focus-visible{background:linear-gradient(135deg,#62248b,#8040a4)!important;border-color:#62248b!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 11px 22px rgba(65,31,83,.22)!important}.bsmp-tuning-game-page .wp-block-button__link:focus-visible,.bsmp-tuning-game-page .wp-block-button.bsmp-card-button .wp-element-button:focus-visible{outline:3px solid #e7bd63!important;outline-offset:2px!important}
.bsmp-tuning-game-page>p.wp-block-paragraph:not(.bsmp-eyebrow){box-sizing:border-box;max-width:980px;margin:1rem 0 1.5rem!important;padding:1rem 1.25rem;border:1px solid #b9dadd;border-left:5px solid #15939a;border-radius:12px;background:linear-gradient(135deg,#eff9f8,#f8fcfc);color:#4f6b76!important;font-size:clamp(1rem,1.8vw,1.25rem)!important;line-height:1.55!important;box-shadow:0 10px 24px rgba(16,52,64,.08)}