#sidebrain-arcade.sidebrain-arcade--hero{--sidebrain-page-bg: #09090b;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;box-shadow:none}#sidebrain-arcade.sidebrain-arcade--hero .game{background:var(--sidebrain-page-bg);border:0;border-radius:0;box-shadow:none}#sidebrain-arcade.sidebrain-arcade--hero .game:after{background:linear-gradient(90deg,var(--sidebrain-page-bg) 0%,transparent 19%,transparent 91%,var(--sidebrain-page-bg) 100%),linear-gradient(180deg,var(--sidebrain-page-bg) 0%,transparent 6%,transparent 93%,var(--sidebrain-page-bg) 100%);pointer-events:none}#sidebrain-arcade.sidebrain-arcade--hero .play-cta,#sidebrain-arcade.sidebrain-arcade--hero .turn-prompt{z-index:21}#sidebrain-arcade.sidebrain-arcade--hero .instructions{padding:5px 8px 0;font-size:10px;line-height:1.7;color:#8a8992;background:transparent}#sidebrain-arcade.sidebrain-arcade--hero .instructions b{color:#a3a1ac;font-weight:600}#sidebrain-arcade.sidebrain-arcade--hero .input-help{order:2;color:#8a8992;margin:4px 8px}#sidebrain-arcade.sidebrain-arcade--hero .audio-status{order:3}#sidebrain-arcade.sidebrain-arcade--hero .tune-panel{order:4}#sidebrain-arcade.sidebrain-arcade--hero .midi-controls{display:flex;order:1;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:2px 14px;margin:4px 0 0;padding:0;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#96929f}#sidebrain-arcade.sidebrain-arcade--hero .midi-row{justify-content:center;max-width:100%;min-width:0}#sidebrain-arcade.sidebrain-arcade--hero #enableMidi{padding:7px 4px;border-color:transparent;background:transparent;box-shadow:none;color:#a4a0ad}#sidebrain-arcade.sidebrain-arcade--hero #enableMidi:hover:not(:disabled),#sidebrain-arcade.sidebrain-arcade--hero .midi-mapping summary:hover{color:#d5cedd}#sidebrain-arcade.sidebrain-arcade--hero .midi-mapping{min-width:0;max-width:100%;margin:0;color:#96929f}#sidebrain-arcade.sidebrain-arcade--hero .midi-mapping summary{padding:8px 4px;line-height:1.5}#sidebrain-arcade.sidebrain-arcade--hero .midi-mapping[open]{flex:0 1 auto;padding:0}#sidebrain-arcade.sidebrain-arcade--hero .midi-mapping[open] summary{margin-inline:0}#sidebrain-arcade.sidebrain-arcade--hero .midi-mapping p{overflow-wrap:anywhere}#sidebrain-arcade.sidebrain-arcade--hero #midiDevice{max-width:100%}#sidebrain-arcade.sidebrain-arcade--hero.touch-ui .midi-controls[data-midi-state=unsupported]{display:none}#sidebrain-arcade.sidebrain-arcade--hero .midi-controls{position:relative;z-index:40}#sidebrain-arcade.sidebrain-arcade--hero .midi-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:min(328px,100%);max-height:min(480px,85vh);overflow:auto;padding:12px;border:1px solid #493652;border-radius:8px;background:#0d0b10;box-shadow:0 12px 32px #0008;color:#ded8e6;text-align:left;line-height:1.45}#sidebrain-arcade.sidebrain-arcade--hero .midi-popover-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#sidebrain-arcade.sidebrain-arcade--hero .midi-popover-heading strong{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.06em}#sidebrain-arcade.sidebrain-arcade--hero #closeMidiSetup{padding:0;width:28px;height:28px;border:0;background:transparent;color:#c4bacf;font-size:22px;line-height:1}#sidebrain-arcade.sidebrain-arcade--hero #midiDeviceLabel{display:block;font-size:9px;letter-spacing:.08em;color:#a99bb6;margin-bottom:4px}#sidebrain-arcade.sidebrain-arcade--hero .midi-popover #midiDevice{width:100%;margin-bottom:8px;padding:6px}#sidebrain-arcade.sidebrain-arcade--hero #midiDeviceHint{margin:0 0 7px;color:#a49aad}#sidebrain-arcade.sidebrain-arcade--hero #midiDeviceHint:empty{display:none}#sidebrain-arcade.sidebrain-arcade--hero .midi-learn-sounds{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;margin:0}#sidebrain-arcade.sidebrain-arcade--hero .midi-learn-sounds button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:30px;padding:6px 8px;border:0;border-radius:4px;color:#e0d8e8;background:transparent;text-align:left}#sidebrain-arcade.sidebrain-arcade--hero .midi-learn-sounds button:hover:not(:disabled){background:#241a2d}#sidebrain-arcade.sidebrain-arcade--hero .midi-learn-sounds button[aria-pressed=true],#sidebrain-arcade.sidebrain-arcade--hero .midi-learn-sounds button[data-assigned=true]{color:#8dff62;background:#172617}#sidebrain-arcade.sidebrain-arcade--hero [data-midi-note]{font-family:ui-monospace,monospace;font-size:10px}#sidebrain-arcade.sidebrain-arcade--hero #midiLearnStatus{min-height:2.9em;margin:9px 0 0;font-size:10px;color:#b2a4be}#sidebrain-arcade.sidebrain-arcade--hero .midi-setup-actions{justify-content:space-between;margin-top:3px}#sidebrain-arcade.sidebrain-arcade--hero .midi-setup-actions button{padding:5px 0;border:0;background:transparent;color:#a69ab1;font-size:10px;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){#sidebrain-arcade.sidebrain-arcade--hero .midi-popover{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:none;width:auto;max-height:78vh;max-height:78svh;padding:12px}}#sidebrain-arcade.sidebrain-arcade--hero.touch-ui .midi-learn-sounds button,#sidebrain-arcade.sidebrain-arcade--hero.touch-ui #closeMidiSetup,#sidebrain-arcade.sidebrain-arcade--hero.touch-ui .midi-setup-actions button,#sidebrain-arcade.sidebrain-arcade--hero.touch-ui .midi-popover #midiDevice{min-height:44px}#sidebrain-arcade.sidebrain-arcade--hero.touch-ui #closeMidiSetup{width:44px}#sidebrain-arcade.sidebrain-arcade--hero .hero-touch-controls{display:none}@media(max-width:900px)and (pointer:coarse),(max-width:900px)and (hover:none){#sidebrain-arcade.sidebrain-arcade--hero .hero-touch-controls{display:block;min-height:166px}#sidebrain-arcade.sidebrain-arcade--hero .input-help{display:none}}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .hero-touch-controls{display:block;min-height:166px;padding:4px 12px 8px}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .turn-prompt{position:static;width:100%;transform:none;opacity:1;transition:none;pointer-events:auto;text-align:center}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .turn-prompt strong{height:18px;margin:0 0 8px;font-size:11px;line-height:18px}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .turn-prompt:not(.show) strong{color:#a49aaf}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .keys>span{display:none}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .keys button{width:100%;height:60px;min-width:0;padding:6px;border:1px solid #655078;border-radius:7px;background:#15101d;color:#f1e9f8;font:700 13px/1.2 system-ui,sans-serif;letter-spacing:.01em;box-shadow:inset 0 1px #aa79c712,0 2px #070609;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .keys button:disabled{color:#a69baf;background:#100d15;border-color:#3b2d49;cursor:default;touch-action:pan-y}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .keys button[data-pad-active=true],#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .keys button:active:not(:disabled){transform:translateY(2px);border-color:#84f552;background:#17341f;color:#d9ffc7;box-shadow:inset 0 2px 4px #0008,0 0 10px #70f44138}#sidebrain-arcade.sidebrain-arcade--hero.hero-touch-pads .input-help{display:none}