.stage{padding-top:var(--s10);padding-bottom:var(--s12)}.stage-head{gap:var(--s5);margin-bottom:var(--s7);max-width:780px;display:grid}.stage-head .lede{color:var(--ink-muted);font-size:18px;line-height:1.55}.variant-tag{font:400 14px var(--sans);color:var(--ink-muted);align-items:baseline;gap:10px;display:inline-flex}.variant-tag b{font:500 14px var(--mono);color:var(--accent)}.fw{margin:0;position:relative}.fw svg{width:100%;height:auto;display:block;overflow:visible}.fw [data-beat]{cursor:pointer}.controls{gap:var(--s5) var(--s7);margin-top:var(--s6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.pause{font:500 15px var(--sans);color:var(--accent);background:var(--layer);border:1px solid var(--rule);border-radius:var(--radius-btn);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.pause svg{width:12px;height:12px}.cycle{font:400 13px var(--mono);color:var(--ink-muted)}.explorer{gap:var(--s6);margin-top:var(--s9);grid-template-columns:1fr;display:grid}.explorer .beats{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));align-self:start;gap:1px;display:grid;overflow:hidden}.explorer .wcol{background:var(--layer);align-content:start;display:grid}.explorer .wcol h3{font:500 14px var(--sans);padding:var(--s4) var(--s5);background:var(--canvas);margin:0}.explorer .wcol h3 span{font:400 12px var(--mono);color:var(--accent);margin-right:6px}.explorer .bbtn{text-align:left;font:400 16px var(--sans);color:var(--ink);background:var(--layer);border:0;border-top:1px solid var(--rule);padding:var(--s4) var(--s5);cursor:pointer;align-items:baseline;gap:10px;display:flex}.explorer .bbtn span{font:400 12px var(--mono);color:var(--accent)}.explorer .bbtn:hover{background:var(--wash)}.explorer .bbtn[aria-pressed=true]{background:var(--accent);color:#fff}.explorer .bbtn[aria-pressed=true] span{color:#fff}.explorer .panel{background:var(--layer);border-radius:var(--radius);padding:var(--s7);align-content:start;gap:var(--s5);min-height:260px;display:grid}.explorer .pname{font:var(--w-display) 48px/1.05 var(--font-display);letter-spacing:var(--track-h);margin:0}.explorer .pdef{font:400 20px/1.5 var(--serif)}.explorer dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:15px;display:grid}.explorer dt{color:var(--ink-muted)}.explorer dd{margin:0}.explorer .empty{color:var(--ink-muted);font-size:17px}@media (max-width:880px){.explorer{grid-template-columns:1fr}}@media (max-width:980px){.explorer .beats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:671px){.explorer .beats{grid-template-columns:1fr}}.legend-mobile{margin-top:var(--s5);color:var(--ink-muted);font-size:15px;display:none}.legend-mobile p{margin:0 0 6px}.legend-mobile b{color:var(--ink);font-weight:500}@media (max-width:671px){.legend-mobile{display:block}.fw .wide-only{display:none}}.look{margin-top:var(--s10);padding:var(--s7);border:1px dashed var(--ink-subtle);border-radius:var(--radius);background:color-mix(in srgb, var(--canvas) 70%, transparent);max-width:780px}.look h2{margin:0 0 var(--s4);font:500 18px var(--sans)}.look li{color:var(--ink-muted);margin-bottom:8px}.nextprev{justify-content:space-between;gap:var(--s5);margin-top:var(--s9);font-size:16px;display:flex}.explorer .bbtn{align-items:center}.explorer .bbtn .bicon{color:var(--accent);flex:none}.explorer .bbtn[aria-pressed=true] .bicon{color:#fff}.explorer .picon{background:var(--wash);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.explorer .wend{background:var(--wash);grid-column:1/-1;align-items:stretch;display:flex}.explorer .wend h3{background:0 0;align-items:center;min-width:170px;display:flex}.explorer .wend .bbtn{background:0 0;border-top:0;flex:1;font-weight:500}.explorer .wend .bbtn:hover{background:#fff9}@media (max-width:671px){.explorer .wend{flex-direction:column}}.explorer .wend .bbtn em{color:var(--ink);font-style:normal;font-weight:400}