:root{--bg: #0a0618;--panel: #1a1430;--ink: #fff;--accent: #fb5607;font-family:Comic Sans MS,"Baloo 2",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;touch-action:manipulation}#boot-gate{display:grid;place-items:center;height:100vh}#boot-button{font-size:2.5rem;padding:1.5rem 3rem;border:none;border-radius:2rem;background:var(--accent);color:#fff;cursor:pointer;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}#app{position:fixed;inset:0}.shell-root{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:.55rem .75rem;background:linear-gradient(90deg,#14101f,#1f1730,#14101f);border-bottom:3px solid var(--edge, #15121b)}.brand-text{font-family:"Press Start 2P",system-ui,sans-serif;font-size:clamp(1.1rem,4.2vw,2.4rem);letter-spacing:.06em;line-height:1;background:linear-gradient(90deg,var(--beet, #ff79c6),var(--sun, #fabd2f),var(--grape, #bd93f9));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 0 rgba(0,0,0,.35);user-select:none}.shell-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:7.5rem 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"palette options" "palette canvas" "playbar playbar"}.palette{grid-area:palette;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;overflow-y:auto;background:#1a143099}.palette button{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .3rem;border:3px solid transparent;border-radius:1rem;background:var(--panel);color:#fff;font-size:.7rem;cursor:pointer}.palette button.active{border-color:var(--accent)}.m-icon{font-size:1.8rem}.options-bar{grid-area:options;min-height:4rem;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#1a1430cc;backdrop-filter:blur(6px);overflow-x:auto}.options-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;opacity:.85}.options-icon{font-size:1.6rem}.opt-knob{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.opt-knob input{width:9rem}.opt-choices{display:flex;gap:.5rem}.opt-choice{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem .6rem;border:2px solid transparent;border-radius:.6rem;background:var(--panel);color:#fff;font-size:.7rem;cursor:pointer}.opt-choice.active{border-color:var(--accent)}.canvas{grid-area:canvas;position:relative;overflow:auto}.machine{padding:1rem;display:grid;gap:1rem;align-content:start;justify-content:center;justify-items:center;grid-auto-columns:min(100%,56rem)}.playbar{grid-area:playbar;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:center;padding:.5rem;background:#1a1430d9;backdrop-filter:blur(6px)}.pb-group{display:flex;align-items:stretch;gap:.4rem}.pb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:3.6rem;padding:.35rem .55rem;border:none;border-radius:.9rem;background:var(--panel);color:#fff;font-family:inherit;cursor:pointer}.pb-btn:active{transform:scale(.92)}.pb-btn.active{background:var(--accent);color:#1a1430}.pb-play{background:#06d6a0;color:#08221b}.pb-icon{font-size:1.7rem;line-height:1}.pb-label{font-size:.62rem;letter-spacing:.02em;opacity:.92}.pb-btn.flash{animation:flash .5s ease-out}.t-btn{font-size:1.5rem;width:3rem;height:3rem;border:none;border-radius:1rem;background:var(--panel);color:#fff;cursor:pointer}.t-btn:active{transform:scale(.92)}.t-btn.active{background:var(--accent)}.tempo{font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.tempo input[type=range]{width:8rem}.big-record{font-size:1.6rem;padding:2rem;border:none;border-radius:2rem;background:#ff5d8f;color:#fff;cursor:pointer}.big-record.recording{background:#ff0040;animation:pulse .6s infinite}.voicefx-status{text-align:center;font-size:1.1rem}.fx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.fx-tile{aspect-ratio:1;border:none;border-radius:1rem;background:var(--tile-color, var(--panel));color:#fff;font-size:.9rem;display:grid;place-content:center;gap:.3rem;cursor:pointer}.fx-tile:active{transform:scale(.93)}.fx-emoji{font-size:2rem}.fx-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.fx-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;border:none;border-radius:999px;background:var(--tile-color, var(--panel));color:#fff;font-size:.85rem;font-weight:700;cursor:pointer}.fx-chip .fx-emoji{font-size:1.1rem}.fx-chip-x{font-size:.75rem;opacity:.8;margin-left:.1rem}.fx-chip:active{transform:scale(.95)}.voice-clip-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:.6rem .9rem;border-left:6px solid var(--tile-color, var(--accent));border-radius:.9rem;background:var(--panel)}.voice-clip-name{display:inline-flex;align-items:center;gap:.25rem;font-size:1.05rem}.send-home-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.send-home{width:auto;height:auto;padding:.5rem .9rem;font-size:.95rem;background:var(--accent)}.send-home:disabled{background:#2c8c5a;opacity:.85;cursor:default}.audition-keyboard{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin:.3rem 0 .2rem}.audition-key{min-width:3rem;height:4.2rem;padding:.4rem .5rem;border:none;border-radius:.7rem;background:var(--key-color, var(--accent));color:#3a2b00;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 3px #00000040;touch-action:none}.audition-key:active{transform:translateY(2px);box-shadow:0 1px #00000040;filter:brightness(1.1)}.machine--voicekeys{display:flex;flex-direction:column;align-items:center;gap:.6rem}.clip-card-controls{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.clip-card-controls .t-btn{width:2.6rem;height:2.6rem;font-size:1.2rem}.clip-card-controls .t-btn.recording{background:#ff0040;animation:pulse .6s infinite}.name-display{border:none;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:.25rem}.name-pencil{font-size:.7em;opacity:.55}.name-edit{font:inherit;color:var(--ink);width:8rem;max-width:60vw;padding:.1rem .35rem;border:2px solid var(--accent);border-radius:.4rem;background:#00000059}.palette button[data-machine=looper-stage]{background:#241a44;border-color:#fb56078c}.palette button[data-machine=looper-stage].active{border-color:var(--accent)}.magic-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.magic-record{width:auto;height:auto;padding:.6rem 1.1rem;font-size:1.05rem;background:#8338ec}.magic-record.recording{background:#ff0040;animation:pulse .6s infinite}.xy-pad{position:relative;width:min(90vw,600px);height:min(60vh,400px);border-radius:1.5rem;background:linear-gradient(135deg,#3a86ff,#8338ec,#ff006e);touch-action:none}.xy-hint{position:absolute;inset:0;display:grid;place-content:center;font-size:1.4rem;pointer-events:none}.xy-dot{position:absolute;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff;pointer-events:none}.stub-note{max-width:30rem;text-align:center;opacity:.8}.loop-board{--ph: 0%;display:grid;gap:.5rem;width:100%;background:#0a0618a8;border-radius:.75rem;padding:.5rem}.loop-track{display:grid;grid-template-columns:11rem 1fr;gap:.5rem;align-items:center;border-left:6px solid var(--row-color, var(--accent));border-radius:.6rem;background:var(--panel);padding:.4rem .5rem}.loop-track-head{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"move name mute" "move vol remove";gap:.25rem .4rem;align-items:center}.loop-track-head .layer-move{grid-area:move;display:flex;flex-direction:column;gap:.15rem}.loop-track-head .layer-move-btn{width:1.7rem!important;height:1.5rem!important;font-size:.7rem!important;padding:0;opacity:.75}.loop-track-head .layer-move-btn:active{opacity:1}.loop-track-head .layer-name{grid-area:name;font-size:.9rem}.loop-track-head .layer-mute{grid-area:mute}.loop-track-head .layer-vol{grid-area:vol;width:100%}.loop-track-head .layer-remove{grid-area:remove}.loop-track-head .t-btn{width:2.2rem;height:2.2rem;font-size:1.1rem}.loop-track-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lane-patterns{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:.1rem 0 .35rem}.lane-patterns-label{font-size:.85rem;opacity:.7;margin-right:.1rem}.pat-chip{min-width:1.6rem;height:1.6rem;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.18);border-radius:.4rem;background:#00000040;cursor:pointer}.pat-chip.active{background:var(--row-color, var(--accent));border-color:#fff}.pat-chip.pat-add{border-style:dashed;opacity:.85}.pat-chip.pat-del{border-color:transparent;background:transparent;opacity:.7}.pat-chip.pat-del:active{opacity:1}.lane-controls{margin-top:.45rem;padding:.55rem .6rem;display:flex;flex-direction:column;gap:.55rem;background:#0000003d;border-radius:.5rem}.lane-ctl-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.lane-ctl-label{font-size:.78rem;font-weight:700;opacity:.8}.lane-fx-btn{width:auto;height:auto;padding:.32rem .6rem;font-size:.85rem;font-weight:700}.lane-sendcar{align-items:center}.knob-row{display:flex;flex-wrap:wrap;gap:.7rem}.knob{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:3.2rem}.knob-label{font-size:.72rem;font-weight:700;opacity:.9;white-space:nowrap}.knob-controls{display:flex;align-items:center;gap:.22rem}.knob-step{width:1.35rem;height:1.7rem;padding:0;border:none;border-radius:.32rem;background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer}.knob-step:active{background:#ffffff42}.knob-dial{position:relative;width:2.2rem;height:2.2rem;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 50% 32%,#4a4550,#1a1622);border:2px solid var(--knob-color, var(--accent));box-shadow:inset 0 1px 2px #0000008c,0 1px 1px #0006;cursor:ns-resize;touch-action:none}.knob-ind{position:absolute;left:50%;top:50%;width:.16rem;height:.85rem;background:var(--knob-color, #fff);border-radius:2px;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--ang, 0deg))}.knob-val{font-size:.7rem;opacity:.82;white-space:nowrap}.rail-foot{margin-top:.4rem;font-style:italic}.loop-lane{position:relative;display:grid;grid-template-columns:repeat(16,1fr);gap:.2rem;min-width:0}.loop-cell{position:relative;height:2.4rem;min-width:0;border:2px solid rgba(255,255,255,.12);border-radius:.4rem;background:#ffffff0d;cursor:pointer}.loop-cell.downbeat{border-color:#ffffff4d}.loop-cell.on{background:var(--row-color, var(--accent));box-shadow:0 0 10px var(--row-color, var(--accent))}.loop-cell:active{transform:scale(.9)}.loop-playhead{position:absolute;top:-2px;bottom:-2px;left:var(--ph);width:3px;margin-left:-1.5px;background:#ffd23f;box-shadow:0 0 10px #ffd23f;pointer-events:none;opacity:0;transition:opacity .15s}.loop-board[data-playing=true] .loop-playhead{opacity:1}.loop-add{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.6rem}.loop-add .t-btn{width:auto;padding:.4rem .8rem;font-size:.95rem}.loop-hint{font-size:.8rem;opacity:.7}.drum-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;padding:.5rem;background:#0a0618a8;border-radius:.6rem}.drum-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem;width:4.5rem;padding:.4rem .3rem;border:2px solid var(--pad-color, var(--accent));border-radius:.5rem;background:#ffffff0d;color:inherit;font-size:.75rem;cursor:pointer}.drum-chip:active{transform:scale(.92)}.drum-chip .drum-emoji{font-size:1.4rem}.drum-chip.present{background:var(--pad-color, var(--accent));color:#1a1430}.drum-chip .drum-check{position:absolute;top:.1rem;right:.25rem;font-size:.7rem;font-weight:700}.loop-track.selected{outline:2px solid var(--row-color, var(--accent));box-shadow:0 0 14px -2px var(--row-color, var(--accent))}.melody-grid{position:relative;display:grid;gap:.15rem;min-width:0}.melody-row{display:grid;grid-template-columns:repeat(16,1fr);gap:.2rem;min-width:0}.note-cell{position:relative;height:1.15rem;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;background:#ffffff0a;cursor:pointer}.note-handle{position:absolute;top:0;bottom:0;right:0;width:14px;border-radius:0 .3rem .3rem 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55));cursor:ew-resize;touch-action:none}.note-handle:after{content:"";position:absolute;top:50%;right:3px;width:2px;height:45%;transform:translateY(-50%);border-radius:1px;background:#1a1430b3;box-shadow:-3px 0 #1a1430b3}.roll-pips{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;letter-spacing:.15em;font-size:.7rem;color:#1a1430d9;pointer-events:none}.loop-cell.has-roll{background-image:repeating-linear-gradient(90deg,rgba(26,20,48,.18) 0 2px,transparent 2px 8px)}.tune-badge{position:absolute;top:1px;left:4px;font-size:.62rem;font-weight:700;color:#1a1430e6;pointer-events:none}.note-cell.downbeat{border-color:#ffffff47}.note-cell.on{background:var(--row-color, var(--accent));box-shadow:0 0 8px var(--row-color, var(--accent))}.bend-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.bend-line{fill:none;stroke:#ffd23f;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,210,63,.8))}.note-cell:active{transform:scale(.85)}.shell-grid--rail{grid-template-columns:7.5rem 1fr 14.5rem;grid-template-areas:"palette options rail" "palette canvas rail" "playbar playbar playbar"}.rail{grid-area:rail;overflow-y:auto;padding:.5rem;background:#1a143099;border-left:1px solid rgba(255,255,255,.08)}.rail-inner{display:flex;flex-direction:column;gap:.6rem}.rail-heading{font-weight:700;font-size:1.05rem;text-align:center}.rail-control{background:var(--panel);border-radius:.6rem;padding:.45rem .55rem}.rail-control input[type=range]{width:100%}.rail-title{font-size:.82rem;font-weight:600;margin-bottom:.3rem}.coach{font-size:.7rem;line-height:1.25;opacity:.72;margin-top:.25rem}.rail-toggle{width:100%;height:auto;padding:.4rem;font-size:.85rem}.rail-toggle.active{background:var(--accent);color:#1a1430}.rail-pills{display:flex;flex-wrap:wrap;gap:.3rem}.rail-pill{flex:1 1 auto;min-width:2rem;padding:.35rem .2rem;border:2px solid rgba(255,255,255,.15);border-radius:.4rem;background:#ffffff0d;color:inherit;font-size:.95rem;cursor:pointer}.rail-pill.active{border-color:var(--accent);background:var(--accent);color:#1a1430}.rail-sep{margin-top:.3rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.12);font-weight:600;font-size:.85rem;text-align:center}.rail-sheet-toggle{position:fixed;right:.6rem;bottom:4.4rem;z-index:4;padding:.55rem .9rem;border:none;border-radius:1.4rem;background:var(--accent);color:#fff;font-size:.95rem;font-family:inherit;box-shadow:0 4px 12px #00000080;cursor:pointer}.rail-sheet-toggle.active{background:var(--panel)}.rail-sheet{position:fixed;left:0;right:0;bottom:4rem;z-index:3;max-height:62vh;border-top:2px solid rgba(255,255,255,.12);border-left:none;border-radius:1rem 1rem 0 0;background:#120d24f7;backdrop-filter:blur(8px);box-shadow:0 -8px 24px #00000080;transform:translateY(115%);transition:transform .22s ease-out}.rail-sheet.open{transform:translateY(0)}@media(max-width:740px){.shell-grid{grid-template-columns:4.6rem 1fr}.palette{gap:.35rem;padding:.35rem .25rem}.palette button{font-size:.55rem;padding:.4rem .15rem;border-width:2px}.m-icon{font-size:1.5rem}.options-bar{gap:.5rem;padding:.4rem .6rem}.opt-knob input{width:6.5rem}}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:min(92vw,640px)}.pad{aspect-ratio:1;border:none;border-radius:1.25rem;background:var(--pad-color, var(--panel));color:#fff;font-size:.85rem;display:grid;place-content:center;gap:.3rem;cursor:pointer;box-shadow:0 4px #0000004d}.pad-emoji{font-size:2rem}.pad.hit{animation:pad-hit .18s ease-out}@keyframes pad-hit{50%{transform:scale(.88);filter:brightness(1.4)}}.beat-rows{display:grid;gap:.4rem}.beat-row{display:grid;grid-template-columns:3rem repeat(16,1fr);gap:.25rem;align-items:center}.beat-label{font-size:1.4rem;height:2.2rem;border:none;border-radius:.6rem;background:var(--row-color, var(--panel));cursor:pointer}.beat-cell{height:2.2rem;min-width:0;border:2px solid rgba(255,255,255,.12);border-radius:.5rem;background:#ffffff0d;cursor:pointer;transition:transform .05s}.beat-cell.downbeat{border-color:#ffffff4d}.beat-cell.on{background:var(--row-color, var(--accent));box-shadow:0 0 12px var(--row-color, var(--accent))}.beat-cell:active{transform:scale(.9)}.layer-list{display:grid;gap:.6rem;width:min(92vw,560px)}.layer-row{display:grid;grid-template-columns:1fr auto 2fr auto;gap:.6rem;align-items:center;padding:.5rem .75rem;border-left:6px solid var(--row-color, var(--accent));border-radius:.75rem;background:var(--panel)}.layer-name{font-size:1rem}.layer-vol{width:100%}.t-btn.flash{animation:flash .5s ease-out}@keyframes flash{0%{background:#06d6a0;transform:scale(1.15)}}.loop-train{background:#2a1f4a}.tracks-strip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.7rem .7rem .85rem;background:#100c22eb;border-top:2px solid rgba(255,255,255,.08)}.tracks-head{flex:0 0 auto;font-size:.95rem;font-weight:800;color:#fff;opacity:.9;white-space:nowrap;letter-spacing:.02em}.song-train-body{display:flex;flex-direction:column;align-items:stretch;max-width:100%;padding:0 1.9rem;overflow-x:auto}.tracks-cars{position:relative;display:flex;align-items:flex-end;gap:.45rem;padding:.5rem .5rem 1.2rem;width:max-content}.tracks-cars:before{content:"";position:absolute;left:0;right:0;bottom:.3rem;height:.7rem;background:repeating-linear-gradient(90deg,#6b4a32 0 .42rem,transparent .42rem .9rem);border-radius:1px;z-index:0}.tracks-cars:after{content:"";position:absolute;left:0;right:0;bottom:.78rem;height:.26rem;background:linear-gradient(180deg,#cfd3da,#80858f);border-radius:2px;box-shadow:0 1px 1px #00000080;z-index:0}.song-loop-track{position:relative;width:100%;height:3rem;margin:.15rem 0 .1rem}.song-loop-track:before{content:"";position:absolute;left:0;right:0;bottom:.5rem;height:.55rem;background:repeating-linear-gradient(90deg,#6b4a32 0 .4rem,transparent .4rem .86rem);z-index:0}.loop-rail{position:absolute;left:0;right:0;bottom:.95rem;height:.26rem;background:linear-gradient(180deg,#cfd3da,#80858f);border-radius:2px;box-shadow:0 1px 1px #00000080;z-index:1}.loop-band{position:absolute;bottom:.92rem;height:.34rem;background:linear-gradient(180deg,#20e3b2,#06d6a0);border-radius:3px;box-shadow:0 0 .4rem #06d6a0b3;z-index:2;pointer-events:none}.train-sprite{position:absolute;left:0;bottom:.66rem;margin-left:-1.15rem;font-size:2.3rem;line-height:1;opacity:0;pointer-events:none;z-index:3;transform:scaleX(-1);filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));transition:opacity .18s ease}.loop-tunnel{position:absolute;left:0;bottom:.45rem;margin-left:-1.7rem;width:3.4rem;height:2.7rem;padding:0;border:none;background:transparent;cursor:ew-resize;touch-action:none;z-index:5}.loop-tunnel:before{content:"";position:absolute;left:0;right:0;bottom:.5rem;height:2.1rem;background:radial-gradient(120% 130% at 50% 100%,#3f7a3a 0 58%,#2c5a2a 58% 100%);border-radius:1.7rem 1.7rem 0 0;box-shadow:0 1px 3px #0000008c}.loop-tunnel:after{content:"";position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);width:2rem;height:1.8rem;background:radial-gradient(80% 100% at 50% 100%,#050308 0 72%,#1a1322);border-radius:1rem 1rem 0 0;box-shadow:0 0 0 .22rem #8a8077}.loop-tunnel--end:before{background:radial-gradient(120% 130% at 50% 100%,#b06a3a 0 58%,#8a4f2a 58% 100%)}.loop-grab{position:absolute;left:50%;bottom:-.35rem;transform:translate(-50%);font-size:.8rem;font-weight:900;letter-spacing:.12rem;color:#fff;background:#0009;border-radius:.5rem;padding:.05rem .3rem;line-height:1.1;pointer-events:none;white-space:nowrap}.car-block{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;min-width:4.6rem;min-height:2.9rem;padding:.4rem .5rem .5rem;border:2px solid rgba(0,0,0,.28);border-radius:.35rem .35rem .3rem .3rem;background:linear-gradient(180deg,rgba(0,0,0,.34) 0 .38rem,transparent .38rem),linear-gradient(180deg,transparent 66%,rgba(0,0,0,.22)),var(--car-color, var(--panel));color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #ffffff29,0 2px 3px #0006}.car-block:after{content:"";position:absolute;right:-.6rem;bottom:.78rem;width:.6rem;height:.22rem;background:#2b2530;border-radius:2px;z-index:0}.car-block:last-of-type:after{display:none}.car-block.active{border-color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 0 2px #fff,0 2px 5px #00000080}.car-block.riding{animation:car-ride .5s ease-in-out infinite alternate}@keyframes car-ride{0%{box-shadow:inset 0 0 0 1px #ffffff29,0 0 #ffffff80;transform:translateY(0)}to{box-shadow:inset 0 0 0 1px #ffffff29,0 0 .7rem .15rem #ffffffd9;transform:translateY(-1px)}}.car-block.loco{border-radius:.35rem 1rem .3rem .3rem}.car-stack{position:absolute;top:-.55rem;left:.55rem;width:.6rem;height:.6rem;background:#2b2530;border-radius:.16rem .16rem 0 0;z-index:2}.car-stack:before{content:"";position:absolute;top:-.55rem;left:-.18rem;width:.95rem;height:.6rem;background:radial-gradient(circle,rgba(255,255,255,.6),transparent 70%);border-radius:50%}.car-body{display:flex;flex-direction:column;align-items:center;gap:.05rem;z-index:1}.car-wheels{position:absolute;left:.45rem;right:.45rem;bottom:-.42rem;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.car-wheel{position:relative;width:.8rem;height:.8rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,#4a4550 0 .15rem,#15121b .15rem);border:2px solid #d9d2c4;box-shadow:0 1px 1px #00000080}.car-wheel:after{content:"";position:absolute;inset:.15rem;border-radius:50%;background:linear-gradient(0deg,transparent 44%,#d9d2c4 44% 56%,transparent 56%),linear-gradient(90deg,transparent 44%,#d9d2c4 44% 56%,transparent 56%)}.car-block.riding .car-wheel{animation:wheel-spin .5s linear infinite}@keyframes wheel-spin{to{transform:rotate(360deg)}}.car-acts{position:absolute;top:.15rem;right:.2rem;display:flex;gap:.15rem;z-index:1}.car-act{width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:.66rem;line-height:1;border:none;border-radius:.35rem;background:#00000052;color:#fff;cursor:pointer;opacity:.65}.car-act:hover,.car-act:active{opacity:1}.car-act--del:hover,.car-act--del:active{background:var(--tomato, #fb4934)}.car-block .car-num{margin-top:.05rem}.car-num{font-size:.62rem;font-weight:700;opacity:.8;line-height:1}.car-block.loco .car-num{font-size:.95rem;opacity:1}.car-name{font-size:.8rem;font-weight:800;white-space:nowrap}.car-rename{width:5.5rem;font-size:.85rem;font-weight:700;border:none;border-radius:.3rem;padding:.05rem .25rem}.car-add{flex:0 0 auto;align-self:flex-end;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:3.6rem;min-height:2.9rem;margin-bottom:.45rem;padding:.4rem .5rem;border:2px dashed rgba(255,255,255,.35);border-radius:.35rem;background:#ffffff0a;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;z-index:1}.car-add span{font-size:.6rem}.tracks-ride{flex:0 0 auto;align-self:center;padding:.6rem 1.6rem;border:none;border-radius:1rem;background:#06d6a0;color:#06231b;font-size:1.1rem;font-weight:800;cursor:pointer;white-space:nowrap}.tracks-ride:active{transform:scale(.96)}.car-banner{display:flex;align-items:center;gap:.55rem;margin:0 0 .5rem;padding:.4rem .7rem;border-radius:.8rem;border:2px solid var(--car-color, var(--panel));background:color-mix(in srgb,var(--car-color, var(--panel)) 16%,var(--panel));flex-wrap:wrap}.car-banner-swatch{width:1.1rem;height:1.1rem;border-radius:.3rem;background:var(--car-color, var(--panel));box-shadow:0 1px 3px #00000059;flex:0 0 auto}.car-banner-num{font-size:.95rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.car-banner-of{font-weight:600;opacity:.6}.car-banner-name{display:inline-flex;align-items:center;gap:.3rem;max-width:14rem;padding:.2rem .5rem;border:none;border-radius:.5rem;background:#0000000f;font-size:1.05rem;font-weight:800;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.car-banner-pencil{font-size:.75rem;opacity:.55}.car-banner-rename{width:11rem;font-size:1.05rem;font-weight:800;border:2px solid var(--car-color, var(--panel));border-radius:.5rem;padding:.18rem .45rem}.car-banner-nav{display:inline-flex;gap:.25rem;margin-left:auto}.car-banner-step{width:2rem;height:2rem;border:2px solid var(--car-color, var(--panel));border-radius:.5rem;background:var(--panel);font-size:1.2rem;font-weight:800;line-height:1;cursor:pointer}.car-banner-step:active{transform:scale(.94)}.view-container{display:flex;flex-direction:column;gap:8px;height:100%;padding:10px}.view-playfield{flex:1;position:relative;background:var(--well);border:3px solid var(--chrome-edge);box-shadow:var(--shadow-inset);overflow:hidden}.view-playfield.scrollable{overflow-y:auto}.view-playfield.pattern-grid{background-image:repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.02) 22px 24px)}.view-playfield.pattern-diag{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 8px,transparent 8px 16px)}.yard-siding-btn{display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;padding:0;text-align:left}.yard-siding-rail{position:relative;flex:none;width:170px;height:56px}.yard-siding-track{position:absolute;left:0;right:0;bottom:8px;height:14px;background:repeating-linear-gradient(90deg,#4a3a26 0 6px,#2e2417 6px 12px);border-top:2px solid #6b6151;border-bottom:2px solid #6b6151}.map-card{background:var(--chrome);border:2px solid var(--chrome-edge);box-shadow:var(--shadow-raised);padding:14px;width:200px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.map-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised),0 4px 12px #0006}.map-card:active{transform:translateY(2px);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0000004d}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/press-start-2p-latin-_wFEWmAB.woff2) format("woff2")}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/cascadia-code-latin-CCwG33-X.woff2) format("woff2")}:root{--bg: #29242e;--panel: #393243;--ink: #ebdbb2;--accent: #bd93f9;--paper: #393243;--paper-2: #322b3b;--edge: #15121b;--ink-soft: #b3a591;--grape: #bd93f9;--grape-dark: #8b5cf6;--beet: #ff79c6;--beet-dark: #d2548f;--beet-light: #ffa6d8;--leaf: #b8bb26;--leaf-dark: #98971a;--sun: #fabd2f;--sun-dark: #d79921;--orange: #fe8019;--orange-dark: #d65d0e;--sky: #79c0e8;--sky-dark: #4a93bd;--teal: #8ec07c;--tomato: #fb4934;--tomato-dark: #cc241d;--cocoa: #b07f55;--cloud: #ebdbb2;--active-fill: #bd93f9;--active-shadow: #8b5cf6;--font-display: "Press Start 2P", "Cascadia Code", monospace;--font-body: "Cascadia Code", ui-monospace, Menlo, monospace;--font-label: "Press Start 2P", monospace;--shadow-hard: 0 3px 0 rgba(0, 0, 0, .4);--shadow-pop: 0 4px 0 rgba(0, 0, 0, .5);font-family:var(--font-body)}.m-icon,.t-btn[data-act],.tempo:before,.fx-tile .fx-emoji{image-rendering:pixelated;image-rendering:crisp-edges}body{background-color:var(--bg);background-image:radial-gradient(rgba(235,219,178,.05) 1.5px,transparent 1.5px);background-size:16px 16px;color:var(--ink)}#boot-gate{position:relative;z-index:2;gap:1.5rem}#boot-oops,#storage-notice{text-align:center;max-width:22ch}#boot-oops p,#storage-notice p{margin:0 0 .5rem;white-space:pre-line}.boot-oops-title,.storage-notice-title{font-family:var(--font-display);font-size:1.4rem;color:var(--ink)}.boot-oops-body,.storage-notice-body{font-family:var(--font-body);font-size:1.1rem}#storage-notice{position:fixed;z-index:90;left:50%;bottom:1.25rem;transform:translate(-50%);max-width:26ch;padding:1rem 1.25rem;background:var(--paper-2);border:4px solid var(--edge);border-radius:10px;box-shadow:0 8px 0 var(--edge)}#storage-notice button{font-family:var(--font-display);font-size:1.1rem;padding:.6rem 1.6rem;color:#fff;background:var(--beet);border:3px solid var(--edge);border-radius:8px;cursor:pointer}#boot-button{font-family:var(--font-body);font-weight:800;font-size:2rem;padding:1.1rem 2.2rem;color:#fff;background:var(--beet);border:3px solid var(--edge);border-radius:14px;box-shadow:0 6px 0 var(--beet-dark);cursor:pointer}#boot-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--beet-dark)}.palette{background:var(--paper-2);border-right:3px solid var(--edge)}.palette button{min-height:68px;background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:.82rem;box-shadow:var(--shadow-hard);transition:transform 80ms,box-shadow 80ms,background 80ms}.palette button:active{transform:translateY(2px);box-shadow:0 1px #00000038}.palette button.active{background:var(--active-fill);border-color:var(--edge);box-shadow:0 3px 0 var(--active-shadow);color:var(--edge)}.m-icon{font-size:0!important;width:42px;height:42px;background-repeat:no-repeat;background-position:center;background-size:contain}.palette button[data-machine=record-voicefx] .m-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADM0lEQVR4AeycPYpVQRCFW3dhaDSgOxgTQVyCYGRg6EQuwMjIyMzQwEhwCSKY6A4UJzI0dgUjlRXnDRZF36rTc+8RCqqn/rrPZzfv4eDtoT9UBQSAKv8YAiAAZAXI43UDBICsAHm8boAAkBUgj6ffgPO7D6+2NLKe6fF0AOkd76zgmAAWgigAZBjtAPC9f3/n/tjSfp1fXHnDeWS9T8a3AzjZwcF/IADkvwACsHcA+Abje//8z4/hDfXwMfOzcZyH+8F+3WvdgG7FYZ4AgCDdSwHoVhzm0QHgGw37O/mOkI1j/mrrRgCrHX2N/QgAmYMAHB2Afbb3hnr4mPnZOOavttYNIBMRAAEgK0AeT78B+D3g7Mur4e3bz4/DG+rlY+b7WvMxf7U1HcBqgnTvRwC6FYd5AgCCbL2M+i0P4MG9p8NbdCCfa36Uz44vD4AtUPV8AahWOOgvAIFA1eHlAFw+ej284fcEFMTnmh/lYz17vRwAtiDd8wWgW3GYJwAgSPeSDuDsyePhDQWwfwPIGNb73uZjnL2mA2ALwJ6/TwBsVRPzBSAhVkUqHcDlp8/DW/aQ0ed+39v8bP/qfDqA6gOu3l8AyIQEYO8Avv/+essbfqaPzo9vPK6jepzn92J+VF8d1w2oVjjoLwCBQNVhAahWOOjfDsDeXW/4RuP675uL8T/DfFz7WeYHerSHNwTQvvddDBQAMkYBODoAe5e9RXq8fPZiePO11/lRP3ZcN4BMQAAEgKwAebxugACQFSCP1w0QALICk+Nny3UDZhWcrBeASQFnywVgVsHJegGYFHC2nA4A/w+3tx/eDW94QB8zH+sxf/U1HcDqAlXvTwCqFQ76C0AgUHW4HQC+2faOe8se2Neaj/2z/brz2wF0H3D1eTcTwOqqJvYnAAmxKlLLAeCbbO+0t60P5Xubj/O3njfbrxzA7Ab3Xi8AZMICcDQA/nd6OnyyvuF43YBQotoEAajVN+wuAKFEtQnlAK77fU3mz2rlzHdPAMg3V0WsgADEGpVmCECpvHFzAYg1Ks0QgFJ54+YCEGtUmiEApfLGzQUg1qg0QwBK5Y2bC0CsUWmGAATyVof/AQAA///oKHrUAAAABklEQVQDAFjMZN83k0LhAAAAAElFTkSuQmCC)}.palette button[data-machine=sound-pads] .m-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADMElEQVR4AeyaQW5UMQyGUzgJWy6AoCw4AhskhDgHCw7AgnMghMSKG7BgkHqBbnuRttPxzs+qnuOxHffl/ZUsJYrfb+f/Jum0M88afkodAIBS+1sDAAAodqC4PE4AABQ7UFweJwAAih0oLo8TAADFDhSX3+cJKDadlwcA7kbB2A3gzYt3x5kjm4kbQHaDs+sDQDFhANgaAHnfH65/tZlD7jeaF05AtKNGPQAwGhadDgDRjhr1AMBoWHT6QADRrc+hBwDFHAFg6wAuX35sM0c2H5yAbIcVfQBQDMpeBoBshxV9N4DD17u2iD/HduAh15/anPdKY9Gf4p972Q3A3cHOBQCg+AUAAMkANPl4AFf3rfHQOqhe573SeHA/8QAGb2Dr5QCgmCAATA/g8+/W1iLbgLXatJZdX9HHCVAMyl4GgGyHFX0AUAzKXh4OQH52kL1BqV9dX/YzHIBsYO/zOQFsiCoAFMPKB/DjQ2ssFp8dnP73nr5/Vpv6GF5f2WA+AKWBvS8DQPErAAD2BuDy2/O2Fl4/1rRpzasf/TxOQLSjRj0AMBoWnQ4A0Y4a9eIBvDpJ8hANae/D6Z72hCi3/M7SY3938F5pLAWS5ye3oipA5xwHAOAc1wKfAYBAM8+RigdA363hoXQlfydEz5Xyy+8wUd/qA7EJ8QBi+5teDQCKEQPA1gHI9+zF+3GXH70fnAA3Mp8AAPj8cz8NAE4LvY+bAfy/+XvBQzYw+g6V9a1zrV++Vxpb9bV8MwBNEOs2BwDA5ld4NgCEW2oTdAN4//q28aB7koe8Y+Xc1q49W9aTc94rjfleaGyvaHvCDcBWDtnSAQCQjgyeA8Bgw2U5M4Dvn94eeUhBvkZjulfXQt7J0fO12rRGPfLQ9iPXvXMzAG9BPL90YJsAlnvY9AwAivGVA6B7ODOK/VXLlwNQO5w8AQCKAQPA1gB8+fnvwhLF+1PLW/ZCuaqgMQEnwGhYdDoARDtq1AMAo2HR6QAQ7ahRzwDAqIz0LgcAoMumvCQAyPO2SxkAumzKSwKAPG+7lAGgy6a8JADI87ZLGQC6bMpLAoA8b7uUAaDLprwkAFC8zV5+AAAA//+09tetAAAABklEQVQDADEsSO6wsEFcAAAAAElFTkSuQmCC)}.palette button[data-machine=beat-grid] .m-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADJElEQVR4AeycsW1cMRBEv9yFQ6d2B1biDpw6dmHuwR04sTtwrFDqQOEJkxGjryUOu8O9/zUCFiBvl0PuPFA4MLgPm/9aHTCAVvu3zQAMoNmB5u19Awyg2YHm7X0DDKDZgebtfQMMoNmB5u3f5w1oNn3c3gBGNxrGcgBfP327jHF5frpEMdZiPPMENWNE2siNtRjP9NV5OQB1A0fXN4Bmggbw3gHcf/6xjVHtx6iNcbV+Vs83IOtgcr0BJA3MLjeArIPJ9eUA8N16DD4f/g+PwXmej1p7Y64ftTHmPM/3NMfPuL56Xg7g7QM6s+eAAey5svAzA1ho9t5WcgC/Pn7ZouBD/f192aLg+kgbOa6PtJHjevVcDkDdwNH1DaCZoAEYQLMDzdv7BhhAswPN2/sGiAHM5OUAfj7+36LgA95/v9ui4PpIGzmuj7SR43r1XA5A3cDR9Q2gmaABnB0A3lei4P7xfhMF10fayHF9pI0c16vnvgFqhyf6BjAxSJ02ALXDE30DmBikThuA2uGJ/jkBTJq+pbQBNNOQA8D7ShTcP95vouD6SBs5ro+0keN69VwOQN3A0fUNoJmgAZwdAN5XouD+8X4TBddH2shxfaSNHNer574Baocn+gYwMUidNgC1wxN9A5gYpE4XAlAf9Zz6BtDM1QDODgDvK1Fw/3i/iYLrI23kuD7SRo7r1XPfALXDE30DmBikThuA2uGJvhwA3lei4PPh/SYKro+0keP6SBs5rlfP5QDUDRxd3wCaCRpAEkB2uQFkHUyuN4CkgdnlBpB1MLneAJIGZpfLAeB9JQpuAO83UXB9pI0c10fayHG9ei4HoG7g6PoG0EzQAM4G4N/Dn7sxuL8xt2Kc3Z/XV899A6odvVLvmACubPKWyw2gmU45gPE3NzFu7u/V9jjTGK8KFn9QDmDx+Q+/nQE0IzSAswGYfbdf3e+tnYf79w1gRxbPDWCx4bydAbAji+cGsNhw3u4KALzU8woHDKDCxYSGASTMq1hqABUuJjQMIGFexVIDqHAxoWEACfMqlhpAhYsJDQNImFex1AAqXExoGMDEPHX6BQAA//8KXz31AAAABklEQVQDAMADoN96AkidAAAAAElFTkSuQmCC)}.palette button[data-machine=looper-stage] .m-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAClklEQVR4AeybsU0EMRBFDSlVkFICl1AGJVADxPSARAOUQXKUQEolCOTM5w181njmn70PaSSbted7/mOWY7m7TnxJHQCA1P6UAAAAsQNieToAAGIHxPJ0AADEDojl6QAAiB0Qy++zA8Sml/IAKN0QjAEgML2UBEDphmAMAIHppSQASjcEYzOA+9uHv5XDm4kZgPcBV88PADFhAMwGoL7fp9e3tHJs6h0MLLADBp98kXQAEIMEwHIAXp5SmjmCgdABwYbXcgCoHQmeAyDY8FrOHcDx+yP1RH3A5t8Y1YYerby22h4+dQcQXtFkggAQAwOAM4BW+nAAh7vHVEbrgNbrpVYeW/ON3h8OYHQBs+cDgJggAPYGIL/2LsO7/lIrj731evPTAb2ODV4PgMGG9qYDQK9jg9e7A8ivvXvCWl+PVl5r1bPudwdgPeDq+9cEMBE1AIhhjQcw+n1CLYOi9Vrn6bw+HkDnAfa+HADinwAALA/g0t8jtDwAcYGXLs8tSEwIAHsDkJ/JK0Ps90Z+YAdscvONMxwAwBkmeS4BgKe7Z+QOB5CfwSvjDE9Cl4QDCK1uAjEAiCEBYHkA9fP6RsHH599kiUb67Weamxt8F9ABvv42swOgaZHvAgAY/bVujwdQ/06o5oeb92SJ3s+UWQ207o8HYD3xYvsBIAYKgOkB1P/zFRdklg+uhw4wE7MlAIDNP/NuAJgttCXoBvD183lVxka+vofONq8KKmvN4+qyedoNwKxIghMH5gRwUsLcEwCI+ZkB5PviyuHNxwzA+4Cr5weAmDAAACB2QCxPBwBA7IBYng4AgNgBsXxHB4hPuqg8AMRgAQAAsQNieToAAGIHxPJ0AADEDojl6QAAiB0Qy9MBDQDel/8BAAD//+XlKH8AAAAGSURBVAMAJtgA7vcTMHsAAAAASUVORK5CYII=)}.palette button[data-machine=theremin-xy] .m-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADgElEQVR4AeybMW5UQQyGZ/cmFDQUtEikQeIAlHAKBC2X4ByUHCBSUmwukSIniZI41f88ynMsj5/nZX8kS56dGXv8fxrvsFKOjf9KFSCAUvlbIwACKFagOD1vAAEUK1CcnjeAAIoVKE7PG0AAxQoUpz/PG1AsOqYnAFSjwN8dgM/vvjygFWg2NOXuAAytfoJgBFAMgQAIYF0B7Pfin/4/NDT5DG092nyzvAHFTAiAAIoVKE7PG3A+AIornTQ9b0AxGAIggKUC+KYXH9/84i9Xt8X/CWRe9qDp9bONeQOKiRAAARQrUJz+iP1yBn+0HtU1WfWwBVkKJc8TQLLAVngCsBQKzlvbjzd3Vwc0vUHe1pWmz2ONtz6rPg9qKb6e12PeAK3IxmMC2FhwnY4AtCIbjzsA0rfQLr4dGtrG55suHWohPmolvvfAHQBvAK6PKUAAMf3CuwkgLGEsgAlA+hqa9D00d/r3/1pbM3dAtWEttsyp5dYQaxUftRDf2m/NmwCsAJyPKfA2AcQ02XQ3AWwqd5+sHMDFhx8NrT9i7BOMLX4s2vjd5QDGl7SviARQzIsA9gZA3r5o8jZGM+u5/d4amP793txvLYDYkscbH2sRH2sV30rvnecN8Co2eD0BDBbUG44AvIoNXl8OQPpspg3Wa3i4gQCGn+0sAhJAMWYCODsAl79bQ1MCnP7cN4+p7e3089fC9PxsY96AYiIEQADFChSnD98A+X0ETb/pu/q+/m0NrPut5tPTkRzW7YfYz3m6Ayw/0OfFWsRfrh4/eqp2fFBGfL0CBPB6rVJWEkBQ1uj26QHoHq3HUQGq908PoFqg7PwEkK2wEZ8ADIGyp8MA9N/hdu9yowLd0w8frw9o8hZHM8LtbjoMYHcVT3ZgAigGQgB7A+Dt+aN7PH4fiI/fF+LrfJa++jtL12ftj87zBkQVDO7fJ4Bg0TNtJ4BiGiYA3RN1z9Q9V/owmvRptOx6MZf4eBbx9Xmzz2PFNwFYATgfU4AAYvqFdxNAWMJYgA6A7vk6vPRRNOmzaHr9bGM8q/hYi/j6vJYeer133AHwBuD6mAIEENMvvJsAwhLGAnQApC+uWSzd/LvXape50RV0AF5OwJkMBQggQ1VHTAJwiJWxlAAyVHXEJACHWBlLCSBDVUdMAnCIlbGUADJUdcQkAIdYGUsJIENVR0wCMMTKnn4EAAD//+vfmWoAAAAGSURBVAMA+wwQ7uNv3oIAAAAASUVORK5CYII=)}.options-bar{background:var(--paper);border-bottom:3px solid var(--edge);backdrop-filter:none}.options-title{font-family:var(--font-body);font-weight:800;font-size:1.3rem;color:var(--ink);opacity:1}.options-icon{font-size:1.7rem}.opt-knob{font-family:var(--font-body);font-weight:700;font-size:1.1rem;color:var(--ink)}.opt-choice{min-height:44px;background:var(--paper-2);color:var(--ink);border:2px solid var(--edge);border-radius:9px;font-family:var(--font-body);font-weight:700;font-size:1rem;box-shadow:var(--shadow-hard)}.opt-choice.active{background:var(--active-fill);color:var(--edge);box-shadow:0 3px 0 var(--active-shadow)}.opt-knob input[type=range],.tempo input[type=range],.layer-vol,input[type=range]{-webkit-appearance:none;appearance:none;height:12px;background:var(--paper-2);border:2px solid var(--edge);border-radius:7px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--beet);border:2px solid var(--edge);border-radius:6px;box-shadow:0 2px 0 var(--beet-dark);cursor:pointer}input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--beet);border:2px solid var(--edge);border-radius:6px;box-shadow:0 2px 0 var(--beet-dark);cursor:pointer}.canvas{z-index:1}.machine{font-family:var(--font-body);padding:1.25rem;gap:1.25rem}.stub-note{font-size:1.5rem;font-weight:600;color:var(--ink-soft);opacity:1}.big-record{font-family:var(--font-body);font-weight:800;font-size:1.5rem;padding:1.6rem 2rem;color:#fff;background:var(--beet);border:3px solid var(--edge);border-radius:16px;box-shadow:0 6px 0 var(--beet-dark)}.big-record:active{transform:translateY(3px);box-shadow:0 3px 0 var(--beet-dark)}.big-record.recording{background:var(--tomato);box-shadow:0 6px 0 var(--tomato-dark);animation:ibk-rec .7s steps(2) infinite}@keyframes ibk-rec{50%{background:#ff7a6e}}.voicefx-status{font-size:1.6rem;font-weight:700;color:var(--ink)}.fx-tiles{gap:.85rem}.fx-tile{color:var(--ink);background:var(--tile-color, var(--paper));border:2px solid var(--edge);border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:.92rem;box-shadow:var(--shadow-pop)}.fx-tile:active{transform:translateY(3px);box-shadow:0 1px #0000004d}.fx-emoji{font-size:2.2rem}.fx-tile[data-fx] .fx-emoji{font-size:0!important;width:44px;height:44px;display:inline-block;background:center / contain no-repeat}.fx-tile[data-fx=reverse] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADvUlEQVR4AeybsWoQQRCGR7HS2kK7CCGgkFpMI6iPIFhYWYgWeQALG30EixQBKzsbexGsfICARRrttPAVBM0Ugf8mcMOyOzu3d784MOvMzu7+H7u3dyaXhX9SFSCAVPlFCIAAkhVIHn7xO+Dezv1/NZasrzv84gG4Kxg8gQCSARIAAUwVsOf9NCqye3R11my+V8/m925zB/RW3Iy3TQBGhMwmAWSqfzZ2OgDvjLZn/tmcZ/96+d54s8UDgukAAtY0VEkCSMZFAAQwVcCe4T9OfgnaNPtiC3PVt/Uu9sj9F+6AXP35/wHJ+hMAARQqoOf6nN3avyloNrdwuPD0js+A8LUMOQABJGMjgK0B8L7FvHqzI2jHnw6kxB4eXhO058e7gmb19uZj81u3uQNaK1pYjwAKBWudTgCtFS2sFw7AO2Pf37gjaIXzL05/eeW6oNkC3nxtfm07HEDtBNfenwCSCRNAMACvfHcAeN6rv/f4kcyZt4DaOD4P1K+tV9q/O4DSCa49nwCSCRPA2gD0vkdH6xe9Hu6AaIJOfQJwBIoOE0C0wk79cAB610ezd355cVdmzVmADT89eSdzZvNtW98F0Gy8dTscQOsJr63eOgEMRIkAkmF1B3D68bOgHdx+Imi1emAt9WvrRffvDiB6QaPVJ4BkYgSwdQD4jqD+6YO3glaqD97h1f+wfyhopfWi87kDohV26hOAI1B0mACiFXbqhwN49vu7oDnzKQ7vfXktaF4B+53I5h/9/SNoNt663RBA66ltox4BJHMmgLUB+Pbz6yW01uvD8159r7535nv9cS3qe/mlce6AUsUa5xNAY0FLyxFAqWKN87sDwHcC9b316DmPZvPxu5H63pmP34XUxzu/+rZ+dLs7gOgFjVafAJKJEUAlgNru4QD07oxWOmE919Fsf3w+qK/nOprN954ROFf1bf/W7XAArSe8tnoEkEyUALYOQN8F0Dw98HmgvpePzwP1vfzece6A3oqb8QjACNK7SQC9FTfjdQegd2s0M5/ipj4H0LwC+vOiaDgX9b3+rePdAbRewOj1xgQwuuowfwIAMTLcxQHAdwL1a0XRb/xotfVa918cgNYLXHo9AkgmRABbB6B3b7RoPXAs9aPH8+pzB3gKBccJIFhgrzwBeAoFxxcPQN8F0Dw98M6vvpefHS8AkD3VdY5PAMlcCYAApgro3RxtGpXJ75vhs+Hct/lYS30bz25zByQTIAACSFYgefjF7wA9t2ssWV93+MUDcFcweAIBJAMkAAdAdPg/AAAA///0mvhOAAAABklEQVQDALuSVN9KPZl+AAAAAElFTkSuQmCC)}.fx-tile[data-fx=pitchUp] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD/ElEQVR4AeyZMWtUQRDH58RKawvtIgRBIbV4hYJaWwmCqSxEhRSWtvoFRMEUAasIgo3WImgRP0BAIY12WvgVhEummzd33DDM7s7eu3/IH2ZuZ2d3/z/eu3d3pwh/qQ4AQKr9RAAAAMkOJC/f/RVwbePGLKJkf83luwdgnmDFCwAgGSAAAMDQAX2/H44Sbe6eWSpdb/XT9a1zXAGtHVfrrScAZUJmCgCZ7p+snQ7Aukfre/7Jnpf+W/XWekubVxhMB1DhTCvVEgCScQEAAAwd0PfwX4d/SGpYPZ/JWo51v/kZua/gCsj1H78HJPsPAADgdIDv68t0cesCSela53LVyxu+B1Q/y0ouAADJ2ABg3QBY38U8e75BUnsfp+TRrZ2zJPVwb5OktN/WfnR96RxXQGlHnf0AwGlY6XIAKO2os191ANY99u35KyTl3L+7/PHpcySlG1j71fXRvDqA6AbHPh8AkgkDQGUAVvvmAOT9nuNLd2/TMlkHiI7L9wOOo/2885sD8G5w7PUAkEwYAMYGYHZ4fSZlnu/RVaJlMhsMC7YPX9MyDavtTJ6FY3uGrwJXgM+v4tUAUNxSX0MA8PlVvDoMgO+LUtM7E5I6+DQjKf3Mr080vXyPpPS4lcu5HFv1elzulWN5Fo7lWTnW8715GIB3QdQPHRgngOEZu84AIBlPGMBk69tEau48X54SSamCo5svSIq/H5JS5WbK3+dI7W/tkJRusP3kPkkN9sr7VhPkWTlWw+40DMC9IiYMHACAgR3tEwBo7/lgxe4BPPj7gzza/f+PpAan7TDpHkCHnhXdEgAUtdPfDAD8nhWdUR3A9NVLkjr68JmkrNMc/HxPUrpeji2Kdb3O99+8Iym5V451fem8IIDSW1uPfgCQzBkAxgbg+++vE6nk84WXl2fhONxQNcAVoAxpnQJAa8fVegCgDGmdNgegv9exDsy/60rJ3wo4lmOLYqu//N6IY6u+9HhzAKUPsOr9ACCZIAAEAUSnVwfAz85S3g3zfV5Kz5djHMvfgznW9VYu98qxVR8drw4gusGxzweAZMIAsO4AvJ8Lon7xs75UtF90Pq6AqIPB+QAQNDA6HQCiDgbnNwfAz9ZSwf2Hp8u9cBxu6GzQHIBzf6MvX00AI8ICAMkwuwNQ+nOBfObnONnvueW7AzC3w5G/AADJgAFg3QHws7dUbT/kWhzXXs/qjyvAcqjyOABUNthqDwCWQ5XHuwfg/VzAz/pSlf0Lt3cACK+FBgscAIAFprR8CQBaur1gre4A8LO5lN6zfk/Qua6XvTjW49l5dwCyDWm9PgC0dlytBwDKkNZp9wD4vh1Ra0O963UPwHugVasHgGRiAGAAqD18DAAA//8QhRUKAAAABklEQVQDAA14oN+mgfn3AAAAAElFTkSuQmCC)}.fx-tile[data-fx=pitchDown] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADzklEQVR4AeycsYqVQQyFR0vfwHILEfQN3Eaw8RGs7WzE1sJGX0BsthPsBHsbEWzWxlphsbAU3N5KUE53Niw3/GYymTv3CAcym0kyk48/9+de8Gob/O/O0d2/rK3lORb26Pit9bz9wwF4Bzo0vwAUExeA1QFgTrNunFxrLPbBtv3A31gcC5t9sHvH23y913oCend0Yz4B2Niw3tsFoHdHN+brDgBzmIU5zfLOx7GwORZ2dryXv7e/O4DeB1w932ECmIiqABTD6A7g849PV1jfH/1uLHtfzPVdsvvtelcsfHY/nwU2nxW23Z+97g4g+8Cr5ReAYqICsDoAzFXWm/vvr7Awh1nRfnAu2FwLNp8FdrReNF5PQLSDwXgBCDYwGi4A0Q4G48sBYA6zMKdZmOMse1/2weZcsO3+2dYDAcx29TnOIwDFHARAAC52AL8BsF5fv91YT58fNRb7YHMs7IvZ51vpCShmIgACUNyB4vLlTwDmNOv08ZPG2toffA6wODfsrfmy95cDyL7g7PkFoJiQACQD8NIPB4A5zOJ5D/vs3YfG8i7g+fnzADbXhu3FZ/uHA8i+0L7lF4BiYgKwOgDMWRbmPIvnPezsfuBzgMVng51d3+bXE2A7MngtAIMbbssJgO3I4PVwAMevXjbWw59fW6Vsv/E5wLL+3uvhAHpfYN/zrQlgj6gIQDGs4QD4Hfwy+/Tb25apy2ry30bzGA5g9AVnrycAxYQE4NAB3Pz4rLG8fhzfetB2yYvnWrC9/dl+PQHZHXbyC4DToGy3AGR32MkvAE6Dst0dAWQfdc38AlDMVQAOHcDZvReN5fXD+57Ii+dasL392X49AdkddvILgNOgbLcAZHfYyV8OwP4evOt7nh4+W8/pT7q7HED6DScvIADFgAQgCCAaXg7AvtfbC/Hvtf9j23xePbs/e10OIPuCs+cXgGJCArA6APyfPSz7Ho7vY1h2zkf7Y/NxLdj2PHxW2NH6XryeAK9DyX4BSG6wl14AvA4l+8sBfDn/1VjJ971QC3Wz63n5ywF4B1zdv58AFqIiAMUwhwPAuzXr5M95Y2Eus6L94VywuRZsPgvsaL2t8cMBbD3g6vsFoJiwABw6AMxdFuYyC3Ob5fWL98LmXLC5FmwvX7ZfT0B2h538AuA0KNstANkddvJPBwBzmYW5zcJcZ9n78V7YnAu23V+93gCg+qhr1heAYq4CIACxDlT/phs7fWt6AqIdDMYLQLCB0XABiHYwGD89ALy7s/Buz2If7GA/hodPD2B4RwYXFIDBDbflBMB2xKyzl/8AAAD//79Tk8gAAAAGSURBVAMAc2KLVt7EzhMAAAAASUVORK5CYII=)}.fx-tile[data-fx=robot] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADy0lEQVR4AeycsWpVQRCGR7HSxsZCuwghoJAHSBpBfQALwcLKQrTIA4jYKPaiRYSAlVj7AoKNPkBA0EY7LXwFITLd5L9k1+PuzOw59w/8sJvZndn9P85m77mQ0zKzn513X49Kmtl2ZHYA5mZwbb0EUHPIOU4AzgbX0g8PYGfj2pGVPH4gJdmx2q4ZkB0fHkC2Qd71CcDb4Up+AqgY5B0eDoCe21ZowOb+WSkJx9tc2sZ4dn84ANmGRNdfTwDRLhfqEUDBnIhQOgA9l61w03jeYxz7tfG2lrZxfnQ/HUD0hkerRwDJRAiAAI47gGf498OfYnV89GrPjtU25ludkfsbPgG5/vMLmWT/CYAAJjqg53pJl7cviRWOnVjOfXjg3wD3vcyyAAEkYyOAdQOg71+scP+Pnm6I1cH7XZmiG3vnxOr+waZYYT27Fm1j3LvPJ8Db4Up+AqgY5B0mAG+HK/ndAei5aoXreXPxqlhhvHf/4ZkLYoX57Vq1jfHefXcAvRe8tHwEkEyUAJwB1NKHA7Dnvba3bt+UkmobaI3bvwfabs03dX44gKkLXPp4AkgmTABLA6B3Zyvc371fX8Rq9+ULKcmO/Zf2/p/f0iJcr92LtjHe2ucT0Opg43wCaDSwdToBtDrYON8dgN71rVbW+/y1SKZgQfpZwArC3bvuALqveGEJlwlgRpAIIBnWcAA+3TovJdX8Ks3VWG1+dHw4ANEGZNcjgGQCBLD2AOB/P+xeuSMllf5PhMZKczWmY45p7QEkG5BdnkdQMgECWDoAfIdv3wt5tO17nP9p43cJ3nw6PgHeS11mfgJI5koASwPw+cfHU1bJ+2sub/ei7eaEkIBPABgS3SWAaMehHgGAIdHdcAD4uQA3vPXhiVjheBvTNsbvHr4Sq9q9vhbH9fXuhwPovYG55yOAZIIE0Aigdbo7AL07W9UWrO/srfB90bfrz8QK42+398SqVg/jdq3axnjvvjuA3gteWj4CSCZKAOsOAO/xeKa3+oPfCWTf+3E/fALQkeA+AQQbjuUIAB0J7ocD0Lu1VfB+V8rZtWh7ZYDzL8IBOO9ndunnCWB2Np+8YAI42ZuQyHAA8HNBqwuj3ftxP8MBwAUuvU8AyYQJYN0B6N3bytsPW0vb3vVq+fkE1BxyjhOAs8G19ARQc8g5PjyAqZ8LRr/3I88JAHAq+z0cIIAeLjbkIIAG83pMHQ6A3s2tcJP4NwH7ON7m0jbGs/vDAcg2JLo+AUQ7DvUIAAyJ7g4PQM/tFkUbOrXe8ACmbmhu4wkgmRgBVAB4h/8CAAD//3s/+50AAAAGSURBVAMAzhzk3xmyUeIAAAAASUVORK5CYII=)}.fx-tile[data-fx=echo] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD90lEQVR4AeycsWpWQRCF97f0DSxTSEDfwDSCCJY2grWdjWhpYaMPoNikE+wEGysbEWxiY60QLCwF01sJkdOdO5C7DDu7c+/9j3Bg1tmZ2Z2PnT8h0Utl8J8bBzfPWd7yHAt7dLy3Xm3/cAC1A+2bXwCSiQvA1gFgTrOuHl8uLPbBtv3A37E4Fjb7YEfH23zRa72A6I468wmAs2HR2wUguqPOfOEAMIdZmNOs2vk4FjbHwu4dX8sf7Q8HEH3ArefbTwALoioAyTDCAXz99WXH+vnwb2HZ+2Kuz8nut+u5WPjsfj4LbD4rbLu/9zocQO8Dby2/ACQTFYCtA8BcZb2983HHwhxmtfaDc8HmWrD5LLBb67XG6wW0drAxXgAaG9gaLgCtHWyMTweAOczCnGZhjrPsfdkHm3PBtvuXth4IYGlXX8Z5BCCZgwAIwLQD+BkA682V64X19PlBYbEPNsfCnmZf3kovIJmJAAhAcgeSy6e/AMxp1smjx4Xl7Q8+B1icG7Y3X+/96QB6X3Dp+QUgmZAAdAZQSz8cAOYwi+c97NP3nwqrdoGanz8PYHNt2Db+/OWHc5bXb/fX1sMB1A60b34BSCYuAFsHgDnLwpxn8byH3bsf+Bxg8dlg965v8+sF2I4MXgvA4IbbcgJgOzJ4PRwA5jzL3vfw87MyJ7vfrudi4bP7+fMA9tHrV4Vl90evhwOIvsDa820TwIqoCEAyrHQAmMssbz84FrY3Pnt/OoDsBmTXF4BkAgIgANMOHF27X1hTb33FsbDrEbk79AJy+18EQACSO5BcPv0FnN56UVgnP94VFvtg237h71gcC5t9sG189joQQPZV1llfAJK5CYAATDuAOc2aeusrjoVdj8jdoReQ2399H5DcfwEQANOBB7+/l54y5dKX+gxIRiAAApDcgcbyreHpL+Dw3u3Cwu/msFovyLlgcy3Yrflb49MBtF5g7fECkExQALYOAP9nD8t+jc+/Jwrb9gNzu0U2H2qw7Hn43y7AtvHRa72A6I468wmAs2HR2wUguqPOfOkAvp39KSzn+d3buRZsd4LggHQAwfdZXbp1Alhdmy8+sABc3JshnuEA+HsC2Mf/zgoLc5nV2gXOBZtrwcYZWK31vPHDAXgPuPX9ApBMWAD2HQDPX9iYyyzMbVatX7wXNueCjRosm2/35O6O5fXb/bW1XkCtQ539AtC5wbX0AlDrUGf/4gDwfIaNuc3CXGfZ/vBe2MjBsvuz1w4A2UfdZn0BSOYqAALQ1gH7M12e97DbsveP1gvo3+PZCgIw257+TgHo3+PZCosHgDnOwtf2LPbBnr3tAp2LB7DAnoUeSQBC2+lPJgCVnvV2/wcAAP//jB6ycAAAAAZJREFUAwC65F9W1W0ItgAAAABJRU5ErkJggg==)}.fx-tile[data-fx=reverb] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACyElEQVR4AeyaMY4UMRBFe7kF4UZIcANIiDkBCeIcBCRcgowLcAESJCISjkBAzl4BaZnOPF+jtqyq9re732osdY3t+uX/VFZrNU8W/qwOAMBq/7IAAABmB8zydAAAzA6Y5ekAAJgdMMvTAQAwO2CWP2cHmE0v5QFQumF4DgN4ef/68chjbyZhAHsXePT8ADATBsBsAPS+//nnx93MQ/3Xs+h8dkwHZDvamA8AjYZlLwdAtqON+aoAane+6un60WKtV+98rVfXZ8dVAHmCZLrlAABuudLxOwB0NPuWVBiA3pl6p44Wa723TOn5XRhAz2KPqAUAM1UAnB2A3snvv7153Bq63uxfWJ4OCFsYSwCAmH/h3QAIW7idoDbbHYDe4V+evljK8eHT/bI1yrXrs+arHXi0+e4ARjPAXQ8AzAQAAIBrB559/7hsjevV80d0gJkhAABgdsAsP1wHvHr+dtkaZr/S5YcDkH7CwRMeE8DgppflAaB0w/AMAIPppSQASjcMzwAwmF5KAqB0w/BsB/Dr4e9SjvV//FujXLs+GzxLlbQDSD3NhMkAYIYGgLMB0N+Kfv73sJRjvde3Rrl2fdZ8Zj+b5RM7oFmbDRcHAHAxwfkBgNP9i7YdgN7h735/vdsauv5yhqk/dgBTu5dQPAASTIykAEDEvYS96QD0t5qjxQmepaZIB5Ba3QmSAcAMGQBBANHtYQD6Xj56HDUse38YQHZBZ8sHADNxAMwGYLT3+tZ61G/dr/N7x3TA3g5X8gOgYtDe0wDY2+FK/mYA+p6v+Y8+r+eNxs0AooLsv3ZgTgDXZ5g6AoAZXzOA2nvz7PO9eTQD6F3g0fUAYCYMgNEB6Hv90ePePOiA3o6LHgDEkN4hAHo7LnoAEEN6hw0Aepd2Dj0AmDkDAABmB8zydAAAzA6Y5ekAAJgdMMvTAQAwO2CWpwMqAPae/g8AAP//Nl3SOQAAAAZJREFUAwDcG3j97nlcgQAAAABJRU5ErkJggg==)}.fx-tile[data-fx=bitcrush] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACwklEQVR4AeycsWpUURCGz1r6BpYpJIVvkEoQQewtRbD1CSxs9AHsTCcIWqWxEkEEKxtrwWBhKZhXEK6cMuxlfmQy5z+7+wlTeOfMzD3fl4FdCLnW+GclgAAr/tYQgAAzAfN4NgABZgLm8WwAAswEzOPLN+DRx/tLFCdHt5cootqei2p7rp+Jop+JotpPuYDqC+x6/8MUMJE1BJhlIAABZgLm8WwAAswEzOPLN+DNvQ+bKLL3v3l6vUURze65r7++bKLIvp+qLxegXuDQ8wgw/wQgAAFmAubxAzfAfNNJxyPALAYBhy4g+gzec0+fH7VMmPnK8WyARFR7AAG1fGV3BEhEtQcQUMtXdkeARFR7AAG1fGV3BEhEuQOq2i5gefl+iUJdQOV/nDxZolD11Xm7gOoLzt4fAWZDCECAmYB5PBuAADMB83g2YN8FRL9733PnZ59aFMefn7UoFL+otuei7wg9p/pn82xAlmCyfj8FJKGMLEfASNorsxCwAmXkIwSMpL0yCwErUEY+QsBI2iuz7AL6Z/EoVt750qOotucuHZ7wP3YBEzIZ+koIGIp7exgCtpkMfYKAobi3h12hgO3mPNEEEKAZlZ5AQCle3dwu4PzOi+YMjaj2hF1A7fXm744AsyMEIMBMwDyeDUCAmYB5PBuQFJAttws4fnC3RfH49/eWiSyg6nq7gOoLzt4fAWZDCECAmYB5PBuAADMB83g2YN8F9L/5E8XbV+9aFK9v3GqZUHzVdwxVn82zAVmCyfrdFJC89EzlCDDbQAACzATM49kABJgJmMfbN+Dhz7NNFN8u/rQoFD/1OT/6jtJzqn82bxeQvcCu1yPAbBABCDATMI//jw0wv+mejkeAWSwCEBATOP170aKY/XN+fLvW2ABFqDiPgGLAqj0CFKHiPAKKAav2CFCEivMIKAas2iNAEKpO/wMAAP//nNLuqwAAAAZJREFUAwDKBGJ/P+qoWAAAAABJRU5ErkJggg==)}.fx-tile[data-fx=crazy] .fx-emoji{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7klEQVR4AeyasYoUQRCGa9VIYwPNTjgOFDYWNxHUWBAWDIwM5AzuAURMFJ/A4IQDIwNDfQBBg/MBDk4w0UwRX0E4r7Lq2qWLtrurZnZ+8Yeu6+qqnv9zZnrdO0P4E+oAAITaTwQAABDsQHD7wd8BN7ZuntQo2F+z/eABmFcw8gQACAYIAACQOqCf9+ks0fb++ax0vlVP53vHuAO8HVf9pglAmRAZAkCk+6e9wwFYz2j9zD/dc/avlW/1yxbvMBkOoMM1jaokAATjAgAASB3Qz/DvRz9JKs1ejWQuj3W91RXpT7zfEbgDUv/dIwBwtzxtCACpH+7R6ADwcz2nK/PLJKVztcP6mX/44YSk9LxeXxs7Aqjd6mauB4BgrgAwNQDWM/XJ8y2SOni/oBLd3rtAUo8OtknK8ntxd0ZS8n3AY2t96TzugFLHGucDQGNDS8sBQKljjfObA9DPeB3r/b+5dI2k9Hzr+PG5iyRl1Z/NP8+krPzS+eYASjcw9XwACP4XAACdAVjl2wN4+ZpISu1APu95vLO8Qzmp5c1D+T7gcfMGRsH2AIyGmE4dAIDUD/cIANwtTxtWA7DO+Wk7ooe/jhPR7nXKShdwjkuvr3R71QBKGyI/dQAAUj/cIwBwtzxtWA3gy49PMyl6uktSfNaXOvz6jqQWV++TVLq98ujB0SvKyarInwWkrPza+WoAtRuY+vrNBDAiqgAQDCscgHwf8Li1H/L9wuPW9WvrhQOovYCxrweAYIIAMDUA3269oBKV+vN2vkdS8kzP49J6vfNxB/R22KgPAIZBvacBoLfDRv3uAFb+/9/YUPT0/t8/JNV7Pw0B9N7qZtYHgGCuALBpAOR3Azyuvb6dj8+oRPq7gNr+fA1StfX0etwB2hHnGACcDdftAEA74hy7A6j9XPB7uaScSv2TZ34el66vzXcHULvhTVsPAMFEAaASQO3y7gDkGZrHpRvm73GlrPUyl8dWvp7nPUrp+dZxdwCtN7xp9QAgmCgATB2A9blA/l4pj+8dn6Wc+HtfKe0vn/Wl9Lx3jDvA23HVDwCUId4hAHg7rvq5A5BnbB6r/ZghvwdyMguoBN6DlJruHroD6H5FI2swTgAjMzm3XQDIueMwNzgA1ueCUk/kmZ/Hpet75w8OQO8LHlp9AAgmAgBTByDP4Dzu7Qf3kOrdz6qPO8ByqPM8AHQ22CoPAJZDnecHD6D0cwGf9aU6+1ddvgBAdS8UWOMAAKwxxfNHAODp9ppegwMgz+g81nvW7wQd63yuIaXno+PBAYg2xLs/AHg7rvoBgDLEOxw8APn8/p+xt6Gl/QYPoPSCxpYPAMHEAMAA0Hv6HwAAAP//KsiRbgAAAAZJREFUAwDbipDfzLiO/wAAAABJRU5ErkJggg==)}.pad{color:var(--ink);background:var(--pad-color, var(--paper));border:2px solid var(--edge);border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:.9rem;box-shadow:var(--shadow-pop)}.pad:active{transform:translateY(3px);box-shadow:0 1px #0000004d}.pad-emoji{font-size:2.2rem}.beat-label{height:46px;min-height:44px;background:var(--row-color, var(--paper));border:2px solid var(--edge);border-radius:9px;box-shadow:var(--shadow-hard)}.beat-cell{height:46px;min-height:44px;background:var(--paper);border:2px solid var(--edge);border-radius:6px}.beat-cell.downbeat{background:var(--paper-2)}.beat-cell.on{background:var(--row-color, var(--accent));border-color:var(--edge);box-shadow:inset 0 -3px #00000038}.layer-row{background:var(--paper);border:2px solid var(--edge);border-left:8px solid var(--row-color, var(--accent));border-radius:10px;box-shadow:var(--shadow-hard)}.layer-name{font-size:1.35rem;font-weight:700;color:var(--ink)}.layer-mute.t-btn,.layer-remove.t-btn{min-width:46px;min-height:46px}.loop-track{background:var(--paper);border:2px solid var(--edge);border-left:8px solid var(--row-color, var(--accent));border-radius:10px;box-shadow:var(--shadow-hard)}.loop-track-head{font-family:var(--font-body);font-weight:800;font-size:1.05rem;color:var(--ink)}.loop-lane{background:var(--paper-2);border:2px solid var(--edge);border-radius:7px}.loop-cell{border:2px solid var(--edge);border-radius:5px;background:var(--paper)}.loop-cell.downbeat{background:var(--paper-2)}.loop-cell.on{background:var(--row-color, var(--accent));box-shadow:inset 0 -3px #00000038}.loop-playhead{background:var(--beet);width:4px;box-shadow:0 0 0 1px var(--edge)}.xy-pad{background:linear-gradient(135deg,transparent 0,transparent 100%),var(--sky);border:3px solid var(--edge);border-radius:14px;box-shadow:var(--shadow-pop);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(0,0,0,.12) 31px 33px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(0,0,0,.12) 31px 33px),linear-gradient(180deg,#9bd4ee,var(--sky))}.xy-hint{font-family:var(--font-body);font-weight:800;font-size:1.5rem;color:#fff;text-shadow:0 2px 0 var(--sky-dark)}.xy-dot{background:var(--sun);border:3px solid var(--edge);box-shadow:0 2px 0 var(--sun-dark)}.playbar{background:var(--paper);border-top:3px solid var(--edge);backdrop-filter:none;gap:.6rem;padding:.6rem}.t-btn{width:54px;height:54px;background:var(--paper-2);border:2px solid var(--edge);border-radius:11px;box-shadow:var(--shadow-hard);transition:transform 80ms,box-shadow 80ms,background 80ms}.t-btn:active{transform:translateY(2px);box-shadow:0 1px #00000038}.t-btn.active{background:var(--active-fill);box-shadow:0 3px 0 var(--active-shadow)}.t-btn[data-act=play],.t-btn[data-act=stop],.t-btn[data-act=snap],.t-btn[data-act=undo],.t-btn[data-act=redo],.t-btn[data-act=surprise],.t-btn[data-act=save]{color:transparent;background-repeat:no-repeat;background-position:center;background-size:34px 34px}.t-btn[data-act=play]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACe0lEQVR4AeyVwU0EMQxFB450wYEmONEOFdEOJ5rgQBdcQTmsZFnImQzxfM/MWynaRMnayXvr5H7hIyWAACn+ZUEAAsQExOmpAASICYjTUwEIEBMQp6cCECAmIE5/zQoQQ7fpEWBpCPoIEEC3KRFgaQj6CBBAtykRYGkI+ggQQLcpEWBpCPoIEEC3KRFgaQj6CBBAtyl3FGDT0r8RQMCNhOgbASLwt7RyAc+PLz9Ru230rN9yAWcFu/ZcCFhLKmkdApLArg1bXkD0PrS5tQetuq68gKrgZu0LAbNIboyDgI3g1v6st66cgKe3hyVq/kDtHYiaX19tXE5ANUDZ+0FANuFOfAR0AGVPH05A9D60OQ/Mvw9+Xj0+nAA1sNn5ETCb6GA8BAwCm738dALaOxA1/yb48WzAvXinE9A7cLX5cwqoRjnYDwICOHtMXU5A9D60ub3fhMsJ2ONfPZIDASO0EtYiIAHqSEgEjNBKWIuABKgjIREwQithLQISoI6EvJyAz9fvJWofX+93to3A3LJ2ooAt6fkNAsT/AQQgYC6B6H5vc/Z+/6s/dzf9aFRAn1HqCgSk4u0HR0CfUeqKwwlo93jUPC1/z/t59fhwAtTAZudHwGyig/EQMAjML//vuJyA6H5vc/7A/o73Y7++2ricgGqAsveDgGzCnfgI6ADKni4vwN/pfpwNKDt+eQHZANTxESA2gICrC/B3uh+L+aSnpwLSEccJjikgPtOhZhEg1oUABIgJiNNTAQgQExCnpwIQICYgTk8FIEBMQJyeCjiOAPFOT5qeChCLRQACxATE6akABIgJiNNTAQgQExCnpwIQICYgTk8FdARkT/8CAAD//2MItP0AAAAGSURBVAMA3ZoA0BQL5dgAAAAASUVORK5CYII=)}.t-btn[data-act=stop]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAB5ElEQVR4AeyasW0DMRAEabsSx+7AkWtwoa7BkTtwrEoEKXrgwOQC6jhPagQQ4uPw3P8ZLJTotflBCSgAxd+aAhQAE4DjbYACYAJwvA1QAEwAjrcBCoAJwPHP2QAYeoxXQKQB7BUAQI+RCog0gL0CAOgxUgGRBrBXAAA9Riog0gD2CgCgx0gFRBrAXgEA9Bg5UUCMdX8QUMBBAvpWAAT+iH24gM/3r9vK6wAz6/vhAmY9+C45CoBNKmB3AT8f13bmBfP3r4kKoAnA+f4GFAvIjldARqh4roBiwNnxCsgIFc8VUAw4O14BGaHiuQKKAWfHKyAjVDxXQDHg7HgFZISK5wooBpwdv6eA7K1PNFcALEMBCoAJwPE2QAEwATjeBigAJgDH2wAFwATgeBuwjwD4TRaNtwGwOAUoACYAx9sABcAE4HgboACYABxvAxQAE4DjbcCggNHbywV8/7+1M69RgKP3lwsYfcDd71cAbFgBuwn4u/y+rLxm+7ABs4l3eQrogMy+VMBs4l2eAjogsy8VMJt4l7emgO4lVr5UAGxPAQqACcDxNkABMAE43gYoACYAx9sABcAE4HgbsI4A+Ek3jbcBsFgFKAAmAMfbAAXABOB4G6AAmAAcbwMUABOA421AIqB6fAcAAP//e7FaewAAAAZJREFUAwCFEDjQ4Y/gOAAAAABJRU5ErkJggg==)}.t-btn[data-act=snap]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACXUlEQVR4AeyazU3EMBQGAxSCONMBJ2qgCWrhxI0CKIAaONEBZypBYB9WepKlWFn/jDaZVay1Evt93hm9nPZ68YMSUACKf1kUoACYABxvBygAJgDH2wEKgAnA8XaAAmACcPwxOwCGHuMVEGkAcwUA0GOkAiINYK4AAHqMVECkAcwVAECPkQqINIC5AgDoMVIBkQYwVwAAPUZOFBBjnZ8IKOBEAvpWAAT+FNss4OHu8a9lnA5y7ndLdt57bm6vfc0Ceh3kqHUUAJtXwN4EvL6/LWtj9O9dy87PRudvrW8HbCXWeb0COgPdWk4BW4ltXF9b3l3A7cvzsjZqB2p9vpadn7XW772/u4DeB9x7PQXAhhWgAJgAHG8HKAAmAMfbAQqACcDxdoACBhC4oJJ2ACxLAQqACcDxdoACYAJwPN4B+b85LQPm1xyPC2j+BRdeQAGwQAUcTcDH/e8ycsA8N8d37IDN2W5IBBSQIJCXAkj6KVsBCQJ5KYCkn7IVkCCQlwJI+im7WcDXz+dVHE/fN0scKQO94lnyPJ41z9HDpfBmAamGVwMBBTTA67FVAY0UW7d3F5Dfq3Hk9y454lnyvBVY7/3dBfQ+4N7rKQA2rIC9C8jvXXLAfKvxdkAV0dgFChjLt1pdAVVEYxcoYCzfanUFVBGNXXCZAsYymVpdAVNxl2EKKJlMvaOAqbjLMAWUTKbeUcBU3GWYAkomU+8oYCruMkwBJZOpdxQwFXcZpoCSydQ7GwRMPddhwhQAq1aAAmACcLwdoACYABxvBygAJgDH2wEKgAnA8XZARcDox/8AAAD//2UQ5ecAAAAGSURBVAMAQvlI0IMZpF4AAAAASUVORK5CYII=)}.t-btn[data-act=undo]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACWklEQVR4AeyZwU3EMBBFA53QBifKoQfO9EA5nGiDUkA5RBpmWaxl1n4b5yFFsddxfvwe4wj2fvEHJaAAFP+yKEABMAE43gpQAEwAjrcCFAATgOOtAAXABOD4Y1YADD3GKyDSANoKAKDHSAVEGkBbAQD0GKmASANoKwCAHiMVEGkAbQUA0GOkAiINoK0AAHqMHCggxtreCChgIwGdFQCB32IVsJGAzgqAwG+xCthIQGcFQOC32OECHh+evuKxPchRz8MFHBX0uXUr4ByZQZ8roDPo1u27C4j7/drOD7R+Fo88Pnu/u4DZAVbXp4AqweJ8BRQBVqdfXUDcz9f28vq2/HmkFaxzRh4pfnj36gKGr2DngQqABSpg7wLyfn2y37cW2HpHXHs8Pc/J86fx3l0roDfhxv3nFNBY9C0NKwC2URbw8fl+F4/l5Xn5cbQWmK+v9lt5+Z3Sur7zeFlA5+eb/vYKgBUrYDYB8X2wtn+8D37b3xOAdU7lOMlL97+1rhUAG1GAAmACcHz3Csj7eV5vazxfP1v/igJmQzNmPQoYw/lsigLOohkzMFzA0ff8rHW4gPwAR+8rAP4NUIACagSa3+n+9v+n+FktvjzbCigjrN1AATV+5dkKKCKsTt+9gPx3RbVfBXrp/N0LuHTBt3a9AmAjClAATACOtwIUABOA460ABcAE4HgrQAH/IDDRFCsAlqkABcAE4HgrQAEwATjeClAATACOtwIUABOA462A/QiAn3TSeCsAFqsABcAE4HgrQAEwATjeClAATACOtwIUABOA462AhoDew98AAAD//zOys7gAAAAGSURBVAMA4Lg40Doc69EAAAAASUVORK5CYII=)}.t-btn[data-act=redo]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACWUlEQVR4AeyZQU7DMBBFAzfhGqw4DndgzR04DiuuwVFAXUSaTtS6ysR+bfKQotgx9nfe07iIPk/+oAQUgOKfJgUoACYAx1sBCoAJwPFWgAJgAnC8FaAAmAAcf8wKgKHHeAVEGkBbAQD0GKmASANoKwCAHiMVEGkAbQUA0GOkAiINoK0AAHqMVECkAbQVAECPkQMFxFjbMwEFzCSguwIg8HOsAmYS0F0BEPg5VgEzCeiuAAj8HHs4Aa8vb3/xmkFQ98MJoEBfylXAJTKDniugM+jW8rsXEM/7UzsDOT2LVx7v3d+9gN4Aq+sroEqwOF8BRYDV6cMFxPN2RHsB6PNrmq5ceU+L+Rs/GC5g4/0//HIKgBUqYO8CmmfqlfP42lm9eqwFPO2nuf/Weo1xK6ABqPfwPgX0prbh+grYEOaapboL+Pn9forXmk2ezfl4n6Ytr7PFx3e6Cxj/So+VqADYlwIU0CCQzvv4ebKmvUhL6+fPl5yxmF98YAUUAVanK6BKsDhfAUWA1emHE9A601vjVeB5/oYC8tL2byGggFsodfwdBXSEe8vShxcw+szPUg4vIAMZ3VfAaOIpTwEJyOguL6Dxv5gMpPd3tDmvd58X0PsN73x9BcCCFFAUUJ0+XED+u7varwKg5w8XQL/wveUrADaiAAXABOB4K0ABMAE43gpQAEwAjrcCFLCCwI6mWAGwTAUoACYAx1sBCoAJwPFWgAJgAnC8FaAAmAAcbwU8jgB4pzuNtwJgsQpQAEwAjrcCFAATgOOtAAXABOB4K0ABMAE43gpoCOg9/A8AAP//npm6kwAAAAZJREFUAwDeKjDQHKaC1QAAAABJRU5ErkJggg==)}.t-btn[data-act=surprise]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACJklEQVR4AeyawU3EMBQFA51wpQS4UAYlUgYXKIErpYD2EOnvP6y1cvzHSQYpWlve+DkzegJFPC7+oAQUgOJfFgUoACYAx9sABcAE4HgboACYABxvAxQAE4Djz9kAGHqMV0CkAYwVAECPkQqINICxAgDoMVIBkQYwVgAAPUYqINIAxgoAoMdIBUQawFgBAPQYWSggxjpeCShgJQF9KgACv8ZuLuDl6e1vz9cKpupzcwFVBz9KjgJgkwo4uoCvn49l5gvm778mKoAmAOf7O2CwgNb25QJen9+XW1frwK31W3tf1lr3V6+XC6h+wNnzFAAbUoACYAJwvA1QAEwAjrcBZxPQei/Uy2P0/r3ny/fbgEykeH5MAcUQe+IU0ENvg3unE3B5X9NzbcCkdIvpBJQ+/QRhCoAlKEABMAE43gYoACYAx9sABVwTaL3Laa1f7zb/bMMGzP+wM55QAbAVBZxNQOs9Ty+P0fv3ni/fbwMykeK5AoqB5zgFZCLFcwUUA89xCshEiucKKAae4xSQidw57/36cAH57/LWgfP3753fu3/r+6PXhwsY/QB7318BsEEFHE3A9+/nw56vah82oJp4ylNAAlI9VUA18ZSngASkeqqAauIpb58C0kPseaoA2J4CFAATgONtgAJgAnC8DVAATACOtwEKgAnA8TZgPwLgkx403gbAYhWgAJgAHG8DFAATgONtgAJgAnC8DVAATACOtwENAaOX/wEAAP//QBYEZAAAAAZJREFUAwCn6ZjQ/6ZzOwAAAABJRU5ErkJggg==)}.t-btn[data-act=save]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACR0lEQVR4AeybzU3EMBQGDZ1wpQS4UAYl0ANneqAEyuACJXClFFAOkYyR1rKenUmcQbLWIfH7nBkeWu3PdfIHJaAAFH9KClAATACOtwMUABOA4+0ABcAE4Hg7QAEwATj+nB0AQ8/jFZDTAOYKAKDnkQrIaQBzBQDQ80gF5DSAuQIA6HmkAnIawFwBAPQ8UgE5DWCuAAB6HrmhgDzW+UpAASsJ6FEBEPg1truAu5uHn5nGCmrUY3cBozY6a10FwGYVML2Al9eUyFEDXO6tdn3n83ZAZ6Ct5RTQSqzz9QroDLQsVzveXsDzU0ojR+2O4f/55fa2F1Du4OTHCoD/ABRwdgEfX28pMmB+4Xg7IIwwVkABMX7h1QoII4wVmF/Azp73l7rmF1De8c6O5xSwM8iXtqOAS3Q2OIcLuL99TJGxAaOhEbiAoXd3gOIKgCUp4HQCyuflvY9hoK3xdkArsc7XK6Az0NZyCmgl1vl6XsDI94eX2p2B9S7XUUDvrZ2jngJgzwpQwF8CkfeHl7V/q+3/yA6AHSlAATABON4OUABMAI63AxQAEwjGR5fbAVGCwfUKCAKMLldAlGBwvQKCAKPLxwtYXpO/NIo7iHxGaFlblGv/Ptq/AmN/MV7A2P0fvroCYIUKmE3A5/f71UxjtB87YDThSv1jCqjc1JFOKwC2pQAFwATgeDtAATABON4OUABMAI63AxQAE4Dj7YDjCIB3Omm8HQCLVYACYAJwvB2gAJgAHG8HKAAmAMfbAQqACcDxdkBFwOjTvwAAAP//pF6regAAAAZJREFUAwAlq7jQXmxwhwAAAABJRU5ErkJggg==)}.tempo{font-family:var(--font-body);font-weight:800;font-size:.95rem;color:var(--ink);gap:.3rem}.tempo:before{content:"";width:28px;height:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACbElEQVR4AeyZwU3EMBBFA51wpQS4UAYlUgYXKIErpYBysDSygkfBnvmx9yFZ8caJv/2exgj2fuNHSgABUvzbhgAEiAmI46kABIgJiOOpAASICYjjqQAEiAmI42+zAsTQbTwCLA1BHwEC6DYSAZaGoI8AAXQbiQBLQ9BHgAC6jUSApSHoI0AA3UYiwNIQ9BEggG4jEwXYWPqFAAIKCdEVASLwJRYBhYToigAR+BKLgEJCdEWACHyJlQt4enj5iWxlo1e9ygVcFUzWuhCQRfqPHAT8AWbUbW+ecAHe+f7x9bZFNi/fAxQ9Hi4gegOzz48AsUEErCagPnO98z16/15+vd7o9dTzUwE1keTPCEgGXschoCaS/LlbQH2G1meut5/nx9fNNu/51ca7BawGJHs/awrIptiRh4AOeCNeTRdgz/u9P2ITM8+RLmBmWBFrR0AE1RNzIuAErIhHwwXs57xt9SbO/t1Qvz/753ABswOKXj8Cogk78yPAARQ9HC7g1s94T+BAAV4U40cEEHBEJfEeAhJhH0WlC7ja74R6PfX3G0fQRt5LFzBy8SvMhQCxRQSsJsD+32fvi/fnxu9rtM19YfADVMBgoGenQ8BZYoOfR0An0N7XuwV8fr/ftZo9X6/Yb619H+sF7L3fLcALYLxNAAFtPuGjCAhH3A4IF7Cfo1dubTzxo+EC4rcwdwICxP4QgAAxAXE8FYCAfxBY6BUqQCwTAQgQExDHUwEIEBMQx1MBCBATEMdTAQgQExDHUwHzCBCvdNF4KkAsFgEIEBMQx1MBCBATEMdTAQgQExDHUwEIEBMQx1MBjoDo4V8AAAD//0vGFEEAAAAGSURBVAMAJgqU0K1Sg5AAAAAASUVORK5CYII=) center / contain no-repeat}.t-btn.flash{animation:ibk-flash .5s ease-out}@keyframes ibk-flash{0%{background-color:var(--leaf);box-shadow:0 3px 0 var(--leaf-dark);transform:scale(1.1)}}.t-btn.send-home,.t-btn.magic-record,.t-btn.rail-toggle{width:auto;height:auto;padding:.55rem 1rem;font-family:var(--font-body);font-weight:800;font-size:.95rem;color:var(--edge)}.t-btn.rail-toggle{width:100%;color:var(--ink);background:var(--paper-2)}.t-btn.send-home{background:var(--leaf);box-shadow:0 3px 0 var(--leaf-dark)}.t-btn.send-home:disabled{background:var(--teal);opacity:.8;cursor:default;box-shadow:var(--shadow-hard)}.t-btn.magic-record{background:var(--grape);color:#fff;box-shadow:0 3px 0 var(--grape-dark)}.t-btn.magic-record.recording{background:var(--tomato);box-shadow:0 3px 0 var(--tomato-dark)}.loop-add .t-btn{font-family:var(--font-body);font-weight:800;color:var(--ink)}.rail{background:var(--paper-2);border-left:3px solid var(--edge)}.rail-heading{font-family:var(--font-body);font-weight:800;font-size:1.1rem;color:var(--ink)}.rail-control{background:var(--paper);border:2px solid var(--edge);border-radius:10px}.rail-title{font-weight:700;color:var(--ink)}.coach{color:var(--ink-soft);opacity:1}.rail-sep{border-top:2px solid var(--edge);color:var(--ink-soft);font-weight:700}.rail-pill{background:var(--paper-2);border:2px solid var(--edge);border-radius:8px;color:var(--ink);font-family:var(--font-body);font-weight:700;box-shadow:var(--shadow-hard)}.rail-pill.active{background:var(--active-fill);border-color:var(--edge);color:var(--edge);box-shadow:0 3px 0 var(--active-shadow)}.rail-sheet{background:var(--paper);border-top:3px solid var(--edge)}.rail-sheet-toggle{background:var(--beet);color:#fff;border:3px solid var(--edge);border-radius:14px;font-family:var(--font-body);font-weight:800;box-shadow:0 4px 0 var(--beet-dark)}.rail-sheet-toggle.active{background:var(--paper-2);color:var(--ink)}.loop-board{background:#15121ba8;border:2px solid var(--edge);border-radius:12px}.loop-hint{color:var(--ink-soft);opacity:1;font-family:var(--font-body)}.drum-picker{background:#15121ba8;border:2px solid var(--edge);border-radius:10px}.drum-chip{background:var(--paper);border:2px solid var(--edge);border-radius:9px;color:var(--ink);font-family:var(--font-body);font-weight:700;box-shadow:var(--shadow-hard)}.drum-chip.present{background:var(--pad-color, var(--active-fill));color:var(--edge)}.note-cell{border:2px solid var(--edge);background:var(--paper-2);border-radius:4px}.note-cell.downbeat{background:var(--paper)}.note-cell.on{background:var(--row-color, var(--accent));box-shadow:inset 0 -2px #00000038}.voice-clip-card{background:var(--paper);border:2px solid var(--edge);border-left:8px solid var(--tile-color, var(--active-fill));border-radius:10px;box-shadow:var(--shadow-hard)}.voice-clip-name,.layer-name,.loop-track-head{color:var(--ink)}.name-pencil{color:var(--ink-soft);opacity:1}.name-edit{font-family:var(--font-body);color:var(--ink);background:var(--paper-2);border:2px solid var(--active-fill);border-radius:6px}.palette button[data-machine=looper-stage]{background:var(--paper);border-color:var(--beet)}.palette button[data-machine=looper-stage].active{background:var(--active-fill);border-color:var(--edge);color:var(--edge)}[hidden]{display:none!important}.tracks-strip{background:var(--paper-2);border-top:3px solid var(--edge);padding:.5rem .5rem .75rem}.tracks-head{font-family:var(--font-body);font-weight:800;font-size:1.1rem;color:var(--ink);margin-bottom:.5rem;text-shadow:0 2px 0 var(--edge)}.song-train-body{background:#1d1924;border:3px solid var(--edge);border-radius:12px;box-shadow:inset 0 4px 12px #0009,0 2px #ffffff0d;padding:1.5rem 1rem .5rem;position:relative;overflow-x:auto;overflow-y:hidden;background-image:radial-gradient(rgba(255,255,255,.03) 2px,transparent 2px);background-size:24px 24px}.tracks-cars{display:flex;align-items:flex-end;gap:.15rem;min-width:max-content;position:relative;z-index:10;padding-bottom:.2rem}.car-block{min-width:5.5rem;min-height:3.5rem;border:3px solid var(--edge)!important;border-radius:4px 4px 2px 2px!important;background:var(--car-color, var(--paper))!important;box-shadow:inset 3px 3px #ffffff4d,inset -3px -3px #0000004d,0 4px 6px #0009!important;transition:transform .1s steps(2)}.car-block:after{right:-.45rem!important;bottom:.8rem!important;width:.45rem!important;height:.35rem!important;background:#4a4550!important;border:2px solid var(--edge)!important;box-shadow:inset 0 -2px #00000080!important}.car-block.active{transform:translateY(-4px);box-shadow:inset 3px 3px #fff6,inset -3px -3px #0000004d,0 0 0 3px #fff,0 8px 12px #000c!important}.car-block.loco{border-radius:4px 16px 2px 2px!important}.car-stack{top:-1rem!important;left:.75rem!important;width:.8rem!important;height:1rem!important;background:#4a4550!important;border:2px solid var(--edge)!important;border-bottom:none!important;border-radius:2px 2px 0 0!important}.car-stack:before{top:-1.2rem!important;left:-.6rem!important;width:1.5rem!important;height:1rem!important;background:radial-gradient(circle,rgba(235,219,178,.8),transparent 60%)!important}.car-wheels{bottom:-.6rem!important}.car-wheel{width:1.2rem!important;height:1.2rem!important;border:2px solid var(--edge)!important;background:#4a4550!important;box-shadow:inset 2px 2px #7c6f64,inset -2px -2px #282828!important}.car-wheel:after{inset:.25rem!important;background:var(--edge)!important}.car-num{font-family:var(--font-display);font-size:.6rem!important;color:#ffffffe6;text-shadow:1px 1px 0 var(--edge);margin-bottom:.2rem}.car-name{font-family:var(--font-body);font-weight:800;font-size:.9rem!important;color:#fff;text-shadow:1px 1px 0 var(--edge);padding:0 .2rem}.car-rename{font-family:var(--font-body);border:2px solid var(--edge)!important;box-shadow:inset 0 2px #0003!important;background:#fff!important;color:var(--edge)!important}.song-loop-track{height:4rem!important;margin:0!important;margin-top:.5rem!important}.song-loop-track:before{bottom:1.2rem!important;height:.8rem!important;background:repeating-linear-gradient(90deg,#7c6f64 0 .6rem,transparent .6rem 1.2rem)!important;border-bottom:2px solid #3c3836!important}.loop-rail{bottom:1.6rem!important;height:.35rem!important;background:#a89984!important;border:2px solid var(--edge)!important;border-radius:0!important;box-shadow:0 20px 0 -2px #a89984,0 20px 0 0 var(--edge)!important}.loop-band{bottom:1.2rem!important;height:.8rem!important;background:var(--sun)!important;border:2px solid var(--edge)!important;border-radius:0!important;box-shadow:none!important;opacity:.6}.train-sprite{bottom:.9rem!important;font-size:2rem!important;filter:drop-shadow(2px 2px 0 var(--edge))!important}.loop-tunnel{bottom:.5rem!important;width:4rem!important;height:3.5rem!important;margin-left:-2rem!important}.loop-tunnel:before{bottom:0!important;height:3.5rem!important;background:var(--paper)!important;border:3px solid var(--edge)!important;border-radius:2rem 2rem 0 0!important;box-shadow:inset 3px 3px #ffffff1a,inset -3px -3px #0000004d!important}.loop-tunnel:after{bottom:0!important;width:2.4rem!important;height:2.4rem!important;background:var(--edge)!important;border-radius:1.2rem 1.2rem 0 0!important;box-shadow:inset 0 6px 12px #000c!important}.loop-grab{bottom:-1.2rem!important;background:var(--paper)!important;border:2px solid var(--edge)!important;box-shadow:inset 2px 2px #ffffff1a,0 2px #00000080!important;color:var(--ink)!important;font-family:var(--font-body);font-weight:800;padding:.2rem .5rem!important;border-radius:4px!important}.tracks-ride{background:var(--leaf)!important;color:var(--edge)!important;border:3px solid var(--edge)!important;border-radius:8px!important;box-shadow:inset 3px 3px #fff6,0 4px 0 var(--leaf-dark)!important;font-family:var(--font-display);font-size:.8rem!important;padding:1rem 2rem!important;margin-top:.5rem;text-transform:uppercase}.tracks-ride:active{transform:translateY(4px)!important;box-shadow:inset 3px 3px #fff6,0 0 0 var(--leaf-dark)!important}.playbar{background:var(--paper-2);border-top:3px solid var(--edge);padding:.75rem;gap:.75rem}.pb-btn{background:var(--paper);border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 3px 3px #ffffff26,inset -3px -3px #0000004d,0 4px #0006!important;transition:transform .1s steps(2);padding:.4rem .6rem!important}.pb-btn:active{transform:translateY(4px)!important;box-shadow:inset 3px 3px #ffffff26,inset -3px -3px #0000004d,0 0 #0006!important}.pb-btn.active{background:var(--active-fill);box-shadow:inset 3px 3px #fff6,inset -3px -3px #0003,0 4px 0 var(--active-shadow)!important;color:var(--edge)}.pb-play{background:var(--leaf)!important;color:var(--edge)!important}.pb-play.active{background:var(--leaf)!important;box-shadow:inset 3px 3px #fff6,inset -3px -3px #0003,0 4px 0 var(--leaf-dark)!important}.pb-label{font-family:var(--font-display);font-size:.5rem!important;margin-top:.2rem;letter-spacing:.05em;opacity:.9}.tempo{background:var(--paper);border:3px solid var(--edge);border-radius:4px;padding:.4rem .8rem;box-shadow:inset 3px 3px #ffffff1a,inset -3px -3px #0000004d}.car-banner{border:3px solid var(--edge)!important;border-radius:4px!important;background:var(--car-color, var(--paper))!important;box-shadow:inset 3px 3px #ffffff4d,inset -3px -3px #0000004d,0 4px 6px #0009!important;color:#fff;text-shadow:1px 1px 0 var(--edge);padding:.5rem .75rem!important}.car-banner-swatch{display:none!important}.car-banner-num{font-family:var(--font-display);font-size:.7rem!important}.car-banner-name{background:#0003!important;border:2px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 0 2px #0006!important;padding:.3rem .6rem!important}.car-banner-rename{font-family:var(--font-body);border:2px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 0 2px #0003!important;background:#fff!important;color:var(--edge)!important;text-shadow:none}.car-banner-step{border:2px solid var(--edge)!important;border-radius:4px!important;background:var(--paper)!important;color:var(--ink)!important;text-shadow:none;box-shadow:inset 2px 2px #ffffff1a,0 2px #0006!important}.car-banner-step:active{transform:translateY(2px)!important;box-shadow:inset 2px 2px #ffffff1a,0 0 #0006!important}.loop-board{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 4px 4px #0006,0 2px #ffffff0d!important;padding:.75rem!important}.layer-row,.loop-track{background:var(--paper)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0003,0 4px #0000004d!important;margin-bottom:.5rem}.layer-row,.loop-track{border-left:6px solid var(--row-color, var(--accent))!important}.loop-cell,.note-cell,.beat-cell{background:#1a1712!important;border:2px solid var(--edge)!important;border-radius:2px!important;box-shadow:inset 0 2px 4px #000c!important;transition:background .05s}.loop-cell.downbeat,.note-cell.downbeat,.beat-cell.downbeat{background:#241f17!important}.loop-cell.on,.note-cell.on,.beat-cell.on{background:var(--row-color, var(--accent))!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 0 4px var(--row-color, var(--accent))!important}.loop-playhead{background:#fff!important;width:4px!important;box-shadow:0 0 6px #fff,0 0 0 2px var(--edge)!important;z-index:10}.drum-picker{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 4px 4px #0006!important;padding:.75rem!important}.drum-chip{background:var(--paper)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 3px #0006!important;transition:transform .1s steps(2)}.drum-chip:active{transform:translateY(3px)!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 0 #0006!important}.drum-chip.present{background:var(--pad-color, var(--active-fill))!important;color:var(--edge)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 3px 0 var(--edge)!important}.loop-add .t-btn{border:3px dashed rgba(255,255,255,.3)!important;background:transparent!important;box-shadow:none!important;border-radius:4px!important;color:#fff9!important}.loop-add .t-btn:active{background:#ffffff0d!important}.options-bar{background:var(--paper-2)!important;border-bottom:3px solid var(--edge)!important;padding:.75rem 1rem!important}.options-title{font-family:var(--font-display)!important;font-size:.9rem!important;text-shadow:2px 2px 0 var(--edge)}.opt-choice{border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 3px #0006!important;transition:transform .1s steps(2)}.opt-choice:active{transform:translateY(3px)!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 0 #0006!important}.opt-choice.active{background:var(--active-fill)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 3px 0 var(--active-shadow)!important}.palette{background:var(--paper-2)!important;border-right:3px solid var(--edge)!important;padding:.75rem!important;gap:.75rem!important}.palette button{border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 4px #0006!important;transition:transform .1s steps(2)}.palette button:active{transform:translateY(4px)!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 0 #0006!important}.palette button.active{background:var(--active-fill)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 4px 0 var(--active-shadow)!important}#boot-button{border:4px solid var(--edge)!important;border-radius:8px!important;box-shadow:inset 4px 4px #fff6,inset -4px -4px #0003,0 8px 0 var(--beet-dark)!important;font-family:var(--font-display)!important;font-size:1.5rem!important;padding:1.5rem 3rem!important;text-transform:uppercase;text-shadow:2px 2px 0 var(--edge)}#boot-button:active{transform:translateY(8px)!important;box-shadow:inset 4px 4px #fff6,inset -4px -4px #0003,0 0 0 var(--beet-dark)!important}.xy-pad{border:4px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 4px 4px #ffffff4d,inset -4px -4px #0000004d,0 8px 12px #0009!important}.xy-hint{font-family:var(--font-display)!important;font-size:1.2rem!important;text-shadow:3px 3px 0 var(--edge)!important}.xy-dot{border:3px solid var(--edge)!important;border-radius:50%!important;box-shadow:inset 2px 2px #fff9,0 4px 0 var(--edge)!important}.fx-tile{border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 3px 3px #ffffff26,inset -3px -3px #0000004d,0 4px #0006!important}.fx-tile:active{transform:translateY(4px)!important;box-shadow:inset 3px 3px #ffffff26,inset -3px -3px #0000004d,0 0 #0006!important}.big-record{border:4px solid var(--edge)!important;border-radius:8px!important;box-shadow:inset 4px 4px #fff6,inset -4px -4px #0003,0 6px 0 var(--beet-dark)!important;font-family:var(--font-display)!important;font-size:1.2rem!important;text-shadow:2px 2px 0 var(--edge)}.big-record:active{transform:translateY(6px)!important;box-shadow:inset 4px 4px #fff6,inset -4px -4px #0003,0 0 0 var(--beet-dark)!important}.drum-chip[data-drum=kick] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/bass-drum-u1VoJMnR.png) center / contain no-repeat}.drum-chip[data-drum=snare] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/snare-vAeJl6Xp.png) center / contain no-repeat}.drum-chip[data-drum=hihat] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/cymbal-DmitGtAD.png) center / contain no-repeat}.drum-chip[data-drum=openhat] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/cymbal-DmitGtAD.png) center / contain no-repeat}.drum-chip[data-drum=tom] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/tom-BxqndmjK.png) center / contain no-repeat}.drum-chip[data-drum=conga] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/tom-BxqndmjK.png) center / contain no-repeat}.drum-chip[data-drum=cowbell] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/cowbell-6SqnprSi.png) center / contain no-repeat}.drum-chip[data-drum=shaker] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/tambourine-DWenhU12.png) center / contain no-repeat}.drum-chip[data-drum=clap] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/snare-vAeJl6Xp.png) center / contain no-repeat}.drum-chip[data-drum=rim] .drum-emoji{font-size:0!important;width:32px;height:32px;display:inline-block;background:url(/assets/snare-vAeJl6Xp.png) center / contain no-repeat}.loop-track[data-lane-kind=melody] .layer-name:before{content:"";display:inline-block;width:20px;height:20px;background:url(/assets/keyboard-B2ANqtbz.png) center / contain no-repeat;vertical-align:middle;margin-right:.4rem;image-rendering:pixelated}.loop-track[data-lane-kind=voice] .layer-name:before{content:"";display:inline-block;width:20px;height:20px;background:url(/assets/mic-BG7o6cwg.png) center / contain no-repeat;vertical-align:middle;margin-right:.4rem;image-rendering:pixelated}.loop-track[data-lane-kind=drum] .layer-name:before{content:"";display:inline-block;width:20px;height:20px;background:url(/assets/bass-drum-u1VoJMnR.png) center / contain no-repeat;vertical-align:middle;margin-right:.4rem;image-rendering:pixelated}.loop-track[data-lane-kind=tone] .layer-name:before{content:"";display:inline-block;width:20px;height:20px;background:url(/assets/cowbell-6SqnprSi.png) center / contain no-repeat;vertical-align:middle;margin-right:.4rem;image-rendering:pixelated}.knob{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d!important;padding:.4rem!important}.knob-label{font-family:var(--font-display)!important;font-size:.6rem!important;margin-bottom:.3rem!important;text-shadow:1px 1px 0 var(--edge)}.knob-step{background:var(--paper)!important;border:2px solid var(--edge)!important;border-radius:2px!important;box-shadow:inset 1px 1px #fff3,0 2px #0006!important;color:var(--ink)!important;font-family:var(--font-body)!important;font-weight:800!important}.knob-step:active{transform:translateY(2px)!important;box-shadow:inset 1px 1px #fff3,0 0 #0006!important}.knob-dial{background:#1a1712!important;border:2px solid var(--edge)!important;border-radius:50%!important;box-shadow:inset 0 2px 4px #000c!important}.knob-ind{background:var(--knob-color, var(--accent))!important;border:1px solid var(--edge)!important;box-shadow:0 0 4px var(--knob-color, var(--accent))!important}.knob-val{font-family:var(--font-display)!important;font-size:.55rem!important;color:var(--knob-color, var(--accent))!important;text-shadow:1px 1px 0 var(--edge);margin-top:.3rem!important}.rail{background:var(--paper-2)!important;border-left:3px solid var(--edge)!important}.rail-heading{font-family:var(--font-display)!important;font-size:.8rem!important;text-shadow:2px 2px 0 var(--edge)}.rail-control{background:var(--paper)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d!important}.rail-pill{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 3px #0006!important;transition:transform .1s steps(2)}.rail-pill:active{transform:translateY(3px)!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 0 #0006!important}.rail-pill.active{background:var(--active-fill)!important;color:var(--edge)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 3px 0 var(--active-shadow)!important}.lane-controls{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d!important}.lane-ctl-label{font-family:var(--font-display)!important;font-size:.6rem!important;text-shadow:1px 1px 0 var(--edge)}.pat-chip{background:var(--paper)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 3px #0006!important;font-family:var(--font-body)!important;font-weight:800!important;transition:transform .1s steps(2)}.pat-chip:active{transform:translateY(3px)!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 0 #0006!important}.pat-chip.active{background:var(--row-color, var(--active-fill))!important;color:var(--edge)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 3px 0 var(--edge)!important}.pat-add{background:transparent!important;border:3px dashed rgba(255,255,255,.3)!important;box-shadow:none!important;color:#fff9!important}.pat-add:active{background:#ffffff0d!important;box-shadow:none!important}.beat-label{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d!important;font-family:var(--font-body)!important;font-weight:800!important;color:var(--ink)!important}.melody-grid{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 4px 4px #0006!important;padding:.5rem!important}.melody-row{border-bottom:2px solid #3c3836!important}.magic-bar{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d!important}.voice-clip-card{background:var(--paper-2)!important;border:3px solid var(--edge)!important;border-left:8px solid var(--tile-color, var(--active-fill))!important;border-radius:4px!important;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0000004d,0 4px #0006!important}.voice-clip-name{font-family:var(--font-body)!important;font-weight:800!important;text-shadow:1px 1px 0 var(--edge)}.send-home{border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 4px 0 var(--leaf-dark)!important;font-family:var(--font-body)!important;font-weight:800!important;transition:transform .1s steps(2)}.send-home:active{transform:translateY(4px)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 0 0 var(--leaf-dark)!important}.send-home:disabled{box-shadow:inset 2px 2px #fff3,inset -2px -2px #0003,0 4px #0006!important}.audition-key{border:3px solid var(--edge)!important;border-radius:4px!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 4px 0 var(--edge)!important;font-family:var(--font-body)!important;font-weight:800!important;transition:transform .1s steps(2)}.audition-key:active{transform:translateY(4px)!important;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0003,0 0 0 var(--edge)!important}.pixel-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#1e1812db;border-top:3px solid #8b7355;border-left:3px solid #8b7355;border-bottom:3px solid #4a3728;border-right:3px solid #4a3728;border-radius:2px;color:#e8dcc8;font:400 9px/1 var(--font-label, "Press Start 2P");letter-spacing:1px;text-transform:uppercase;text-shadow:1px 1px 0 #000;padding:7px 9px;cursor:pointer;image-rendering:pixelated;user-select:none;-webkit-tap-highlight-color:transparent;transition:filter .05s}.pixel-btn .pb-emoji{font-size:13px;line-height:1}.pixel-btn:hover{filter:brightness(1.12)}.pixel-btn:active{border-top:3px solid #4a3728;border-left:3px solid #4a3728;border-bottom:3px solid #8b7355;border-right:3px solid #8b7355;transform:translate(1px,1px);filter:brightness(.9)}.pixel-btn:disabled{opacity:.4;cursor:default;filter:grayscale(.5)}.pixel-btn--primary{background:#164016e6;border-top-color:#5aa85a;border-left-color:#5aa85a;border-bottom-color:#2a5c2a;border-right-color:#2a5c2a;color:#b9f0b9}.pixel-btn--primary:active{border-top-color:#2a5c2a;border-left-color:#2a5c2a;border-bottom-color:#5aa85a;border-right-color:#5aa85a}.pixel-btn--active{background:#cf995feb;color:#1a140d;text-shadow:none}.pixel-btn--nav{background:#14100cdb;border-width:4px;border-top-color:#8b7355;border-left-color:#8b7355;border-bottom-color:#2a1f16;border-right-color:#2a1f16;border-radius:3px;font-size:11px;letter-spacing:1.5px;padding:11px 16px;box-shadow:0 3px #00000073}.pixel-btn--nav .pb-emoji{font-size:17px}.pixel-btn--nav:active{border-top-color:#2a1f16;border-left-color:#2a1f16;border-bottom-color:#8b7355;border-right-color:#8b7355;transform:translate(1px,2px);box-shadow:0 1px #00000073;filter:brightness(.85)}.pixel-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .05s}.pixel-tap:active{transform:scale(.92)}