.m1S9Dq_bar{top:calc(var(--bar-h) - 1.4rem);height:2.5rem;padding-inline:var(--gap);z-index:100;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0}@media (min-width:1020px){.m1S9Dq_bar{padding-inline:1.25rem}}.m1S9Dq_group{align-items:center;gap:.5rem;display:flex}.m1S9Dq_btn{height:var(--ctl-h);background:var(--paper);min-width:30px;color:var(--ink);border:var(--border) solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:0;place-items:center;padding:0 .55rem;font-size:.8rem;font-weight:800;line-height:1;transition:transform 50ms,box-shadow 50ms;display:grid}.m1S9Dq_btn svg{width:15px;height:15px}.m1S9Dq_btn:hover{background:var(--ink);color:var(--paper)}.m1S9Dq_btn:active{box-shadow:0 0 0 var(--ink);transform:translate(1px,1px)}.m1S9Dq_btn.m1S9Dq_rec[data-on=true]{background:var(--danger);color:#fff}.m1S9Dq_metronome{width:50px;height:var(--ctl-h);border:var(--border) solid var(--line);box-shadow:var(--shadow);background:var(--gray);justify-content:center;align-items:center;gap:4px;display:flex}.m1S9Dq_metronome[data-down=true]{background:var(--accent)}.m1S9Dq_dot{border:var(--border) solid var(--line);background:0 0;border-radius:50%;width:13px;height:13px}.m1S9Dq_dot[data-on=true]{background:var(--ink)}.m1S9Dq_quantize{display:none;position:relative}@media (min-width:760px){.m1S9Dq_quantize{display:block}}.m1S9Dq_quantizeMain{width:84px;height:var(--ctl-h);text-align:left;background:var(--gray);border:var(--border) solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase;padding:0 .4rem;font-size:.7rem;position:relative}.m1S9Dq_quantizeMain:after{content:"▼";position:absolute;top:50%;right:5px;transform:translateY(-50%)scale(.7)}.m1S9Dq_quantizeMenu{background:var(--gray);border:var(--border) solid var(--line);z-index:10;width:calc(100% + 2px);position:absolute;top:calc(100% + 1px);left:-1px}.m1S9Dq_quantizeMenu button{text-align:left;cursor:pointer;text-transform:uppercase;background:0 0;border:none;width:100%;padding:3px .4rem;font-size:.7rem;display:block}.m1S9Dq_quantizeMenu button:hover{background:var(--ink);color:var(--paper)}.m1S9Dq_fx{align-items:center;gap:.6rem;display:none}@media (min-width:900px){.m1S9Dq_fx{display:flex}}.m1S9Dq_fxItem{text-transform:uppercase;align-items:center;gap:.3rem;font-size:.6rem;display:flex}.m1S9Dq_fxItem input[type=range]{appearance:none;background:var(--ink);cursor:pointer;width:60px;height:2px}.m1S9Dq_fxItem input[type=range]::-webkit-slider-thumb{appearance:none;border:var(--border) solid var(--line);background:var(--paper);border-radius:0;width:12px;height:12px}.m1S9Dq_fxItem input[type=range]::-moz-range-thumb{border:var(--border) solid var(--line);background:var(--paper);border-radius:0;width:12px;height:12px}.m1S9Dq_share{display:none}@media (min-width:420px){.m1S9Dq_share{display:grid}}
.V7ikCq_overlay{z-index:1000;background-color:var(--bg);background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);cursor:pointer;opacity:1;background-size:20px 20px;transition:opacity .25s;position:fixed;inset:0}.V7ikCq_overlay[hidden]{display:none}.V7ikCq_inner{width:100%;height:100%;padding:var(--bar-h) var(--gap) 0;color:var(--ink);position:relative;overflow-y:auto}@media (min-width:760px){.V7ikCq_inner{padding-inline:1.25rem}}.V7ikCq_closeHint{text-align:center;font-size:.8rem;font-style:italic;position:absolute;bottom:.4rem;left:0;right:0}.V7ikCq_intro{cursor:default;place-items:center;min-height:100%;display:grid}.V7ikCq_logoStack{aspect-ratio:1;place-items:center;width:min(60vw,320px);display:grid;position:relative}.V7ikCq_logoCard{background:var(--paper);border:3px solid var(--line);width:100%;height:100%;box-shadow:8px 8px 0 var(--ink);text-transform:uppercase;text-align:center;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.V7ikCq_logoCard img{width:34%;height:auto}.V7ikCq_logoCard p{font-size:clamp(1rem,4vw,2rem);font-weight:800;line-height:.95}.V7ikCq_enterRow{background:var(--paper);border-top:4px solid var(--line);z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;height:4.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.V7ikCq_enterBtn{background:var(--paper);color:var(--ink);border:var(--border) solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase;border-radius:0;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:clamp(.9rem,2.4vw,1.25rem);font-weight:800;transition:transform 50ms,box-shadow 50ms,background .1s;display:inline-flex}.V7ikCq_enterBtn:hover{background:var(--ink);color:var(--paper)}.V7ikCq_enterBtn:active{box-shadow:0 0 0 var(--ink);transform:translate(1px,1px)}.V7ikCq_sheet{flex-direction:column;gap:1.75rem;max-width:900px;margin:0 auto;padding-bottom:3rem;display:flex}@media (min-width:1020px){.V7ikCq_sheet{flex-direction:row}}.V7ikCq_col{flex:1}.V7ikCq_heading{background:var(--paper);border:var(--border) solid var(--line);text-transform:uppercase;margin-bottom:.75rem;padding:5px 8px;font-size:clamp(.9rem,3vw,1.75rem);font-weight:800;line-height:1;display:inline-block}.V7ikCq_heading.V7ikCq_invert{background:var(--ink);color:var(--paper)}.V7ikCq_body{max-width:60ch;font-size:clamp(.85rem,2vw,1rem);line-height:1.45}.V7ikCq_body a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.V7ikCq_body a:hover{background:var(--ink);color:var(--paper);text-decoration:none}.V7ikCq_instructionCta{margin-top:1rem}.V7ikCq_instructions{cursor:default;flex-direction:column;justify-content:center;max-width:820px;min-height:100%;margin:0 auto;padding-bottom:4rem;display:flex}.V7ikCq_instructionsHead{margin-bottom:1.25rem}.V7ikCq_steps{gap:var(--gap);counter-reset:none;grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:620px){.V7ikCq_steps{grid-template-columns:1fr 1fr}}.V7ikCq_step{background:var(--paper);border:var(--border) solid var(--line);box-shadow:var(--shadow);grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.1rem 1.1rem 1.1rem 1rem;display:grid;position:relative}.V7ikCq_stepNum{background:var(--ink);color:var(--paper);letter-spacing:.08em;padding:2px 7px;font-size:.65rem;font-weight:800;line-height:1.4;position:absolute;top:0;right:0}.V7ikCq_stepGlyph{background:var(--gray);border:var(--border) solid var(--line);flex:none;place-items:center;width:52px;height:52px;font-size:1.7rem;font-weight:800;line-height:1;display:grid}.V7ikCq_stepText{max-width:26ch;font-size:clamp(.9rem,2vw,1.05rem);line-height:1.3}.V7ikCq_startBtn{background:var(--ink);color:var(--paper);border:var(--border) solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase;border-radius:0;align-self:flex-start;margin-top:1.5rem;padding:.55rem 1.25rem;font-size:clamp(.9rem,2.2vw,1.15rem);font-weight:800;transition:transform 50ms,box-shadow 50ms}.V7ikCq_startBtn:hover{background:var(--paper);color:var(--ink)}.V7ikCq_startBtn:active{box-shadow:0 0 0 var(--ink);transform:translate(1px,1px)}
._0Sp0BG_wrapper{border:var(--border) solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform;z-index:1;background:#000;position:relative;overflow:hidden;transform:translate(0,0)rotate(0);container-type:inline-size}._0Sp0BG_wrapper:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}._0Sp0BG_srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._0Sp0BG_inner{opacity:0;transition:opacity .4s,transform .15s;position:absolute;inset:0;transform:scale(1)}._0Sp0BG_inner._0Sp0BG_ready{opacity:1}._0Sp0BG_inner._0Sp0BG_queued{transform:scale(.82)}._0Sp0BG_video{object-fit:cover;object-position:50% 33%;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}._0Sp0BG_loading{background:#000;place-items:center;display:grid;position:absolute;inset:0}._0Sp0BG_loadingTrack{width:80px;height:4px;overflow:hidden}._0Sp0BG_loadingBar{background:#fff;width:100%;height:100%;animation:1.6s ease-in-out infinite _0Sp0BG_slide;transform:translate(-100%)}@keyframes _0Sp0BG_slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}._0Sp0BG_offline{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#000;place-items:center;padding:1rem;font-size:.75rem;line-height:1.4;display:grid;position:absolute;inset:0}._0Sp0BG_details{z-index:4;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:opacity .25s;display:flex;position:absolute;inset:0}._0Sp0BG_details._0Sp0BG_hidden{opacity:0}._0Sp0BG_detailsLabel{color:#fff;text-transform:uppercase;background:#000;padding:.5rem .625rem;font-size:clamp(.75rem,2.2cqw,1.5rem);font-weight:800;line-height:.95;display:inline-block}._0Sp0BG_playIcon{color:#000;border:var(--border) solid #000;background:#fff;place-items:center;width:clamp(44px,9cqw,72px);height:clamp(44px,9cqw,72px);display:grid}._0Sp0BG_playIcon svg{width:55%;height:55%}._0Sp0BG_name{z-index:6;color:#000;text-transform:uppercase;opacity:0;pointer-events:none;background:#fff;margin:0;padding:.35rem .5rem;font-size:.625rem;font-weight:800;transition:opacity .15s;position:absolute;top:0;left:0}._0Sp0BG_name._0Sp0BG_visible{opacity:1;pointer-events:auto}._0Sp0BG_name a{text-decoration:none}._0Sp0BG_name a:hover{text-decoration:underline}._0Sp0BG_progress{z-index:7;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}._0Sp0BG_progressBar{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}._0Sp0BG_volume{z-index:8;pointer-events:none;background:#fff;border-left:4px solid #000;flex-direction:column;gap:3px;width:clamp(48px,20cqw,86px);padding:6px;animation:.12s ease-out _0Sp0BG_volIn;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes _0Sp0BG_volIn{0%{transform:translate(100%)}to{transform:translate(0,0)}}._0Sp0BG_volumeValue{text-align:center;letter-spacing:0;color:#000;border-bottom:3px solid #000;flex:none;padding-bottom:4px;font-size:clamp(.8rem,5cqw,1.4rem);font-weight:800;line-height:1}._0Sp0BG_volumeBar{background:#fff;border:2px solid #000;flex:auto;position:relative;overflow:hidden}._0Sp0BG_volumeFill{background:#000;position:absolute;bottom:0;left:0;right:0}._0Sp0BG_controls{z-index:9;justify-content:space-between;align-items:center;height:30px;display:flex;position:absolute;bottom:5px;left:5px;right:5px}._0Sp0BG_controls button{border-radius:var(--radius);color:#000;cursor:pointer;background:#ffffffe6;border:none;place-items:center;width:28px;height:28px;padding:0;display:grid}._0Sp0BG_controls button:hover{background:#fff}._0Sp0BG_controls button svg{width:16px;height:16px}._0Sp0BG_nudgeGroup{gap:4px;display:flex}._0Sp0BG_nudgeFlash{z-index:5;pointer-events:none;opacity:0;color:#fff;text-transform:uppercase;-webkit-text-stroke:1px #000;place-items:center;font-size:clamp(1rem,4cqw,2.5rem);transition:opacity .4s;display:grid;position:absolute;inset:0}._0Sp0BG_nudgeFlash._0Sp0BG_on{opacity:1}
.XwCMxa_root{width:100%;height:100dvh;position:relative;overflow:hidden}.XwCMxa_nav{z-index:100;background:var(--ink);height:20px;color:var(--paper);-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;top:0;left:0;right:0}.XwCMxa_nav h1{text-transform:uppercase;letter-spacing:.6em;padding-left:.6em;font-size:.6rem;font-weight:800}.XwCMxa_grid{top:calc(var(--bar-h) + 1.4rem);left:var(--gap);right:var(--gap);bottom:var(--gap);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute}@media (min-width:1020px){.XwCMxa_grid{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr);left:1.25rem;right:1.25rem}}